/* Start:/includes/css/jquery.fancybox.min.css?154136725013706*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} /* End */ /* Start:/includes/css/style.css?1689429128754679*/ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto+Slab:400,700|Roboto:300,400,500,700,900"); .container { max-width: 1170px; margin: 0 auto; } .container .wrap { padding: 0; } @media only screen and (max-width: 1240px) { .wrapper { overflow: hidden; } footer { overflow: hidden; } } html { -webkit-font-smoothing: antialiased; } .listProducts__load-more{ display: block; padding: 10px 20px; border-radius: 4px; background-color: #f8bf45; font: 400 16px/18px "Roboto", sans-serif; color: #283346; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; width: 212px; max-width: 100%; } .listProducts__load-more:hover { background-color: #283346; color: #ffffff; } img { border: 0; max-width: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } .container h1 { font-weight: 400; font-size: 30px; line-height: 30px; font-family: Roboto, sans-serif; color: #283346; margin-left: 32px; } .pricelist img {vertical-align:middle;} .compareWraps .compareColumnTop button span {font-size:12px} body { margin: 0; padding: 0; background: #ffffff url(/includes/css/../images/microelectronic_pattern_background.jpg); font: 400 14px/24px "Roboto", sans-serif, sans-serif; color: #283346; } * { outline: 0 !important; } .wrapper { min-height: 100%; background-color: #ffffff; } *::-moz-selection { /* Code for Firefox */ color: #ffffff; background-color: #f8bf45; } *::selection { color: #ffffff; background-color: #f8bf45; } header { position: relative; z-index: 5; } header .col-top { padding: 11px 0; background-color: #283346; position: relative; z-index: 6; } header .col-top .container .wrap { font-size: 0; line-height: 0; } header .col-top .container .wrap .col-left { display: inline-block; vertical-align: middle; } header .col-top .container .wrap .col-left .counTotal { font: 400 14px/24px "Roboto", sans-serif; color: #f8bf45; display: inline-block; } header .col-top .container .wrap .col-left .title { font: 300 23px/30px "Roboto", sans-serif; color: #ffffff; display: inline-block; padding: 0 40px 0 45px; } header .col-top .container .wrap .mobCart { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 80px; display: none; } header .col-top .container .wrap .mobCart a { text-decoration: none; display: block; position: relative; padding-top: 13px; } header .col-top .container .wrap .mobCart a .total { left: 3px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; display: block; position: absolute; top: 0; width: 100%; text-align: center; } header .col-top .container .wrap .mobMenuBtn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; display: none; } header .col-top .container .wrap .mobMenuBtn a { text-decoration: none; display: block; } header .col-top .container .wrap .mobMenuBtn a i { font-size: 24px; line-height: 20px; color: #ffffff; } header .col-top .container .wrap .mobMenuBtn a:hover i { color: #f8bf45; } header .col-top .container .wrap .col-right { display: inline-block; vertical-align: middle; margin: 0 -26px; } header .col-top .container .wrap .col-right .item { display: inline-block; } header .col-top .container .wrap .col-right .item .wraps { position: relative; padding: 0 25px; font-size: 16px; } header .col-top .container .wrap .col-right .item .wraps .langSwitch { display: block; font: 400 14px/24px "Roboto", sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; border: 1px solid #8e949d; padding: 5.5px 25px 5.5px 10px; position: relative; z-index: 1; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-top .container .wrap .col-right .item .wraps .langSwitch.active { background-color: #ffffff; color: #283346; border-color: #ffffff; } header .col-top .container .wrap .col-right .item .wraps .langSwitch.active:after { border-color: #283346; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 15px; } header .col-top .container .wrap .col-right .item .wraps .langSwitch img { height: auto; vertical-align: middle; margin-left: 7px; } header .col-top .container .wrap .col-right .item .wraps .langSwitch:after { position: absolute; content: ""; top: 13px; right: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .col-top .container .wrap .col-right .item .wraps .dropdownLang { position: absolute; top: 35px; left: 25px; min-width: 230px; padding: 20px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang.active { opacity: 1; visibility: visible; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .title { display: block; font: 400 12px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 15px; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .item { display: block; margin-bottom: 15px; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .item:last-child { margin-bottom: 0; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .item label { display: block; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2 .selection .select2-selection { border-color: #eaeaea; height: 35px; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/35px "Roboto", sans-serif; color: #283346; display: block; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 35px; right: 10px; top: -5px; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2 .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang .dropdownLang__wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } header .col-top .container .wrap .col-right .item .wraps .join { font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; text-decoration: none; display: block; border-radius: 3px; padding: 10px 5px 10px 10px; position: relative; z-index: 1; } header .col-top .container .wrap .col-right .item .wraps .join i { font-size: 24px; color: #f8bf45; display: inline-block; vertical-align: middle; display: inline-block; margin-right: 5px; } header .col-top .container .wrap .col-right .item .wraps .join span { display: inline-block; vertical-align: middle; position: relative; } header .col-top .container .wrap .col-right .item .wraps .join span:after { position: absolute; content: ""; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #ffffff; } header .col-top .container .wrap .col-right .item .wraps .join.active { background-color: #ffffff; color: #283346; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin { position: absolute; top: 40px; right: 25px; min-width: 120px; padding: 25px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin.active { opacity: 1; visibility: visible; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin .dropdownJoin__wraps ul li { margin-bottom: 10px; list-style: none; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin .dropdownJoin__wraps ul li a { display: block; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin .dropdownJoin__wraps ul li:hover a { color: #283346; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin .dropdownJoin__wraps ul li:last-child { margin-bottom: 0; } header .col-middle { padding: 0 0; background-color: #256eab; } header .col-middle .container .wrap .logo { display: inline-block; vertical-align: middle; margin-right: 20px; } header .col-middle .container .wrap .logo a { text-decoration: none; } header .col-middle .container .wrap .logo a img { width: 270px; height: auto; } header .col-middle .container .wrap .logo ul { margin: 0 -5px; font-size: 0; line-height: 0; display: none; } header .col-middle .container .wrap .logo ul li { list-style: none; display: inline-block; padding: 0 5px; } header .col-middle .container .wrap .logo ul li a { font: 400 14px/22px "Roboto", sans-serif; color: #ffffff; } header .col-middle .container .wrap .logo ul li a i { font-size: 14px; color: #f8bf45; } header .col-middle .container .wrap .search { display: inline-block; vertical-align: middle; border-radius: 5px; border: 2px solid #f8bf45; background-color: #ffffff; padding: 5px 55px 5px 10px; margin-right: 15px; position: relative; } header .col-middle .container .wrap .search form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .col-middle .container .wrap .search .item input { min-width: 445px; padding: 13px 10px; border-left: 0; border-right: 0 none; border-bottom: 0 none; border-top: 0 none; font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } header .col-middle .container .wrap .search .item input::-webkit-input-placeholder { color: #4b5584; } header .col-middle .container .wrap .search .item input:-moz-placeholder { color: #4b5584; } header .col-middle .container .wrap .search .item input::-moz-placeholder { color: #4b5584; } header .col-middle .container .wrap .search .item input:-ms-input-placeholder { color: #4b5584; } header .col-middle .container .wrap .search .item .keyboard { background: url(/upload/keyboard.png) no-repeat; width: 36px; display: inline-block; height: 36px; margin-left: -40px; margin-bottom: -15px; cursor:pointer; } header .col-middle .container .wrap #keyboard_open {display:none; transition:all .2s ease; min-height:0px;} header .col-middle .container .wrap .search .item .select2 { display: inline-block; border-left: 1px solid #256eab; min-height: 40px; min-width: 170px; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection { border: 0 none; height: 40px; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__rendered { font: 400 14px/40px "Roboto", sans-serif; color: #8e949d; position: relative; display: inline-block; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__rendered:after { position: absolute; content: ""; bottom: 10px; left: 10px; right: 20px; height: 1px; border-bottom: 1px dashed #c0c5d9; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/40px "Roboto", sans-serif; color: #8e949d; display: block; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__arrow { height: 40px; right: 10px; top: -1px; } header .col-middle .container .wrap .search .item .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #256eab transparent transparent transparent; } header .col-middle .container .wrap .search .item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } header .col-middle .container .wrap .search .item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #256eab transparent; border-width: 0 4px 5px 4px; } header .col-middle .container .wrap .search .btn { position: absolute; top: 0; right: 0; background-color: #f8bf45; border: 0 none; cursor: pointer; padding: 17px 20px; max-height: 53px; /* border-top-right-radius: 5px; border-bottom-right-radius: 5px;*/ -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-middle .container .wrap .search .btn:hover { background-color: #283346; } header .col-middle .container .wrap .search .btn:hover i { color: #ffffff; } header .col-middle .container .wrap .search .btn i { font-size: 14px; color: #283346; } header .col-middle .container .wrap .mobBtnCat { display: none; position: relative; z-index: 4; } header .col-middle .container .wrap .mobBtnCat a.btn { display: block; font: 700 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #f8bf45; padding: 15px 10px; position: relative; } header .col-middle .container .wrap .mobBtnCat a.btn:after { content: ""; border: solid #283346; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; position: relative; top: -3px; left: 10px; } header .col-middle .container .wrap .mobBtnCat a.btn.active:after { -webkit-transform: rotate(-136deg); -ms-transform: rotate(-136deg); transform: rotate(-136deg); top: 0; } header .col-middle .container .wrap .mobBtnCat nav { border: 1px solid #eaeaea; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; position: absolute; left: 0; top: 50px; width: 100%; background-color: #ffffff; display: none; } header .col-middle .container .wrap .mobBtnCat nav ul li { list-style: none; border-bottom: 1px solid #eaeaea; position: relative; } header .col-middle .container .wrap .mobBtnCat nav ul li a { font: 400 14px/18px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; padding: 10px 35px 10px 45px; position: relative; border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } header .col-middle .container .wrap .mobBtnCat nav ul li a img { display: inline-block; height: auto; position: absolute; top: 50%; left: 7px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter 200ms ease 0s; transition: -webkit-filter 200ms ease 0s; -o-transition: filter 200ms ease 0s; transition: filter 200ms ease 0s; transition: filter 200ms ease 0s, -webkit-filter 200ms ease 0s; } header .col-middle .container .wrap .mobBtnCat nav ul li a:hover { color: #256eab; } header .col-middle .container .wrap .mobBtnCat nav ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } header .col-middle .container .wrap .mobBtnCat nav ul li:last-child { border-bottom: 0 none; } header .col-middle .container .wrap .wishlistCart { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; } header .col-middle .container .wrap .wishlistCart .item { display: inline-block; } header .col-middle .container .wrap .wishlistCart .item .wraps a { text-decoration: none; display: block; position: relative; padding: 16px 0; } header .col-middle .container .wrap .wishlistCart .item .wraps a .icon { position: absolute; top: 50%; left: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; } header .col-middle .container .wrap .wishlistCart .item .wraps a .icon i { font-size: 30px; color: #f8bf45; } header .col-middle .container .wrap .wishlistCart .item .wraps a .teaser { padding: 0 20px 0 60px; display: block; } header .col-middle .container .wrap .wishlistCart .item .wraps a .teaser .count { display: inline-block; background-color: #ffffff; border-radius: 15px; padding: 4px 10px 2px 10px; margin-bottom: 4px; font: 400 14px/14px "Roboto", sans-serif; color: #333333; } header .col-middle .container .wrap .wishlistCart .item .wraps a .teaser .text { display: block; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; } header .col-middle .container .wrap .wishlistCart .item .wraps a:hover { background-color: #275078; } /**********keybord start*******/ .klaviatura{ width: 804px; margin: 0 auto; padding-bottom: 10px; } .klaviatura .row{ width: 100%; height: 45px; margin-bottom: 10px; clear: both; } .klaviatura .key{ width: 45px; height: 45px; float: left; cursor: pointer; color: #000; margin-left: 6px; text-align: center; line-height: 40px; border-radius: 5px; background: linear-gradient(to top, #b8b8b8, #c7c7c7); /*//box-shadow:*/ /* -1px 0px rgb(220,195,35), -1px 1px rgb(192,167,7), -2px 1px rgb(219,194,34), -2px 2px rgb(191,166,6), -3px 2px rgb(218,193,33), -3px 3px rgb(190,165,5), -4px 3px rgb(217,192,32), -4px 4px rgb(189,164,4), -5px 4px rgb(216,191,31), -5px 5px rgb(188,163,3), -6px 5px rgb(215,190,30), -6px 6px rgb(187,162,2);*/ } .klaviatura .key:hover{ background: #de443b; } .klaviatura .backspace,.klaviatura .shift,.klaviatura .capslock{ width: 100px; } .klaviatura .capslock,.klaviatura .shift{ color: #4e2f2f; } .klaviatura .tab{ width: 80px; } .klaviatura .space{ width: 300px; margin-left: 206px; } .klaviatura sup{ margin: 1px 0 0 -20px; font-size: 12px; position: absolute; } .result{ width: 900px; height: 50px; margin: 0 auto; display: block; padding: 10px; font-size: 18px; color: #444; margin-bottom: 10px; } /********keybord end*****/ header .col-bottom { background-color: #ffffff; border-bottom: 3px solid #eaeaea; } header .col-bottom .container .wrap { font-size: 0; line-height: 0; } header .col-bottom .container .wrap .left { display: inline-block; vertical-align: middle; width: 24%; text-align: center; position: relative; } header .col-bottom .container .wrap .left a.viewFullCatalog { display: block; padding: 12px 0; margin-top: 7px; font: 400 18px/24px "Roboto", sans-serif; color: #283346; text-transform: uppercase; text-decoration: none; border: 2px solid #f8bf45; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; position: relative; } header .col-bottom .container .wrap .left a.viewFullCatalog:hover { background-color: #f8bf45; text-decoration: underline; } header .col-bottom .container .wrap .left a.viewFullCatalog.active { background-color: #f8bf45; text-decoration: underline; } header .col-bottom .container .wrap .left a.viewFullCatalog:after { position: absolute; content: ""; top: 20px; right: 14px; border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .col-bottom .container .wrap .left a.viewFullCatalog:before { position: absolute; content: ""; top: 17px; right: 10px; display: inline-block; background-color: #256eab; width: 14px; height: 14px; border-radius: 3px; } header .col-bottom .container .wrap .left .sidebarMenu { position: absolute; top: 50px; z-index: 123; } header .col-bottom .container .wrap .middle { display: inline-block; vertical-align: middle; padding-right: 20px; padding-left: 20px; } header .col-bottom .container .wrap .middle ul { margin: 0 -10px; } header .col-bottom .container .wrap .middle ul li { list-style: none; display: inline-block; padding: 0 10px; } header .col-bottom .container .wrap .middle ul li a { font: 400 14px/24px "Roboto", sans-serif; color: #283346; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .middle ul li a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right { display: inline-block; vertical-align: middle; padding: 18px 15px; position: relative; } header .col-bottom .container .wrap .right.active { background-color: #ecf0f1; } header .col-bottom .container .wrap .right ul { margin: 0 -15px; } header .col-bottom .container .wrap .right ul li { display: inline-block; list-style: none; padding: 0 6px; position: relative; } header .col-bottom .container .wrap .right ul li .callToDrop { display: inline-block; cursor: pointer; margin: 3px 0 0 10px; } header .col-bottom .container .wrap .right ul li .callToDrop i { font-size: 18px; color: #256eab; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right ul li .callToDrop i:hover { color: #f8bf45; } header .col-bottom .container .wrap .right ul li.email a, header .col-bottom .container .wrap .right ul li.email a>span { font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .col-bottom .container .wrap .right ul li.email a i { font-size: 14px; color: #256eab; margin-right: 10px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right ul li.email a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right ul li.email a:hover i { color: #f8bf45; } header .col-bottom .container .wrap .right ul li.tel a,header .col-bottom .container .wrap .right ul li.tel a>span { font: 400 24px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; } header .col-bottom .container .wrap .right ul li.tel a i { font-size: 14px; color: #256eab; margin-right: 10px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right ul li.tel a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right ul li.tel a:hover i { color: #f8bf45; } header .col-bottom .container .wrap .right .dropDownContact { padding: 30px 50px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 60px; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } header .col-bottom .container .wrap .right .dropDownContact.active { opacity: 1; visibility: visible; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .phone a { font: 400 24px/30px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .phone a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .phone span { font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; display: block; margin-bottom: 10px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .notes { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .notes .icon { display: inline-block; margin-right: 10px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .notes .icon img { height: auto; min-width: 31px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .notes p { display: inline-block; font: 400 14px/20px "Roboto", sans-serif; color: #8e949d; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email { margin-bottom: 35px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email span { font: 400 14px/40px "Roboto", sans-serif; color: #283346; display: block; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email a { font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email a i { font-size: 14px; color: #256eab; margin-right: 5px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .email a:hover i { color: #f8bf45; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices h2 { font: 400 18px/22px "Roboto", sans-serif; color: #256eab; margin-bottom: 15px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul { font-size: 0; line-height: 0; margin: 0; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li { list-style: none; width: 50%; display: inline-block; vertical-align: top; padding: 0 0 10px 0; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li a { font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li a:hover { color: #f8bf45; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li a i { font-size: 14px; color: #256eab; margin-right: 10px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li a img { height: auto; margin-right: 10px; display: inline-block; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li span { font: 400 14px/24px "Roboto", sans-serif; color: #283346; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li span img { height: auto; margin-right: 10px; display: inline-block; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .work_hours { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .work_hours .icon { display: inline-block; margin-right: 10px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .work_hours .icon img { height: auto; min-width: 18px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .work_hours strong { color: #283346; display: block; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .work_hours p { font: 400 14px/20px "Roboto", sans-serif; color: #8e949d; } .mobileMenu { position: fixed; top: 0; right: -290px; z-index: 10; width: 270px; height: 100%; overflow: auto; background-color: #283346; -webkit-box-shadow: 5px 0px 25px 0px rgba(40, 51, 70, 0.75); box-shadow: 5px 0px 25px 0px rgba(40, 51, 70, 0.75); -webkit-transition: right 300ms ease 0s; -o-transition: right 300ms ease 0s; transition: right 300ms ease 0s; } .mobileMenu.active { right: 0; } .mobileMenu .mobileMenu__wraps .mobileMenu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #256eab; font-size: 0; line-height: 0; padding: 21px 10px; } .mobileMenu .mobileMenu__wraps .mobileMenu-title span { font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; display: inline-block; } .mobileMenu .mobileMenu__wraps .mobileMenu-title span i { font-size: 16px; color: #ffffff; display: inline-block; margin-right: 5px; } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes { position: relative; display: inline-block; width: 18px; height: 18px; overflow: hidden; } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes:hover::before, .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes:hover::after { background: #f8bf45; } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes::before, .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #ffffff; } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes.thick::before, .mobileMenu .mobileMenu__wraps .mobileMenu-title .close .closes.thick::after { height: 2px; margin-top: -2px; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li { list-style: none; border-bottom: 1px solid #5e5e5e; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li a { font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 10px; position: relative; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li a i { display: inline-block; color: #f8bf45; font-size: 18px; margin-right: 10px; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li a img { display: inline-block; width: 18px; height: auto; margin-right: 10px; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li a .count { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; background-color: #ffffff; border-radius: 15px; padding: 5px 8px 4px 8px; margin-bottom: 4px; font: 400 12px/12px "Roboto", sans-serif; color: #333333; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li a:hover { color: #f8bf45; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li.catalog a i { color: #ffffff; } .mobileMenu .mobileMenu__wraps .mobileMenu-list ul li.tel a { font-size: 18px; color: #f8bf45; } @media only screen and (max-width: 1200px) { header .col-top .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .col-top .container .wrap .col-left .counTotal { font-size: 12px; } header .col-top .container .wrap .col-left .title { font-size: 16px; } header .col-middle .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .col-middle .container .wrap .logo { max-width: 150px; } header .col-middle .container .wrap .search .item input { max-width: 220px; } header .col-bottom .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .col-bottom .container .wrap .middle { padding-right: 0; } header .col-bottom .container .wrap .right ul li.email a { font-size: 14px; } header .col-bottom .container .wrap .right ul li.tel a { font-size: 14px; } header .col-bottom .container .wrap .right .dropDownContact { padding: 20px; } header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li a i { margin-right: 5px; } header .col-bottom .container .wrap .middle ul li { padding: 0 7px; } } @media only screen and (max-width: 992px) { header .col-top .container .wrap .mobCart { display: block; } header .col-top .container .wrap .mobMenuBtn { display: block; } header .col-middle .container .wrap .logo { margin-right: 0; } header .col-middle .container .wrap .logo ul { display: block; margin-top: 10px; } header .col-middle .container .wrap .mobBtnCat { display: block; } header .col-top .container .wrap .col-right .item .wraps .dropdownLang { top: 42px; } header .col-top { padding: 10px 0; min-height: 40px; } header .col-top .container .wrap .col-left { width: 100%; text-align: center; } header .col-top .container .wrap .col-left .counTotal { display: none; } header .col-top .container .wrap .col-left .title { display: none; } header .col-top .container .wrap .col-right .item .wraps .langSwitch { font-size: 0; padding: 0; border: 0 none; } header .col-top .container .wrap .col-right .item .wraps .langSwitch.active { background-color: transparent; border-color: transparent; } header .col-top .container .wrap .col-right .item .wraps .langSwitch:after { top: 8px; right: -15px; } header .col-top .container .wrap .col-right .item .wraps .langSwitch.active:after { border-color: #ffffff; top: 10px; } header .col-top .container .wrap .col-right .item .wraps .langSwitch img { margin: 0; } header .col-top .container .wrap .col-right { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } header .col-top .container .wrap .col-right .item:nth-child(2) { display: none; } header .col-bottom { display: none; } header .col-middle .container .wrap { display: block; padding-top: 15px; } header .col-middle .container .wrap .logo { max-width: 100%; display: block; text-align: center; margin-bottom: 15px; } header .col-middle .container .wrap .logo a img { max-width: 250px; display: inline-block; } header .col-middle .container .wrap .search { display: block; padding: 11px 55px 10px 10px; margin-bottom: 10px; margin-right: 0; } header .col-middle .container .wrap .search .item input { font-size: 12px; max-width: inherit; min-width: 90%; } header .col-middle .container .wrap .search .btn { padding: 15px 20px; } header .col-middle .container .wrap .search form .item { width: 100%; } header .col-middle .container .wrap .search form .item:nth-child(2) { display: none; } header .col-middle .container .wrap .wishlistCart { display: none; } } .section2 { background-color: #ffffff; padding: 45px 0 40px 0; border-bottom: 1px solid #e9e9e9; } .section2 .container .wrap h2 { font: 300 24px/30px "Roboto", sans-serif; color: #283346; text-transform: uppercase; margin-bottom: 60px; text-align: center; } .section2 .container .wrap .reviewsList { font-size: 0; line-height: 0; margin: 0 -15px; } .section2 .container .wrap .reviewsList .item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 30px; } .section2 .container .wrap .reviewsList .item .wraps { position: relative; padding: 0 15px; } .section2 .container .wrap .reviewsList .item .wraps .image { position: absolute; top: 0; left: 0; padding: 2px; border: 1px solid #9ea3ab; border-radius: 100%; overflow: hidden; } .section2 .container .wrap .reviewsList .item .wraps .image img { height: auto; display: inline-block; border-radius: 100%; } .section2 .container .wrap .reviewsList .item .wraps .teaser { padding-left: 100px; } .section2 .container .wrap .reviewsList .item .wraps .teaser .name { font: 400 16px/20px "Roboto", sans-serif; color: #256eab; display: block; } .section2 .container .wrap .reviewsList .item .wraps .teaser .city { font: 400 14px/20px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 15px; } .section2 .container .wrap .reviewsList .item .wraps .teaser p { font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .section2 .container .wrap .reviewsList .item .wraps .teaser .rating { display: block; margin-top: 20px; } .section2 .container .wrap .reviewsList .item .wraps .teaser .rating i { font-size: 14px; color: #f8bf45; } .section2 .container .wrap .btns { text-align: center; } .section2 .container .wrap .btns a { font: 700 16px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section2 .container .wrap .btns a:hover { background-color: #f8bf45; } @media only screen and (max-width: 430px) { .section2 .container .wrap h2 { margin-bottom: 30px; } } .section3 { background-color: #ffffff; padding: 40px 0 40px 0; } .section3 .container .wrap h2 { font: 300 24px/30px "Roboto", sans-serif; color: #283346; text-transform: uppercase; margin-bottom: 60px; text-align: center; } .section3 .container .wrap .brandsSlider .item a { text-align: center; display: block; } .section3 .container .wrap .brandsSlider .item a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter 200ms ease 0s; transition: -webkit-filter 200ms ease 0s; -o-transition: filter 200ms ease 0s; transition: filter 200ms ease 0s; transition: filter 200ms ease 0s, -webkit-filter 200ms ease 0s; display: inline-block; } .section3 .container .wrap .brandsSlider .item:hover a img { -webkit-filter: grayscale(0); filter: grayscale(0); } .section3 .container .wrap .brandsSlider .slick-arrow { font-size: 24px; color: #256eab; position: absolute; top: 10px; left: 0; cursor: pointer; } .section3 .container .wrap .brandsSlider .slick-arrow.fa-chevron-right { right: -10px; left: inherit; } .section3 .container .wrap .brandsSlider .slick-arrow.fa-chevron-left { left: -10px; right: inherit; } #to_top { position:fixed; bottom:30px; right:30px; cursor:pointer; display:inline-block; transition: all.2s; } #to_top:hover { transform: translateY(-3.5px); filter: brightness(2); } @media only screen and (max-width: 430px) { .section3 .container .wrap h2 { margin-bottom: 30px; } .section3 .container .wrap .brandsSlider .item a { padding: 0 20px; } } .section4 { background-color: #283346; padding: 45px 0 50px 0; } .section4 .container { position: relative; } .section4 .container:before { position: absolute; content: ""; top: -45px; left: -200px; width: 255px; height: 361px; background: url(/includes/css/../images/sec4-pattern1.png) no-repeat center center; } .section4 .container:after { position: absolute; content: ""; top: -45px; right: 0; width: 465px; height: 408px; background: url(/includes/css/../images/sec4-pattern2.png) no-repeat center center; } .section4 .container .wrap { position: relative; z-index: 3; } .section4 .container .wrap .subscribe { max-width: 700px; text-align: center; } .section4 .container .wrap .subscribe h2 { font: 400 30px/30px "Roboto", sans-serif; color: #f8bf45; margin-bottom: 20px; } .section4 .container .wrap .subscribe p { font: 400 18px/24px "Roboto", sans-serif; color: #eaeaea; margin-bottom: 30px; } .section4 .container .wrap .subscribe .inputs { background-color: #ffffff; border-radius: 10px; padding: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section4 .container .wrap .subscribe .inputs i { font-size: 21px; color: #256eab; margin: 0 20px 0 14px; } .section4 .container .wrap .subscribe .inputs input { width: 100%; font: 400 16px/24px "Roboto", sans-serif; color: #283346; border: 0 none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .section4 .container .wrap .subscribe .inputs button { font: 700 14px/20px "Roboto", sans-serif; color: #283346; text-transform: uppercase; padding: 16px 100px; cursor: pointer; background-color: #f8bf45; border-radius: 10px; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section4 .container .wrap .subscribe .inputs button:hover { background-color: #283346; color: #ffffff; } .section4 .container .wrap .subscribe .checkboxs { font: 400 14px/14px "Open Sans", sans-serif; text-align: center; color: #ffffff; margin: 20px -15px 0 -15px; } .section4 .container .wrap .subscribe .checkboxs .label { padding: 0 15px; } @media only screen and (max-width: 992px) { .section4 .container:before { display: none; } .section4 .container:after { display: none; } .section4 .container .wrap .subscribe .inputs button { padding: 16px 30px; } } @media only screen and (max-width: 580px) { .section4 .container .wrap .subscribe h2 { font-size: 20px; line-height: 20px; } .section4 .container .wrap .subscribe p { font-size: 14px; } .section4 .container .wrap .subscribe p br { display: none; } .section4 .container .wrap .subscribe .inputs i { margin: 0 10px 0 0; font-size: 14px; } .section4 .container .wrap .subscribe .inputs button { padding: 10px 10px; font-size: 12px; } .section4 .container .wrap .subscribe .inputs input { font-size: 14px; line-height: 20px; } .section4 .container .wrap .subscribe .checkboxs .label { padding: 0 5px; } } .section5 { padding: 70px 0 50px 0; background-color: #ecf0f1; } .section5 .container .wrap h2 { font: 300 24px/30px "Roboto", sans-serif; color: #283346; text-transform: uppercase; margin-bottom: 40px; text-align: center; } .section5 .container .wrap .newsList { margin: 0 -20px; font-size: 0; line-height: 0; } .section5 .container .wrap .newsList .item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; } .section5 .container .wrap .newsList .item .wraps { padding: 0 20px; position: relative; } .section5 .container .wrap .newsList .item .wraps .image { position: absolute; top: 0; left: 20px; } .section5 .container .wrap .newsList .item .wraps .image a { text-decoration: none; } .section5 .container .wrap .newsList .item .wraps .image a img { height: auto; } .section5 .container .wrap .newsList .item .wraps .teaser { padding-left: 190px; } .section5 .container .wrap .newsList .item .wraps .teaser a { font: 400 16px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; display: block; margin-bottom: 20px; } .section5 .container .wrap .newsList .item .wraps .teaser .action { font: 400 12px/12px "Roboto", sans-serif; color: #256eab; display: block; margin: 0 0 20px 0; } .section5 .container .wrap .newsList .item .wraps .teaser .action i { font-size: 14px; color: #f8bf45; } .section5 .container .wrap .newsList .item .wraps .teaser p { font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .section5 .container .wrap .newsList .item .wraps .teaser .data { font: 400 12px/20px "Roboto", sans-serif; color: #8e949d; display: block; } .section5 .container .wrap .btns { text-align: center; } .section5 .container .wrap .btns a { font: 700 16px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section5 .container .wrap .btns a:hover { background-color: #f8bf45; } .mobileOtherBlock { background-color: #ffffff; overflow: hidden; margin: 25px 0; padding: 20px 0; display: none; } .mobileOtherBlock .participants { margin-bottom: 15px; } .mobileOtherBlock .participants .participants__wrap { padding: 0 10px; border-bottom: 1px solid #eaeaea; } .mobileOtherBlock .participants .participants__wrap h3 { font: 400 20px/20px "Roboto", sans-serif; color: #256eab; text-align: center; margin-bottom: 16px; } .mobileOtherBlock .participants .participants__wrap ul { margin: 0 -8px 8px -8px; font-size: 0; line-height: 0; text-align: center; } .mobileOtherBlock .participants .participants__wrap ul li { width: 33.33333%; display: inline-block; vertical-align: top; list-style: none; } .mobileOtherBlock .participants .participants__wrap ul li a { display: block; margin: 0 8px 16px 8px; } .mobileOtherBlock .participants .participants__wrap ul li a img { height: auto; border: 2px solid #eaeaea; -webkit-transition: border-color 200ms ease 0s; -o-transition: border-color 200ms ease 0s; transition: border-color 200ms ease 0s; } .mobileOtherBlock .participants .participants__wrap ul li a:hover img { border-color: #256eab; } .mobileOtherBlock .participants:last-child .participants__wrap { border-bottom: 0 none; } @media only screen and (max-width: 1200px) { .section5 .container .wrap .newsList .item .wraps .image a img { max-width: 130px; } .section5 .container .wrap .newsList .item .wraps .teaser { padding-left: 150px; } } @media only screen and (max-width: 880px) { .section5 .container .wrap .newsList .item:nth-child(1) { display: block; } .section5 .container .wrap .newsList .item { width: 100%; display: none; } .mobileOtherBlock { display: block; } } @media only screen and (max-width: 480px) { .section5 { padding: 30px 0 40px 0; } .section5 .container .wrap .newsList .item .wraps .image { position: static; margin-bottom: 25px; text-align: center; } .section5 .container .wrap .newsList .item .wraps .teaser { padding-left: 0; } } .section6 { padding: 100px 0 45px 0; background-color: #ffffff; } .section6 .container .wrap { font-size: 0; line-height: 0; } .section6 .container .wrap .padding { margin: 0 -50px; overflow: hidden; } .section6 .container .wrap .padding .col-left { width: 50%; display: inline-block; vertical-align: top; } .section6 .container .wrap .padding .col-left .wraps { padding: 0 50px; } .section6 .container .wrap .padding .col-left .wraps h2 { font: 400 16px/20px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .section6 .container .wrap .padding .col-left .wraps ul li { width: 20%; display: inline-block; vertical-align: middle; list-style: none; } .section6 .container .wrap .padding .col-left .wraps ul li img { height: auto; } .section6 .container .wrap .padding .col-right { width: 50%; display: inline-block; vertical-align: top; } .section6 .container .wrap .padding .col-right .wraps { padding: 0 50px; margin: 0 -45px; } .section6 .container .wrap .padding .col-right .wraps .left { width: 50%; display: inline-block; vertical-align: top; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps { padding: 0 45px; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps h2 { font: 400 16px/20px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap { display: flex; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a { display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; color: #fff; border-radius: 6px; margin-left: 20px; text-decoration: none; opacity: .7; transition: .2s; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a.vk { order: 0; background: #45668e; margin-left: 0; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a.fb { order: 1; background: #3b5998; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a.tw { order: 2; background: #1da1f2; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a i { font-size: 20px; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap a:hover { opacity: 1; } .section6 .container .wrap .padding .col-right .wraps .right { width: 50%; display: inline-block; vertical-align: top; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps { padding: 0 45px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps h2 { font: 400 16px/20px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a { display: block; margin-bottom: 10px; font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a:hover { color: #f8bf45; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a:hover i { color: #f8bf45; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a.tel { font-size: 23px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a.mailto { font-size: 16px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a i { font-size: 14px; margin-right: 5px; color: #256eab; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a:last-child { margin-bottom: 0; } @media only screen and (max-width: 1200px) { .section6 .container .wrap .padding .col-right .wraps { margin: 0 -25px; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps { padding: 0 25px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps { padding: 0 25px; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps a.tel { font-size: 18px; } } @media only screen and (max-width: 992px) { .section6 { padding: 0; background-color: transparent; } .section6 .container .wrap .padding { margin: 0 -15px; } .section6 .container .wrap .padding .col-left { width: inherit; display: block; padding: 30px 15px; background-color: #eaeaea; text-align: center; } .section6 .container .wrap .padding .col-left .wraps ul li img { height: auto; padding: 5px; background-color: #fff; border-radius: 6px; } .section6 .container .wrap .padding .col-left .wraps { padding: 0; } .section6 .container .wrap .padding .col-right { width: 100%; } .section6 .container .wrap .padding .col-right .wraps { padding: 0; } .section6 .container .wrap .padding .col-right .wraps .left { width: 100%; padding: 30px 0 30px 0; text-align: center; background-color: #ffffff; } .section6 .container .wrap .padding .col-right .wraps .right { width: 100%; padding-bottom: 20px; text-align: center; background-color: #ffffff; } .section6 .container .wrap .padding .col-right .wraps .right .right__wraps h2 { margin-bottom: 15px; } } @media only screen and (max-width: 430px) { .section6 .container .wrap .padding .col-left { padding: 30px 15px 10px 15px; } .section6 .container .wrap .padding .col-left .wraps ul li { width: 33.333333%; margin-bottom: 25px; } } footer { padding: 40px 0; } .footer_main { background: url(/includes/images/footer-pattern.jpg) repeat;} footer .col-top { margin-bottom: 15px; } footer .col-top .container .wrap { font-size: 0; line-height: 0; margin: 0 -20px; } footer .col-top .container .wrap .column { width: 25%; display: inline-block; vertical-align: top; } footer .col-top .container .wrap .column .wraps { padding: 0 20px; } footer .col-top .container .wrap .column .wraps h3 { font: 400 24px/30px "Roboto", sans-serif; color: #256eab; margin-bottom: 15px; } footer .col-top .container .wrap .column .wraps ul li { display: block; margin-bottom: 15px; list-style: none; } footer .col-top .container .wrap .column .wraps ul li a { font: 400 14px/18px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer .col-top .container .wrap .column .wraps ul li a:hover { color: #256eab; } footer .col-top .container .wrap .column .wraps ul li:last-child { margin-bottom: 0; } footer .col-bottom .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer .col-bottom .container .wrap .keys { display: inline-block; font: 400 14px/16px "Open Sans", sans-serif; color: #8e949d; } footer .col-bottom .container .wrap .copyright { display: inline-block; font: 400 14px/16px "Open Sans", sans-serif; color: #8e949d; } footer .col-bottom .container .wrap .developerCopyright { font: 400 12px/14px "Roboto", sans-serif; color: #8e949d; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer .col-bottom .container .wrap .developerCopyright img { display: inline-block; vertical-align: middle; margin-left: 10px; } footer .col-bottom .container .wrap .developerCopyright span { text-decoration: underline; } footer .col-bottom .container .wrap .developerCopyright:hover { color: #256eab; } @media only screen and (max-width: 1200px) { footer .col-top .container .wrap .column .wraps h3 { font-size: 20px; } } @media only screen and (max-width: 992px) { footer { background-color: #ffffff; padding: 0 0 20px 0; } footer .col-top { display: none; } footer .col-bottom .container .wrap { display: block; text-align: center; } footer .col-bottom .container .wrap .keys { display: block; margin-bottom: 10px; } footer .col-bottom .container .wrap .copyright { display: block; margin-bottom: 12px; } footer .col-bottom .container .wrap .developerCopyright { display: block; } } .breadcrumbs { padding: 40px 0; background-color: #ffffff; position: relative; z-index: 0; } .breadcrumbs .container .wrap ul { font-size: 0; line-height: 0; display: flex; transform-origin: 0; } .breadcrumbs .container .wrap ul li { list-style: none; display: flex; } .breadcrumbs .container .wrap ul li a { display: inline-block; white-space: nowrap; font: 400 15px/15px "Roboto", sans-serif; color: #283346; text-decoration: none; position: relative; padding: 10px 17px 10px 30px; border: 1px solid #c1c6cd; -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .breadcrumbs .container .wrap ul li a:after { content: ''; display: block; position: absolute; top: 5px; right: -14px; width: 25px; height: 25px; background: #fff; z-index: 9; border-right: 1px solid #c7cbd1; border-bottom: 1px solid #c7cbd1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .breadcrumbs .container .wrap ul li a:hover { background-color: #256eab; color: #ffffff; } .breadcrumbs .container .wrap ul li a:hover:after { background-color: #256eab; } .breadcrumbs .container .wrap ul li>a>span{line-height:14px} .breadcrumbs .container .wrap ul li>span { display: inline-block; white-space: nowrap; font: 400 15px/15px "Roboto", sans-serif; color: #283346; text-decoration: none; position: relative; padding: 10px 17px 10px 30px; border: 1px solid #c1c6cd; background-color: #eaeaea; } .breadcrumbs .container .wrap ul li>span:after { content: ''; display: block; position: absolute; top: 5px; right: -14px; width: 25px; height: 25px; background: #eaeaea; z-index: 9; border-right: 1px solid #c7cbd1; border-bottom: 1px solid #c7cbd1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .breadcrumbs .container .wrap ul li:first-child a { border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 10px 17px; } @media only screen and (max-width: 992px) { .breadcrumbs .container .wrap { overflow: auto; } } .lastNewsBlock { background-color: #ecf0f1; padding: 50px 0; } .lastNewsBlock .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .lastNewsBlock .container .wrap .col-left { width: 65%; display: inline-block; vertical-align: top; } .lastNewsBlock .container .wrap .col-left .wraps { padding: 0 15px; } .lastNewsBlock .container .wrap .col-left .wraps h2 { font: 300 24px/24px "Roboto", sans-serif; color: #283346; text-transform: uppercase; margin-bottom: 25px; } .lastNewsBlock .container .wrap .col-left .wraps .list { margin: 0 -15px; font-size: 0; line-height: 0; } .lastNewsBlock .container .wrap .col-left .wraps .list .list--item { width: 50%; display: inline-block; vertical-align: top; } .lastNewsBlock .container .wrap .col-left .wraps .list .list--item .list--item-wraps { padding: 0 15px; } .lastNewsBlock .container .wrap .col-left .wraps .list .list--item .list--item-wraps .data { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 10px; } .lastNewsBlock .container .wrap .col-left .wraps .list .list--item .list--item-wraps a { display: block; margin-bottom: 30px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .lastNewsBlock .container .wrap .col-left .wraps .list .list--item .list--item-wraps a:hover { color: #256eab; } .lastNewsBlock .container .wrap .col-left .wraps .viewAll { display: inline-block; font: 400 16px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; text-transform: uppercase; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .lastNewsBlock .container .wrap .col-left .wraps .viewAll i { font-size: 15px; color: #256eab; display: inline-block; margin-right: 20px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .lastNewsBlock .container .wrap .col-left .wraps .viewAll:hover { color: #f8bf45; } .lastNewsBlock .container .wrap .col-left .wraps .viewAll:hover i { color: #f8bf45; } .lastNewsBlock .container .wrap .col-right { width: 35%; display: inline-block; vertical-align: top; } .lastNewsBlock .container .wrap .col-right .wraps { text-align: center; padding: 0 15px; } .lastNewsBlock .container .wrap .col-right .wraps h3 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 12px; } .lastNewsBlock .container .wrap .col-right .wraps p { font: 400 16px/24px "Roboto", sans-serif; color: #8e949d; margin-bottom: 17px; } .lastNewsBlock .container .wrap .col-right .wraps .formItem { position: relative; margin-bottom: 10px; } .lastNewsBlock .container .wrap .col-right .wraps .formItem i.far { position: absolute; top: 50%; left: 17px; z-index: 1; font-size: 16px; color: #8e949d; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .lastNewsBlock .container .wrap .col-right .wraps .formItem input { width: 100%; min-height: 50px; padding-left: 50px; font: 400 14px/16px "Roboto", sans-serif; color: #283346; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; border: 1px solid #f4f4f4; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lastNewsBlock .container .wrap .col-right .wraps .formItem input::-webkit-input-placeholder { line-height: 16px; color: #283346; } .lastNewsBlock .container .wrap .col-right .wraps .formItem input:-moz-placeholder { line-height: 16px; color: #283346; } .lastNewsBlock .container .wrap .col-right .wraps .formItem input::-moz-placeholder { line-height: 16px; color: #283346; } .lastNewsBlock .container .wrap .col-right .wraps .formItem input:-ms-input-placeholder { line-height: 16px; color: #283346; } .lastNewsBlock .container .wrap .col-right .wraps .formItem input::-ms-clear { display: none; } .lastNewsBlock .container .wrap .col-right .wraps .formItem button { display: block; width: 100%; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 17px 20px; cursor: pointer; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .lastNewsBlock .container .wrap .col-right .wraps .formItem button:hover { background-color: #283346; color: #ffffff; } @media only screen and (max-width: 992px) { .lastNewsBlock .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .lastNewsBlock .container .wrap .col-right { width: 100%; text-align: center; } .lastNewsBlock .container .wrap .col-right .wraps { max-width: 450px; display: inline-block; } } @media only screen and (max-width: 640px) { .lastNewsBlock .container .wrap .col-left .wraps .list .list--item { width: 100%; } } .sideBarCategories { margin-bottom: 35px; } .sideBarCategories .sideBarCategories__wraps h3 { font: 400 24px/30px "Roboto", sans-serif; color: #283346; margin-bottom: 20px; } .sideBarCategories .sideBarCategories__wraps .goBack { display: inline-block; margin-bottom: 25px; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sideBarCategories .sideBarCategories__wraps .goBack .arrow { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin: -2px 2px 0 0; border-radius: 4px; background-color: #eaeaea; position: relative; } .sideBarCategories .sideBarCategories__wraps .goBack .arrow:before { position: absolute; content: ""; top: 5px; left: 7px; border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(136deg); -ms-transform: rotate(136deg); transform: rotate(136deg); } .sideBarCategories .sideBarCategories__wraps .goBack:hover { color: #f8bf45; } .sideBarCategories .sideBarCategories__wraps ul li { list-style: none; position: relative; } .sideBarCategories .sideBarCategories__wraps ul li .btnDrop { display: inline-block; vertical-align: middle; position: absolute; cursor: pointer; border: 2px solid #256eab; border-radius: 4px; width: 10px; height: 10px; left: 8px; top: 9px; } .sideBarCategories .sideBarCategories__wraps ul li .btnDrop:after { content: ""; position: absolute; top: 4px; left: 1px; width: 8px; height: 2px; background: #256eab;} .sideBarCategories .sideBarCategories__wraps ul li .btnDrop:before { content: ""; position: absolute; top: 1px; left: 4px; width: 2px; height: 8px; background: #256eab;} .sideBarCategories .sideBarCategories__wraps ul li .btnDrop.active:before { display: none;} .sideBarCategories .sideBarCategories__wraps ul li a { font: 500 16px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; margin-bottom: 15px; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li { font-size: 14px; color: #256eab; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li:before { position: absolute; content: ""; top: 50%; left: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 5px; height: 5px; background-color: #256eab; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: underline; border-bottom: 0 none; border-radius: 6px; margin-bottom: 0; padding: 8px 30px; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li a:hover { color: #283346; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li a .count { font: 400 12px/12px "Roboto", sans-serif; color: #8e949d; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li .subMenu-2 { display: none; margin-left: 20px; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li .subMenu-2 li .subMenu-3 { display: none; margin-left: 20px; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li.dropdown { list-style: none; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li.dropdown:before { display: none; } .sideBarCategories .sideBarCategories__wraps ul li .subMenu-1 li.dropdown.active > a { background-color: #eaeaea; text-decoration: none; color: #283346; } .sideBarFilters .sideBarFilters__wraps h3 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 20px; } .sideBarFilters .sideBarFilters__wraps input.keySeach { border: 1px solid #f8bf45; width: 100%; padding: 10px; margin-bottom: 20px; font: 400 14px/18px "Roboto", sans-serif; color: #283346; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sideBarFilters .sideBarFilters__wraps input.keySeach::-webkit-input-placeholder { line-height: 18px; color: #283346; } .sideBarFilters .sideBarFilters__wraps input.keySeach:-moz-placeholder { line-height: 18px; color: #283346; } .sideBarFilters .sideBarFilters__wraps input.keySeach::-moz-placeholder { line-height: 18px; color: #283346; } .sideBarFilters .sideBarFilters__wraps input.keySeach:-ms-input-placeholder { line-height: 18px; color: #283346; } .sideBarFilters .sideBarFilters__wraps input.keySeach::-ms-clear { display: none; } .sideBarFilters .sideBarFilters__wraps input.keySeach::-ms-value { margin-left: 20px; margin-right: 20px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item { margin-bottom: 10px; border: 1px solid #eaeaea; border-radius: 6px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .title { display: block; background-color: #eaeaea; padding: 9px 20px; font: 400 14px/18px "Roboto", sans-serif; color: #283346; text-decoration: none; position: relative; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .title:after { position: absolute; content: ""; top: 13px; right: 20px; border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .title.active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content { overflow: auto; margin: 10px; display: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps { padding-right: 10px; max-height: 290px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach { border: 1px solid #c1c6cd; width: 100%; padding: 10px; margin-bottom: 20px; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach::-webkit-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach:-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach::-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach:-ms-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach::-ms-clear { display: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .valSeach::-ms-value { margin-left: 20px; margin-right: 20px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li { margin-bottom: 13px; line-height: 14px; overflow: hidden; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox { position: absolute; opacity: 0; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox + label { position: relative; cursor: pointer; padding: 0 0 0 25px; display: inline-block; font: 400 13px/15px "Roboto", sans-serif; color: #283346; text-transform: uppercase; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox + label .count { color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: #ffffff; border: 2px solid #c1c6cd; border-radius: 4px; position: absolute; left: 0; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox:hover + label:before { background: #ffffff; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox:checked + label:before { background: #ffffff; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox:disabled + label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps ul li .styled-checkbox:checked + label:after { content: ''; position: absolute; left: 4px; top: 8px; background: #256eab; width: 3px; height: 3px; -webkit-box-shadow: 2px 0 0 #256eab, 4px 0 0 #256eab, 4px -2px 0 #256eab, 4px -4px 0 #256eab, 4px -6px 0 #256eab, 4px -8px 0 #256eab; box-shadow: 2px 0 0 #256eab, 4px 0 0 #256eab, 4px -2px 0 #256eab, 4px -4px 0 #256eab, 4px -6px 0 #256eab, 4px -8px 0 #256eab; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice { margin-bottom: 10px; text-align: center; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice span { font: 400 13px/13px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; width: 70px; margin-right: 10px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input { display: inline-block; vertical-align: middle; border: 1px solid #c1c6cd; width: 100%; max-width: 120px; padding: 10px; margin-bottom: 0; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input::-webkit-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input:-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input::-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input:-ms-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input::-ms-clear { display: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice input::-ms-value { margin-left: 20px; margin-right: 20px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .minPrice i.sym { display: inline-block; vertical-align: middle; margin-left: 10px; font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice { margin-bottom: 10px; text-align: center; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice span { font: 400 13px/13px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; width: 70px; margin-right: 10px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input { display: inline-block; vertical-align: middle; border: 1px solid #c1c6cd; width: 100%; max-width: 120px; padding: 10px; margin-bottom: 0; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input::-webkit-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input:-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input::-moz-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input:-ms-input-placeholder { line-height: 18px; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input::-ms-clear { display: none; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice input::-ms-value { margin-left: 20px; margin-right: 20px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .maxPrice i.sym { display: inline-block; vertical-align: middle; margin-left: 10px; font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .submit span { font: 400 13px/13px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; width: 70px; margin-right: 10px; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .submit .btnSubmit { width: 100%; max-width: 120px; padding: 12px 10px; background-color: #256eab; font: 700 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; border-radius: 6px; border: 0 none; margin-left: 2px; cursor: pointer; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item .content .content__wraps .submit .btnSubmit:hover { background-color: #283346; } .sideBarFilters .sideBarFilters__wraps .sideBarFilters__list .sideBarFilters__list-item.active .content { display: block; } .categoriesList .categoriesList__wraps { margin: 0 -30px; font-size: 0; line-height: 0; } .categoriesList .categoriesList__wraps .categoriesList-item { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 45px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps { position: relative; padding: 0 30px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .image { width: 40px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .image img { height: auto; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu { padding-left: 0px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li { list-style: none; position: relative; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .btnDrop { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; border: 2px solid #256eab; border-radius: 4px; width: 10px; height: 10px; left: 10px; top: 17px;} .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .btnDrop:after { content: ""; position: absolute; top: 4px; left: 1px; width: 8px; height: 2px; background: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .btnDrop:before { content: ""; position: absolute; top: 1px; left: 4px; width: 2px; height: 8px; background: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .btnDrop.active:before { display: none; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li a { font: 500 16px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; margin-bottom: 15px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 > li { padding-left: 65px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li { font-size: 14px; color: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li{ display: flex; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li.dropdown{ flex-flow: wrap; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 > li::before { left: 115px !important; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li:not(.dropdown) a:before{ position: absolute; content: ""; top: 50%; left: -5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 5px; height: 5px; background-color: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: underline; border-bottom: 0 none; border-radius: 6px; margin-bottom: 0; padding: 8px 30px; position: relative;} .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li a:hover { color: #283346; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li a .count { font: 400 12px/12px "Roboto", sans-serif; color: #8e949d; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li .subMenu-2 { display: none; margin-left: 20px; width: 100%;} .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li .subMenu-2 li .subMenu-3 { display: none; margin-left: 20px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li.dropdown { list-style: none; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li.dropdown:before { display: none; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li.dropdown.active > a { background-color: #eaeaea; text-decoration: none; color: #283346; } body.hidden-scroll { overflow: hidden; } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000000; opacity: 0.7; display: none; z-index: 1050; } .sl-wrapper { z-index: 1040; } .sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; } .sl-wrapper button:hover { opacity: 0.7; } .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 1060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: Arial, Baskerville, monospace; color: #ffffff; font-size: 2rem; } .sl-wrapper .sl-close:focus { outline: none; } .sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #ffffff; font-size: 1rem; } .sl-wrapper .sl-navigation { width: 100%; display: none; } .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 1060; font-family: Arial, Baskerville, monospace; color: #ffffff; } .sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button:focus { outline: none; } @media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem; } } @media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem; } } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } } .sl-wrapper .sl-image iframe { background: #000; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } } .sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #000000; background: rgba(0, 0, 0, 0.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #ffffff; z-index: 1060; } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-o-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-ms-keyframes pulsate { 0% { -ms-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .sidebarMenu { margin-bottom: 15px; } .sidebarMenu b { padding: 5px; padding-left: 20px; background-color: #f8bf45; font: 400 16px/20px "Roboto", sans-serif; color: #283346; display: flex; justify-content: space-between; align-items: center; } .sidebarMenu nav { border: 1px solid #eaeaea; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .sidebarMenu nav ul li { list-style: none; border-bottom: 1px solid #eaeaea; position: relative; } .sidebarMenu nav ul li a { font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; padding: 10px 35px 10px 45px; position: relative; border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #ffffff; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter 200ms ease 0s; transition: -webkit-filter 200ms ease 0s; -o-transition: filter 200ms ease 0s; transition: filter 200ms ease 0s; transition: filter 200ms ease 0s, -webkit-filter 200ms ease 0s; } .sidebarMenu nav ul li:not(.menu_item_not_arrow) a:after { position: absolute; content: ""; top: 15px; right: 22px; border-color: #b2b2b2 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .menu_item_not_arrow a:after{ display: none; } .sidebarMenu nav ul li a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #ffffff; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li a:hover { color: #256eab; } .sidebarMenu nav ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .sidebarMenu nav ul li a:hover:after { border-color: #256eab transparent transparent transparent; } .sidebarMenu nav ul li:last-child { border-bottom: 0 none; } .sidebarMenu nav ul li ul.sub-menu { position: absolute; top: -135px; left: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #cfcfcf; padding: 25px 0 25px 13px; border-radius: 6px; width: auto; width:-moz-max-content; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li { border: 0 none; margin-bottom: 15px; position: static; } .sidebarMenu nav ul li ul.sub-menu li a { font: 500 15px/20px "Roboto", sans-serif; color: #283346; padding: 10px 15px; border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; display: block; position: relative; } .sidebarMenu nav ul li ul.sub-menu li a .count { font: 400 14px/20px "Roboto", sans-serif; color: #256eab; } .sidebarMenu nav ul li ul.sub-menu li a:after { border-color: #256eab transparent transparent transparent; } .sidebarMenu nav ul li ul.sub-menu li a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #f0efef; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li a:hover { color: #f8bf45; } .sidebarMenu nav ul li ul.sub-menu li:last-child { margin-bottom: 0; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 { position: absolute; top: 0; left: 105%; background-color: #f0efef; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #256eab; border-radius: 6px; padding: 40px 20px 0 20px; width: 100%; min-width: 510px; margin: 0 -15px; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; position: relative; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a { font: 400 15px/20px "Roboto", sans-serif; color: #256eab; text-decoration: underline; padding: 10px 20px 10px 75px; border-left: 1px solid transparent !important; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a .count { color: #8e949d; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a img { -webkit-filter: grayscale(0); filter: grayscale(0); } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:after { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:before { opacity: 0; visibility: hidden; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:hover { color: #f8bf45; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a { position: relative; display: block; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #ffffff; z-index: 8; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:after { position: absolute; z-index: 6; content: ""; top: 30px; right: 10px; border-color: #256eab transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: block; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a { border-left: 0px solid transparent !important; border-right: 1px solid transparent !important; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; position: relative; display: block; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a:before { position: absolute; content: ""; top: 0; bottom: 0; left: -10px; right: inherit; width: 20px; height: 100%; background-color: #ffffff; z-index: 8; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a img { left: 15px; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 { left: inherit; right: 106%; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a { border: 0 none !important; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:after { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:before { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:hover { color: #283346; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a { border-left: 0px solid #256eab !important; border-right: 1px solid #256eab !important; border-top: 1px solid #256eab !important; border-bottom: 1px solid #256eab !important; background-color: #ffffff; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:before { opacity: 1; visibility: visible; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:after { position: absolute; z-index: 6; content: ""; top: 30px; right: inherit; left: 9px; border-color: #256eab transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:hover { color: #283346; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a { border-left: 1px solid #256eab !important; border-top: 1px solid #256eab !important; border-bottom: 1px solid #256eab !important; background-color: #ffffff; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:before { opacity: 1; visibility: visible; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:hover { color: #283346; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 { opacity: 1; visibility: visible; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a { border: 0 none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a:before { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li:hover a { border: 0 none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 { position: absolute; top: -40px; left: 106%; z-index: 7; background-color: #ffffff; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #256eab; border-radius: 6px; padding: 40px 20px 0 30px; width: 100%; max-width: 224px; margin: 0 -15px; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li { width: 100%; display: block; vertical-align: top; margin-bottom: 30px; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a { font: 400 15px/20px "Roboto", sans-serif; color: #256eab; text-decoration: underline; padding: 0; background-color: #ffffff; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a .count { color: #8e949d; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:after { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:before { display: none; } .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:hover { color: #283346; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a { border-left: 1px solid #256eab; border-top: 1px solid #256eab; border-bottom: 1px solid #256eab; background-color: #f0efef; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:before { opacity: 1; visibility: visible; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:hover { color: #283346; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 { opacity: 1; visibility: visible; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li a { border: 0 none; } .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li:hover a { border: 0 none; } .sidebarMenu nav ul li.drop:hover a { border-left: 1px solid #c0bcbc; border-top: 1px solid #c0bcbc; border-bottom: 1px solid #c0bcbc; color: #256eab; } .sidebarMenu nav ul li.drop:hover a img { -webkit-filter: grayscale(0); filter: grayscale(0); } .sidebarMenu nav ul li.drop:hover a:after { border-color: #256eab transparent transparent transparent; } .sidebarMenu nav ul li.drop:hover a:before { opacity: 1; visibility: visible; } .sidebarMenu nav ul li.drop:hover .sub-menu { opacity: 1; visibility: visible; } .sidebarMenu nav ul li.drop:hover .sub-menu li a { border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .sidebarMenu nav ul li.drop:hover .sub-menu li a:before { opacity: 0; visibility: hidden; } .xdsoft_datetimepicker { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: 0; } .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: .5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: .5; -ms-filter: "alpha(opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #3af; -webkit-box-shadow: #178fe5 0 1px 3px 0 inset; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #3af; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; -webkit-box-shadow: #ffb871 0 1px 4px 0 inset; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #3af; -webkit-box-shadow: #178fe5 0 1px 3px 0 inset; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: .5; -ms-filter: "alpha(opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2; -ms-filter: "alpha(opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #3af !important; -webkit-box-shadow: #178fe5 0 1px 3px 0 inset !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #c50; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; -webkit-box-shadow: #ffb871 0 1px 4px 0 inset; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #c50; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans","Book Antiqua",sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa)); background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%); background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0); } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF)); background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0); } .section1 { position: relative; margin-bottom: 50px; } .section1 .pattern { position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 560px; } .section1 .container { position: relative; z-index: 1; } .section1 .container .wrap { font-size: 0; line-height: 0; } .section1 .container .wrap .col-left { width: 24%; display: inline-block; vertical-align: top; background-color: #ffffff; position: relative; z-index: 4; } .section1 .container .wrap .col-left .sidebarMenu { margin-bottom: 15px; } .section1 .container .wrap .col-left .sidebarMenu h2 { padding: 5px; padding-left: 20px; background-color: #f8bf45; font: 400 16px/20px "Roboto", sans-serif; color: #283346; display: flex; justify-content: space-between; align-items: center; } .section1 .container .wrap .col-left .sidebarMenu nav { border: 1px solid #eaeaea; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li { list-style: none; border-bottom: 1px solid #eaeaea; position: relative; } .section1 .container .wrap .col-left .sidebarMenu nav ul li a { font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; padding: 10px 35px 10px 45px; position: relative; border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter 200ms ease 0s; transition: -webkit-filter 200ms ease 0s; -o-transition: filter 200ms ease 0s; transition: filter 200ms ease 0s; transition: filter 200ms ease 0s, -webkit-filter 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li:not(.menu_item_not_arrow) a:after { position: absolute; content: ""; top: 15px; right: 22px; border-color: #b2b2b2 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .section1 .container .wrap .col-left .sidebarMenu nav ul li a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #ffffff; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li a:hover { color: #256eab; } .section1 .container .wrap .col-left .sidebarMenu nav ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .section1 .container .wrap .col-left .sidebarMenu nav ul li a:hover:after { border-color: #256eab transparent transparent transparent; } .section1 .container .wrap .col-left .sidebarMenu nav ul li:last-child { border-bottom: 0 none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu { position: absolute; top: -135px; left: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #cfcfcf; padding: 25px 0 25px 13px; border-radius: 6px; width: fit-content; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li { border: 0 none; margin-bottom: 15px; position: static; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a { font: 500 15px/20px "Roboto", sans-serif; color: #283346; padding: 10px 15px; border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; display: block; position: relative; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a .count { font: 400 14px/20px "Roboto", sans-serif; color: #256eab; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a:after { border-color: #256eab transparent transparent transparent; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #f0efef; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a:hover { color: #f8bf45; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li:last-child { margin-bottom: 0; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 { position: absolute; top: 0; left: 105%; background-color: #f0efef; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #256eab; border-radius: 6px; padding: 40px 20px 0 20px; width: 100%; min-width: 510px; margin: 0 -15px; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; position: relative; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a { font: 400 15px/20px "Roboto", sans-serif; color: #256eab; text-decoration: underline; padding: 10px 20px 10px 75px; border-left: 1px solid transparent !important; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a .count { color: #8e949d; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a img { -webkit-filter: grayscale(0); filter: grayscale(0); } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:after { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:before { opacity: 0; visibility: hidden; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:hover { color: #f8bf45; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a { position: relative; display: block; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:before { position: absolute; content: ""; top: 0; bottom: 0; right: -10px; width: 20px; height: 100%; background-color: #ffffff; z-index: 8; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:after { position: absolute; z-index: 6; content: ""; top: 30px; right: 10px; border-color: #256eab transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: block; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a { border-left: 0px solid transparent !important; border-right: 1px solid transparent !important; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; position: relative; display: block; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a:before { position: absolute; content: ""; top: 0; bottom: 0; left: -10px; right: inherit; width: 20px; height: 100%; background-color: #ffffff; z-index: 8; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a img { left: 15px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 { left: inherit; right: 106%; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a { border: 0 none !important; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:after { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:before { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:hover { color: #283346; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a { border-left: 0px solid #256eab !important; border-right: 1px solid #256eab !important; border-top: 1px solid #256eab !important; border-bottom: 1px solid #256eab !important; background-color: #ffffff; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:before { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:after { position: absolute; z-index: 6; content: ""; top: 30px; right: inherit; left: 9px; border-color: #256eab transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:hover { color: #283346; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a { border-left: 1px solid #256eab !important; border-top: 1px solid #256eab !important; border-bottom: 1px solid #256eab !important; background-color: #ffffff; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:before { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:hover { color: #283346; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a { border: 0 none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a:before { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li:hover a { border: 0 none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 { position: absolute; top: -40px; left: 106%; z-index: 7; background-color: #ffffff; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border: 1px solid #256eab; border-radius: 6px; padding: 40px 20px 0 30px; width: 100%; max-width: 224px; margin: 0 -15px; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li { width: 100%; display: block; vertical-align: top; margin-bottom: 30px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a { font: 400 15px/20px "Roboto", sans-serif; color: #256eab; text-decoration: underline; padding: 0; background-color: #ffffff; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a .count { color: #8e949d; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:after { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:before { display: none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:hover { color: #283346; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a { border-left: 1px solid #256eab; border-top: 1px solid #256eab; border-bottom: 1px solid #256eab; background-color: #f0efef; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:before { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:hover { color: #283346; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li a { border: 0 none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li:hover a { border: 0 none; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover a { border-left: 1px solid #c0bcbc; border-top: 1px solid #c0bcbc; border-bottom: 1px solid #c0bcbc; color: #256eab; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover a img { -webkit-filter: grayscale(0); filter: grayscale(0); } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover a:after { border-color: #256eab transparent transparent transparent; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover a:before { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover .sub-menu { opacity: 1; visibility: visible; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover .sub-menu li a { border-left: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .section1 .container .wrap .col-left .sidebarMenu nav ul li.drop:hover .sub-menu li a:before { opacity: 0; visibility: hidden; } .section1 .container .wrap .col-left .participants { margin-bottom: 15px; } .section1 .container .wrap .col-left .participants .participants__wrap { padding: 0 25px; border-bottom: 1px solid #eaeaea; } .section1 .container .wrap .col-left .participants .participants__wrap h3 { font: 400 20px/20px "Roboto", sans-serif; color: #256eab; text-align: center; margin-bottom: 16px; } .section1 .container .wrap .col-left .participants .participants__wrap ul { margin: 0 -8px 8px -8px; font-size: 0; line-height: 0; } .section1 .container .wrap .col-left .participants .participants__wrap ul li { width: 50%; display: inline-block; vertical-align: top; list-style: none; } .section1 .container .wrap .col-left .participants .participants__wrap ul li a { display: block; margin: 0 8px 16px 8px; } .section1 .container .wrap .col-left .participants .participants__wrap ul li a img { height: auto; border: 2px solid #eaeaea; -webkit-transition: border-color 200ms ease 0s; -o-transition: border-color 200ms ease 0s; transition: border-color 200ms ease 0s; } .section1 .container .wrap .col-left .participants .participants__wrap ul li a:hover img { border-color: #256eab; } .section1 .container .wrap .col-left .participants:last-child .participants__wrap { border-bottom: 0 none; } .section1 .container .wrap .col-right { width: 76%; display: inline-block; vertical-align: top; } .section1 .container .wrap .col-right .wraps { padding: 30px 0 0 30px; min-height: 200px; } .section1 .container .wrap .col-right .wraps .mainSlider { margin: 0 0 25px 0; border: 2px solid #eaeaea; min-height:384px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item { position: relative; min-height: 380px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .image { position: absolute; width: 100%; height: 100%; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .image img { width: 100%; height: auto; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser { z-index: 1; position: relative; margin-left: 50px; padding: 96px 0; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser strong { font: 700 24px/30px "Roboto", sans-serif; color: #256eab; text-transform: uppercase; margin: 0 0 20px 0; display: block; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser strong i { font-style: normal; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser .btn { display: inline-block; margin-bottom: 35px; border-radius: 5px; background-color: #478546; -webkit-box-shadow: 0px 3px 3px 0px rgba(40, 51, 70, 0.35); box-shadow: 0px 3px 3px 0px rgba(40, 51, 70, 0.35); font: 700 18px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 12px 50px 12px 20px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser .btn:after { position: absolute; content: ""; top: -15px; right: -35px; display: inline-block; width: 67px; height: 67px; background: url(/includes/css/../images/exel-icon.png) no-repeat center center; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser .btn:hover { background-color: #283346; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser p { font: 400 24px/30px "Roboto", sans-serif; color: #283346; text-transform: uppercase; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow { z-index: 2; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow.slick-prev { left: 5px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow.slick-next { right: 15px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow:before { color: #8e949d; opacity: 1; font-size: 30px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow:hover:before { color: #283346; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots { bottom: 17px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li { width: 13px; height: 13px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li button { padding: 0; width: 13px; height: 13px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li button:before { width: 11px; height: 11px; line-height: 0; content: ""; background-color: #8e949d; border: 2px solid transparent; border-radius: 100%; opacity: 1; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li.slick-active button:before { background-color: transparent; border-color: #f8bf45; opacity: 1; } .section1 .container .wrap .col-right .wraps .notes { margin-bottom: 65px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps { padding: 15px 10px; background-color: #ecf0f1; border-radius: 10px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item { /*width: 33.33333%;*/ display: inline-block; vertical-align: middle; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap p { font: 700 15px/20px "Roboto", sans-serif; color: #283346; text-transform: uppercase; max-width: 180px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 51px; min-height: 51px; border-radius: 100%; background-color: #ffffff; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap .icon i { font-size: 21px; color: #256eab; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap .teaser { font: 400 18px/22px "Roboto", sans-serif; color: #283346; padding-left: 15px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap .teaser strong { font: 700 18px/22px "Roboto", sans-serif; color: #283346; } .notes { margin-bottom: 65px; } .notes .notes__wraps { padding: 15px 10px; background-color: #ecf0f1; border-radius: 10px; } .notes .notes__wraps .notes--item { /*width: 33.33333%;*/ display: inline-block; vertical-align: middle; } .notes .notes__wraps .notes--item .notes--item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .notes .notes__wraps .notes--item .notes--item-wrap p { font: 700 15px/20px "Roboto", sans-serif; color: #283346; text-transform: uppercase; max-width: 180px; } .notes .notes__wraps .notes--item .notes--item-wrap .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 51px; min-height: 51px; border-radius: 100%; background-color: #ffffff; } .notes .notes__wraps .notes--item .notes--item-wrap .icon i { font-size: 21px; color: #256eab; } .notes .notes__wraps .notes--item .notes--item-wrap .teaser { font: 400 18px/22px "Roboto", sans-serif; color: #283346; padding-left: 15px; } .notes .notes__wraps .notes--item .notes--item-wrap .teaser strong { font: 700 18px/22px "Roboto", sans-serif; color: #283346; } .section1 .container .wrap .col-right .wraps .catalogs { margin-bottom: 40px; } .section1 .container .wrap .col-right .wraps .catalogs h3 { font: 400 24px/30px "Roboto", sans-serif; color: #283346; text-align: none; text-transform: uppercase; text-align: center; margin-bottom: 25px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list { margin: 0 -15px 10px -15px; font-size: 0; line-height: 0; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item { width: 33.33333%; display: inline-block; vertical-align: top; margin-bottom: 30px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap { padding: 0 15px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a { text-align: center; display: block; border: 2px solid #c1c6cd; border-radius: 3px; background-color: #ffffff; padding: 0 25px 60px 25px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a img { display: inline-block; height: auto; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a span { position: absolute; bottom: 35px; left: 0; right: 0; display: inline-block; font: 400 18px/26px "Roboto", sans-serif; color: #283346; text-decoration: underline; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a:hover { -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a:hover span { color: #256eab; text-decoration: none; } .section1 .container .wrap .col-right .wraps .catalogs .btns { text-align: center; } .section1 .container .wrap .col-right .wraps .catalogs .btns a { font: 700 16px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .catalogs .btns a:hover { background-color: #f8bf45; } .section1 .container .wrap .col-right .wraps .productsNew h3 { font: 300 24px/30px "Roboto", sans-serif; color: #283346; text-transform: uppercase; text-align: center; margin-bottom: 25px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists { text-align: center; position: relative; display: none; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap { padding: 10px 15px; background-color: #ffffff; border: 1px solid #c1c6cd; border-radius: 3px; max-width: 268px; display: inline-block; text-align: left; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .title { display: block; margin-bottom: 10px; font: 700 14px/18px "Roboto", sans-serif; color: #283346; text-decoration: none; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .title:hover { color: #f8bf45; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info { font-size: 0; line-height: 0; margin: 0 -10px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image { width: 48%; display: inline-block; vertical-align: top; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps { padding: 0 10px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps a { display: block; margin-bottom: 20px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps a img { height: auto; border: 1px solid #eaeaea; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns { font-size: 0; line-height: 0; margin: 0 -4px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li { display: inline-block; vertical-align: top; list-style: none; padding: 0 4px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; width: 36px; height: 36px; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li a.wish i { font-size: 25px; color: #fc4123; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li a.compare i { font-size: 21px; color: #283346; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li a:hover { background-color: #256eab; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .image .image__wraps ul.otherBtns li a:hover i { color: #ffffff !important; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser { width: 52%; display: inline-block; vertical-align: top; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps { padding: 0 10px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .model { display: inline-block; padding: 5px; border-radius: 3px; margin-bottom: 5px; background-color: #256eab; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table { width: 100%; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td { padding: 7px 0; font-size: 0; line-height: 0; font: 400 12px/12px "Roboto", sans-serif; color: #283346; border-bottom: 1px solid #c1c6cd; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td.red .qty { border-color: #fc4123; color: #fc4123; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td.red .price { font: 400 16px/16px "Roboto", sans-serif; color: #fc4123; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td i { font-size: 14px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td p { font: 400 12px/12px "Roboto", sans-serif; color: #283346; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td .price { display: inline-block; min-width: 80px; font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td .qty { font-size: 12px; line-height: 14px; border: 1px solid #4b5584; border-radius: 3px; display: inline-block; padding: 3px 4px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr td .model { display: inline-block; padding: 3px 4px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #8e949d; border-radius: 3px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps table tbody tr:last-child td { border-bottom: 0 none; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock form { width: 100%; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 95px; font-size: 0; line-height: 0; margin-bottom: 12px; margin-top: 5px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys button { width: 28px; height: 30px; background-color: #eaeaea; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys button:hover { background-color: #8e949d; color: #ffffff; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys input { max-width: 38px; height: 28px; border: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-align: center; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .qtys .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .submit { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 15px/15px "Roboto", sans-serif; color: #ffffff; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .submit img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .submit:hover { background-color: #283346; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-arrow { font-size: 20px; color: #256eab; position: absolute; top: -50px; left: 0; cursor: pointer; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-arrow.fa-chevron-right { right: 0; left: inherit; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-arrow.fa-chevron-left { left: 0; right: inherit; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-dots { bottom: -15px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-dots li { width: 4px; height: 4px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-dots li button { padding: 0; width: 4px; height: 4px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-dots li button:before { width: 4px; height: 4px; line-height: 0; content: ""; background-color: #8e949d; border: 2px solid transparent; border-radius: 100%; opacity: 1; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .slick-dots li.slick-active button:before { background-color: transparent; border-color: #256eab; opacity: 1; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists { margin: 0 -15px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 30px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap { padding: 0 15px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content { padding: 10px 15px; background-color: #ffffff; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; position: relative; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top .manufacturer { display: inline-block; text-decoration: none; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul { font-size: 0; line-height: 0; margin: 0 -4px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li { display: inline-block; vertical-align: top; list-style: none; padding: 0 4px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; width: 36px; height: 36px; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a.wish i { font-size: 25px; color: #fc4123; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a.compare i { font-size: 21px; color: #283346; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a:hover { background-color: #256eab; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a:hover i { color: #ffffff !important; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle { margin-bottom: 10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image { margin-bottom: 10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a { text-decoration: none; display: block; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a img { display: inline-block; border: 1px solid #eaeaea; height: auto; width:100%;} .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { margin-bottom: 15px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title a { font: 700 14px/24px "Roboto", sans-serif; color: #283346; display: block; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title a:hover { color: #f8bf45; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table { width: 100%; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table thead tr td { font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; border-bottom: 1px solid #c1c6cd; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td { padding: 7px 0; font-size: 0; line-height: 0; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td.red .qty { border-color: #fc4123; color: #fc4123; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td.red .price { font: 400 16px/16px "Roboto", sans-serif; color: #fc4123; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td i { font-size: 14px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td p { font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .price { display: inline-block; min-width: 80px; font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .qty { font-size: 12px; line-height: 14px; border: 1px solid #4b5584; border-radius: 3px; display: inline-block; padding: 3px 4px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .model { display: inline-block; padding: 3px 4px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #8e949d; border-radius: 3px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom { position: absolute; z-index: 2; bottom: -108px; background-color: #fff; padding: 10px 15px; left: -1px; width: calc(100% + 2px); border: 1px solid #c1c6cd; border-top: none; box-sizing: border-box; right: 0; -webkit-box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.35); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick { display: block; padding: 10px 20px; margin-bottom: 12px; border-radius: 4px; background-color: #f8bf45; font: 400 16px/18px "Roboto", sans-serif; color: #283346; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick:hover { background-color: #283346; color: #ffffff; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 95px; font-size: 0; line-height: 0; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys button { width: 28px; height: 40px; background-color: #eaeaea; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys button:hover { background-color: #8e949d; color: #ffffff; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys input { max-width: 38px; height: 38px; border: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-align: center; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 15px/15px "Roboto", sans-serif; color: #ffffff; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit:hover { background-color: #283346; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap:hover .productsNew--item-wrap-content { -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap:hover .productsNew--item-wrap-content .productsNew--item-bottom { opacity: 1; visibility: visible; } .section1 .container .wrap .col-right .wraps .productsNew .btns { text-align: center; } .section1 .container .wrap .col-right .wraps .productsNew .btns a { font: 700 16px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .productsNew .btns a:hover { background-color: #f8bf45; } @media only screen and (max-width: 1200px) { .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a { padding: 10px 20px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 { padding: 20px 10px 0 10px; min-width: 470px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list { margin: 0 -10px 10px -10px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item { margin-bottom: 20px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap { padding: 0 10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists { margin: 0 -10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item { margin-bottom: 20px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap { padding: 0 10px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top .manufacturer { max-width: 80px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td.red .price { font-size: 14px; line-height: 14px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .price { font-size: 12px; line-height: 12px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .model { font-size: 12px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick { font-size: 14px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys input { max-width: 28px; height: 28px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys button { height: 30px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit { font-size: 14px; line-height: 14px; padding: 8px 15px 8px 15px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit img { display: none; } .section2 .container .wrap .reviewsList .item .wraps .image { max-width: 80px; left: 10px; } } @media only screen and (max-width: 992px) { .section1 .container .wrap .col-right .wraps .mainSlider{ min-height: auto; } .section1 .container .wrap .col-left { display: none; } .section1 .container .wrap .col-right { width: 100%; } .section1 .container .wrap .col-right .wraps { padding: 0; } .section1 .container .wrap .col-right .wraps .notes { display: none; } .section1 .container .wrap .col-right .wraps .catalogs { margin-bottom: 40px; background-color: #ffffff; margin: 0 -20px 40px -20px; padding: 0 20px 20px 20px; } } @media only screen and (max-width: 870px) { .section2 .container .wrap .reviewsList .item:nth-child(1) { display: block; width: 100%; } .section2 .container .wrap .reviewsList .item { display: none; } } @media only screen and (max-width: 768px) { .section1 .container .wrap .col-right .wraps .mainSlider .slick-arrow { display: none !important; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item { min-height: 265px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser { margin-left: 20px; padding: 20px 0; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser strong { font-size: 16px; line-height: 16px; margin-bottom: 10px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser .btn { font-size: 14px; line-height: 14px; margin-bottom: 20px; padding: 10px 30px 10px 10px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser .btn:after { width: 47px; height: 47px; background-size: cover; top: -10px; right: -22px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser p { font-size: 16px; line-height: 20px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots { bottom: 5px; text-align: right; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li button { width: 4px; height: 4px; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-dots li button:before { width: 4px; height: 4px; } } @media only screen and (max-width: 750px) { .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists { display: block; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists { display: none; } } @media only screen and (max-width: 640px) { .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item { width: 50%; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a span { bottom: 20px; } } @media only screen and (max-width: 420px) { .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item { width: 100%; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a span { bottom: 20px; } .section1 .container .wrap .col-right .wraps .productsNew h3 { font-size: 20px; } .section1 .container .wrap .col-right .wraps .productsNew .mobileProductsNew__lists .mobileProductsNew--item .mobileProductsNew--item-wrap .info .teaser .teaser__wraps .buyBlock .submit { font-size: 13px; } } .catalogPage { background-color: #ffffff; overflow: hidden; } .catalogPage .container .wrap h1 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .catalogPage .container .wrap .listCats { margin: 0 -40px; font-size: 0; line-height: 0; } .catalogPage .container .wrap .listCats .item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 50px; } .catalogPage .container .wrap .listCats .item .wraps { padding: 0 40px; } .catalogPage .container .wrap .listCats .item .wraps .image { margin-bottom: 10px; } .catalogPage .container .wrap .listCats .item .wraps .image a { text-decoration: none; } .catalogPage .container .wrap .listCats .item .wraps .teaser .title { display: block; font: 400 20px/20px "Roboto", sans-serif; color: #283346; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; margin-bottom: 15px; } .catalogPage .container .wrap .listCats .item .wraps .teaser .title:hover { color: #256eab; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more { display: inline-block; font: 400 14px/14px "Roboto", sans-serif; color: #4427b0; text-decoration: none; border-bottom: 1px dashed #283346; position: relative; left: 30px; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more:hover { color: #256eab; border-color: #256eab; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more:hover:before { border-color: #256eab transparent transparent transparent; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more:before { border-color: #256eab transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: -15px; margin-left: -4px; margin-top: -2px; position: absolute; content: ""; top: 50%; width: 0; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more.active { color: #256eab; border-color: #256eab; } .catalogPage .container .wrap .listCats .item .wraps .teaser .more.active:before { border-color: transparent transparent #256eab transparent; border-width: 0 4px 5px 4px; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li { list-style: none; margin-bottom: 10px; padding-left: 30px; position: relative; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li .btnDrop { display: inline-block; vertical-align: middle; border: 2px solid #d1d4e3; border-radius: 4px; width: 14px; height: 14px; position: absolute; top: 4px; left: 0; cursor: pointer; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li .btnDrop:after { position: absolute; content: "+"; font-weight: 500; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 18px; color: #256eab; display: inline-block; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li .btnDrop.active:after { font-size: 27px; content: "-"; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li a { font: 500 15px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; border-bottom: 1px dashed #283346; position: relative; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li a .total { font: 400 15px/24px "Roboto", sans-serif; color: #8e949d; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li a:hover { color: #256eab; border-color: #256eab; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul { margin-left: 0; margin-top: 10px; display: none; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li { margin-bottom: 13px; list-style: square; list-style-position: inside; font-size: 14px; color: #256eab; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li .btnDrop { border: 2px solid #256eab; border-radius: 4px; width: 9px; height: 9px; left: -17px; top: 3px; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li .btnDrop:after { font-weight: 400; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li .btnDrop.active:after { font-size: 27px; top: 4px; left: 5px; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: underline; border-bottom: 0 none; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li a:hover { color: #f8bf45; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li ul li ul li a { color: #283346; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li ul li.dropdown { list-style: none; margin-left: 18px; padding-left: 5px; } @media only screen and (max-width: 992px) { .catalogPage .container .wrap .listCats .item { width: 50%; } } @media only screen and (max-width: 640px) { .catalogPage .container .wrap .listCats .item .wraps .teaser .title { font-size: 16px; } .catalogPage .container .wrap .listCats .item .wraps .teaser ul li a { font-size: 13px; line-height: 20px; } } @media only screen and (max-width: 500px) { .catalogPage .container .wrap .listCats .item { width: 100%; margin-bottom: 30px; } } .categoryPage { background-color: #ffffff; padding-bottom: 50px; } .categoryPage .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .categoryPage .container .wrap .col-left { width: 26%; display: inline-block; vertical-align: top; } .categoryPage .container .wrap .col-left .wraps { padding: 0 15px; } .categoryPage .container .wrap .col-right { width: 74%; display: inline-block; vertical-align: top; } .categoryPage .container .wrap .col-right .wraps { padding: 0 15px; } .categoryPage .container .wrap .col-right .wraps h1 { font: 400 30px/30px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } @media only screen and (max-width: 992px) { .categoryPage .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .categoryPage .container .wrap .col-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .categoryPage .container .wrap .col-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } @media only screen and (max-width: 640px) { .categoryPage .container .wrap .col-right .wraps h1 { font-size: 20px; line-height: 20px; } .categoriesList .categoriesList__wraps .categoriesList-item { width: 100%; margin-bottom: 10px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .image { position: static; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu { padding-left: 0; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li a { padding: 8px 0 8px 30px; } } .singleProductPage { background-color: #ffffff; overflow: hidden; } .singleProductPage .mobileInfo { display: none; } .singleProductPage .mobileInfo .togoBack { margin-bottom: 25px; padding: 13px 0 14px 0; background-color: #ececec; } .singleProductPage .mobileInfo .togoBack .container .wrap { font-size: 0; line-height: 0; } .singleProductPage .mobileInfo .togoBack .container .wrap a { font: 400 16px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; position: relative; padding-left: 40px; } .singleProductPage .mobileInfo .togoBack .container .wrap a:before { position: absolute; content: ""; top: -4px; left: 0px; display: inline-block; width: 30px; height: 30px; background-color: #f4cc77; border-radius: 4px; } .singleProductPage .mobileInfo .togoBack .container .wrap a:after { position: absolute; content: ""; top: 6px; left: 12px; border: solid #283346; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .singleProductPage .mobileInfo .togoBack .container .wrap a:hover { color: #f8bf45; } .singleProductPage .mobileInfo .modelBrand { margin-bottom: 20px; } .singleProductPage .mobileInfo .modelBrand .model { display: inline-block; vertical-align: middle; padding: 5px 5px; margin-right: 30px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #256eab; border-radius: 3px; } .singleProductPage .mobileInfo .modelBrand .brand { display: inline-block; vertical-align: middle; } .singleProductPage .mobileInfo .modelBrand .brand img { height: auto; opacity: 0.8; -webkit-transition: opacity 200ms ease 0s; -o-transition: opacity 200ms ease 0s; transition: opacity 200ms ease 0s; } .singleProductPage .mobileInfo .modelBrand .brand img:hover { opacity: 1; } .singleProductPage .container .wrap h1 { font: 400 30px/30px "Roboto", sans-serif; color: #333333; margin-bottom: 50px; } .singleProductPage .container .wrap .content { font-size: 0; line-height: 0; margin: 0 -15px 70px -15px; } .singleProductPage .container .wrap .content .col-left { width:68%; display: inline-block; vertical-align: top; } .singleProductPage .container .wrap .content .col-left .wraps { padding: 0 25px; margin: 0 -15px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel { width: 100%; display: inline-block; vertical-align: top; max-width: 425px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps { padding: 0 15px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for { margin-bottom: 25px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide { position: relative; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide img { display: inline-block; height: auto; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view { position: absolute; bottom: 15px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; border-radius: 3px; width: 38px; height: 38px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view svg { width: 16px; height: 16px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view svg path { -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view:hover { background-color: #f8bf45; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view:hover svg path { fill: #ffffff; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-arrow { display: none; padding: 6px 9px; border: 1px solid #eaeaea; border-radius: 3px; font-size: 16px; color: #333333; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-arrow.fa-chevron-left { left: 0; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-arrow.fa-chevron-right { right: 0; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-arrow:hover { background-color: #333333; color: #ffffff; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav { padding: 0 65px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-list .slick-track .slick-slide { text-align: center; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-list .slick-track .slick-slide img { display: inline-block; height: auto; border: 2px solid transparent; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-list .slick-track .slick-slide.slick-center img { border-color: #f8bf45; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-arrow { display: inline-block; padding: 6px 9px; border: 1px solid #eaeaea; border-radius: 3px; font-size: 16px; color: #333333; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-arrow.fa-chevron-left { left: 20px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-arrow.fa-chevron-right { right: 20px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav .slick-arrow:hover { background-color: #333333; color: #ffffff; } .singleProductPage .container .wrap .content .col-left .wraps .more { width: 100%; display: inline-block; vertical-align: top; max-width: 320px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps { padding: 0 15px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand { margin-bottom: 55px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand .model { display: inline-block; vertical-align: middle; padding: 5px 5px; margin-right: 30px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #256eab; border-radius: 3px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand .brand { display: inline-block; vertical-align: middle; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand .brand img { height: auto; opacity: 0.8; -webkit-transition: opacity 200ms ease 0s; -o-transition: opacity 200ms ease 0s; transition: opacity 200ms ease 0s; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand .brand img:hover { opacity: 1; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info { display: block; margin-bottom: 70px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li { list-style: none; display: block; padding: 8px 0; padding-left: 13px; border-bottom: 1px solid #8e949d; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li:nth-child(2n-1){ background: #F8F8F8; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li:last-child { border-bottom: 0 none; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li .key { width: 75%; display: inline-block; vertical-align: middle; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li .value { width: 25%; display: inline-block; vertical-align: middle; font: 700 14px/18px "Roboto", sans-serif; color: #333333; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .teaser p { font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .singleProductPage .container .wrap .content .col-right { width: 30%; display: inline-block; vertical-align: top; } .singleProductPage .container .wrap .content .col-right .wraps { padding: 0 25px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock { -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-bottom: 25px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__head { padding: 23px 24px; background-color: #ffffff; border-bottom: solid 1px #eaeaea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__head span { display: inline-block; vertical-align: middle; font: 24px/24px "Roboto", sans-serif; color: #FC4123; text-transform: none; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content { background-color: #ffffff; padding: 25px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice { font: 400 24px/24px "Roboto", sans-serif; color: #256eab; display: block; text-align: right; margin-bottom: 10px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice i.price { font: 400 36px/36px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice i.sym { font: 500 30px/36px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul { display: block; margin-bottom: 25px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul li:last-child { border-bottom: 0 none; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul li .key { font: 300 14px/18px "Roboto", sans-serif; color: #4f5681; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul li .value { font: 400 24px/24px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content ul li .value i.sym { font: 500 18px/24px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected span { display: inline-block; margin-right: 20px; font: 400 12px/16px "Roboto", sans-serif; color: #283346; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected .qtys { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 95px; font-size: 0; line-height: 0; margin-left:auto} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected .qtys button { width: 18px; height: 40px; padding: 0; background-color: transparent; border: 0; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected .qtys .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font: 400 24px/24px "Roboto", sans-serif; color: #FC4123;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected .qtys input { max-width: 38px; height: 38px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0 -1px; font: 400 24px/24px "Roboto", sans-serif; color: #FC4123; text-align: center; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .quantitySelected .qtys .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; font: 400 24px/24px "Roboto", sans-serif; color: #FC4123; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn { margin-bottom: 10px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit { width: 130px; height: 40px; padding: 0; display: inline-block; margin-right: 6px; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 300 18px/18px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit img { max-width: 21px; width: 100%; display: inline-block; height: auto; position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit:hover { background-color: #283346; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 270px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .buyOneClick { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #F8BF45; border: 0 none; font: 600 14px/14px "Roboto", sans-serif; color: #283346; text-transform: uppercase; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; width: 130px; height: 40px; padding: 0; display: inline-block; float: right; padding: 0 24px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .buyOneClick:hover { background-color: #283346; color:#fff;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .compare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; color: #283346;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .compare i { font-size: 18px; color: #256eab; border-radius: 3px; border: 1px solid #eaeaea; width: 35px; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; margin-right: 5px;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .compare:hover { } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .compare:hover i { color: #ffffff;background-color: #256eab; border-color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .wish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; color: #283346;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .wish i { font-size: 18px; color: #fc4123; border-radius: 3px; border: 1px solid #eaeaea; width: 35px; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; margin-right: 5px;} .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .wish:hover { } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .wish:hover i { color: #ffffff; background-color: #fc4123; border-color: #fc4123; } .singleProductPage .container .wrap .content .col-right .wraps .errorView { border: 2px solid #eaeaea; border-radius: 3px; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 12px; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps img { display: inline-block; vertical-align: middle; height: auto; margin-right: 10px; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps span { display: inline-block; vertical-align: middle; font: 400 14px/18px "Roboto", sans-serif; color: #333333; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps a { display: inline-block; padding-left: 5px; font: 400 14px/18px "Roboto", sans-serif; color: #256eab; -webkit-transition: 200ms ease 0s; -o-transition: 200ms ease 0s; transition: 200ms ease 0s; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps a:hover { color: #f8bf45; text-decoration: none; } .singleProductPage .container .wrap .storeInfo { margin-bottom: 100px; } .singleProductPage .container .wrap .storeInfo h2 { font: 400 25px/25px "Roboto", sans-serif; color: #333333; margin-bottom: 25px; padding-left: 25px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list { font-size: 0; line-height: 0; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item { padding: 15px 30px; margin-bottom: 25px; background-color: #f8f8f8; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 { max-width: 135px; margin-right: 30px; display: inline-block; vertical-align: middle; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 .modelBrand .model { display: inline-block; vertical-align: middle; padding: 5px 5px; margin-right: 30px; margin-bottom: 15px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #256eab; border-radius: 3px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 .modelBrand .brand { display: block; vertical-align: middle; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 .modelBrand .brand img { height: auto; opacity: 0.8; -webkit-transition: opacity 200ms ease 0s; -o-transition: opacity 200ms ease 0s; transition: opacity 200ms ease 0s; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 .modelBrand .brand img:hover { opacity: 1; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 { max-width: 355px; margin-right: 50px; margin-top: 40px; display: inline-block; vertical-align: middle; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 a { display: inline-block; margin-bottom: 5px; font: 400 18px/21px "Roboto", sans-serif; color: #333333; text-decoration: none; border-bottom: 1px dashed #8e949d; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 a:hover { color: #256eab; border-color: #256eab; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 .note { display: block; font: 400 14px/21px "Roboto", sans-serif; color: #8e949d; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 { max-width: 200px; margin-right: 40px; margin-top: 40px; display: inline-block; vertical-align: middle; text-align: center; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .title { font: 400 18px/21px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 10px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .price { font: 700 30px/30px "Roboto", sans-serif; color: #256eab; display: block; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .price i { font: 500 30px/30px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 { width: 100%; max-width: 260px; margin-top: 40px; display: inline-block; vertical-align: middle; text-align: center; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn { margin-bottom: 10px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit { width: 100%; display: block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 300 18px/18px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit img { max-width: 21px; width: 100%; display: inline-block; height: auto; position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit:hover { background-color: #283346; } .singleProductPage .container .wrap .tabsDescription { margin-bottom: 40px; } .singleProductPage .container .wrap .tabsDescription .tabsLinks { margin: 0 -4px -1px -4px; font-size: 0; line-height: 0; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink { display: inline-block; margin: 0 4px; border: 1px solid #eaeaea; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink a { display: block; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; padding: 15px 15px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink a:hover { background-color: rgba(37, 110, 171, 0.5); color: #ffffff; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink.active a { background-color: #256eab; color: #ffffff; } .singleProductPage .container .wrap .tabsDescription .tabsContents { border: 1px solid #eaeaea; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent { display: none; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent.active { display: block; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item h3 { font: 700 16px/21px "Roboto", sans-serif; color: #256eab; text-align: center; padding: 15px 15px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul { font-size: 0; line-height: 0; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li { display: flex; list-style: none; padding: 15px 15px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li strong { width: 30%; display: inline-block; vertical-align: middle; font: 700 16px/21px "Roboto", sans-serif; color: #333333; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li span { width: 70%; display: inline-block; vertical-align: middle; font: 400 16px/21px "Roboto", sans-serif; color: #333333; position: relative; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li span img { display: inline-block; vertical-align: middle; height: auto; margin-right: 10px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li span input { position: absolute; top: 3px; right: 0; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li:nth-child(odd) { background-color: #f8f8f8; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .result { margin: 20px 40px; text-align: right; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .result span { font: 400 14px/21px "Roboto", sans-serif; color: #8e949d; display: inline-block; margin-right: 40px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .result .btn { font: 400 18px/18px "Roboto", sans-serif; color: #4f5681; text-decoration: none; display: inline-block; padding: 10px 30px; background-color: #f8bf45; border-radius: 6px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .result .btn:hover { background-color: #283346; color: #ffffff; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps { padding: 30px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps h4 { font: 400 25px/25px "Roboto", sans-serif; color: #333333; margin-bottom: 40px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel { margin: 0 auto; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide { position: relative; margin: 0 7px; text-decoration: none; display: flex; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .teaser{ text-align: left; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track{ display: flex; margin: 0; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps { width: 100%; text-align: center; padding: 20px; margin-bottom: 20px; background-color: #f8f8f8; border: 1px solid #eaeaea; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .image{ border: 2px solid #ececec; margin-bottom: 15px; text-align: center; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel-item-wraps:hover .image { border-color: #256eab; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps .image a img { display: inline-block; height: auto; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps .teaser a { display: block; margin-bottom: 15px; font: 400 16px/26px "Roboto", sans-serif; color: #333333; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps .teaser a:hover { color: #f8bf45; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps .teaser .price { display: block; font: 700 30px/30px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-list .slick-track .slick-slide .analogCarosel-item-wraps .teaser .price i { font: 500 30px/30px "Roboto", sans-serif; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-arrow { z-index: 2; background: #EAEAEA; color: #8E949D; width: 30px; height: 30px; box-sizing: border-box; align-items: center; justify-content: center; display: flex; font-size: 23px; padding: 0; border: 1px solid #eaeaea; cursor: pointer; position: absolute; top: 50%; transition: all 200ms ease 0s;} .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-arrow.fa-chevron-left { left: -30px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-arrow.fa-chevron-right { right: -30px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel .slick-arrow:hover { color: #006EB7; background: #EAEAEA; } .singleProductPage .similiarBlocks { background-color: #ecf0f1; padding: 45px 0; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title { margin-bottom: 38px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps { padding: 25px 65px; background-color: #ffffff; border-left: 3px solid #256eab; position: relative; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps h2 { font: 700 21px/21px "Roboto", sans-serif; color: #333333; margin-bottom: 25px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps p { font: 400 14px/21px "Roboto", sans-serif; color: #333333; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps .btn { position: absolute; bottom: 30px; right: 40px; font: 400 16px/18px "Roboto", sans-serif; color: #ffffff; text-decoration: none; display: inline-block; padding: 10px 45px; background-color: #256eab; border-radius: 6px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps .btn:hover { background-color: #283346; color: #ffffff; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products { padding: 20px; background-color: #ffffff; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products h2 { font: 400 21px/21px "Roboto", sans-serif; color: #333333; margin-bottom: 25px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list { font-size: 0; line-height: 0; margin: 0 -7px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item { width: 16.66666666666667%; display: inline-block; vertical-align: top; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps { padding: 0 7px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps:hover .image { border-color: #256eab; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .image { border: 2px solid #ececec; margin-bottom: 15px; text-align: center; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .image a { text-decoration: none; display: block; height: 170px; background-size: cover; background-position: center;} .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .image a img { height: auto; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .teaser { padding: 0 10px; text-align: center; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .teaser a { display: inline-block; margin-bottom: 10px; font: 400 14px/26px "Roboto", sans-serif; color: #283346; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .teaser a:hover { color: #256eab; border-color: #256eab; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .teaser .price { font: 700 18px/18px "Roboto", sans-serif; color: #256eab; display: block; margin-bottom: 10px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item .similiarBlocks--list-item-wraps .teaser .price i.sym { font: 500 18px/18px "Roboto", sans-serif; color: #256eab; } @media only screen and (max-width: 1200px) { .singleProductPage .container .wrap .content .col-left { width: 65%; } .singleProductPage .container .wrap .content .col-left .wraps .carousel { max-width: 350px; } .singleProductPage .container .wrap .content .col-left .wraps .more { max-width: 280px; } .singleProductPage .container .wrap .content .col-right { width: 35%; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 { max-width: 200px; } } @media only screen and (max-width: 1110px) { .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 { max-width: 100%; width: 33.3333333%; margin: 0; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 { max-width: 100%; width: 33.3333333%; margin: 0; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 { max-width: 100%; text-align: right; width: 33.3333333%; margin: 0; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 { width: 100%; max-width: 100%; text-align: center; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn { display: inline-block; min-width: 200px; } } @media only screen and (max-width: 992px) { .singleProductPage .container .wrap .content .col-left { width: 100%; margin-bottom: 30px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel { max-width: 425px; } .singleProductPage .container .wrap .content .col-right { width: 100%; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps { padding: 20px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--title .similiarBlocks--title-wraps .btn { position: static; margin-top: 20px; } } @media only screen and (max-width: 750px) { .singleProductPage .container .wrap .storeInfo h2 { padding-left: 0; font-size: 20px; line-height: 20px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item { padding: 15px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 { width: 100%; margin-bottom: 20px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 { width: 100%; margin-bottom: 20px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 a { font-size: 15px; line-height: 18px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 { width: 100%; text-align: center; margin-bottom: 20px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 { text-align: center; margin: 0; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item h3 { font-size: 14px; text-align: left; } .singleProductPage .container .wrap .tabsDescription .tabsLinks { margin: 0; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink { margin: 0; border-radius: 0; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li strong { width: 50%; margin-bottom: 10px; font-size: 10px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li span { width: 50%; font-size: 10px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .parametrList .parametrList-item ul li span input { position: static; display: block; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .result { margin: 20px; text-align: left; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item { width: 25%; margin-bottom: 20px; } } @media only screen and (max-width: 710px) { .singleProductPage .container .wrap h1 { font-size: 20px; line-height: 20px; margin-bottom: 30px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel { max-width: 100%; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide { text-align: center; } .singleProductPage .container .wrap .content .col-left .wraps .more { max-width: 100%; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps span { font-size: 13px; } .singleProductPage .container .wrap .content .col-right .wraps .errorView .errorView_wraps a { font-size: 13px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps { padding: 15px; } .singleProductPage .mobileInfo { display: block; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide { padding: 0 50px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-arrow { display: inline-block; z-index: 123; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide .view { display: none; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-nav { display: none; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps { border-bottom: 1px solid #eaeaea; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info { padding-bottom: 10px; margin: 0 auto 0 auto; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li { border: 0 none; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .teaser { display: none; } .singleProductPage .container .wrap .content { margin: 0 -25px 10px -25px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock { -webkit-box-shadow: none; box-shadow: none; margin: 0; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__head span { color: #256eab; } .singleProductPage .container .wrap .content .col-right .wraps .errorView { display: none; } } @media only screen and (max-width: 580px) { .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item { width: 33.3333333%; } } @media only screen and (max-width: 480px) { .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps .analogCarosel { margin: 0 auto; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink a { padding: 10px; font-size: 12px; } .singleProductPage .container .wrap .tabsDescription .tabsContents .tabsContent .tabsContent_wraps h4 { font-size: 18px; line-height: 18px; margin-bottom: 20px; } .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item { width: 50%; } .singleProductPage .container .wrap h1 { font-size: 14px; margin-bottom: 15px; } } @media only screen and (max-width: 400px) { .singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products .similiarBlocks--list .similiarBlocks--list-item { width: 100%; } } .productsListPage { background-color: #ffffff; padding-bottom: 50px; } .productsListPage .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .productsListPage .container .wrap .col-left { width: 26%; display: inline-block; vertical-align: top; } .productsListPage .container .wrap .col-left .wraps { padding: 0 15px; } .productsListPage .container .wrap .col-right { width: 74%; display: inline-block; vertical-align: top; } .productsListPage .container .wrap .col-right .wraps { padding: 0 15px; } .productsListPage .container .wrap .col-right .wraps h1 { font: 400 30px/30px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } .productsListPage .container .wrap .col-right .wraps .sortWraps { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 25px 0; margin: 0px 25px 50px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .title { font: 400 14px/14px "Roboto", sans-serif; color: #283346; margin-right: 10px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 { min-width: 60px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection { border-color: #eaeaea; height: 26px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection .select2-selection__rendered { font: 400 14px/26px "Roboto", sans-serif; color: #8e949d; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/26px "Roboto", sans-serif; color: #8e949d; display: block; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection .select2-selection__arrow { height: 26px; right: 10px; top: -5px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2 .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .switch a { display: inline-block; padding: 4px; margin: 0 2px; text-decoration: none; border-radius: 4px; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .switch a i { font-size: 20px; color: #8e949d; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .switch a.active { background-color: #eaeaea; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .switch a.active i { color: #256eab; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li { display: inline-block; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li a { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; padding: 5px 8px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li a i { font-size: 14px; color: #283346; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li a:hover { color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li a:hover i { color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .sortWraps .pagination ul li span { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; border-radius: 4px; padding: 5px 8px; background-color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .result { font: 400 15px/24px "Roboto", sans-serif; color: #283346; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .result storng { font-weight: 700; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .viewMore { font: 700 15px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; display: inline-block; border-bottom: 1px dashed #283346; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .viewMore:hover { color: #f8bf45; border-color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li { display: inline-block; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li a { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; padding: 5px 8px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li a i { font-size: 14px; color: #283346; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li a:hover { color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li a:hover i { color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .pagination ul li span { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; border-radius: 4px; padding: 5px 8px; background-color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts { } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item { width: 33.333333%; display: inline-block; vertical-align: top; margin-bottom: 30px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap { padding: 0 15px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content { padding: 10px 15px; background-color: #ffffff; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; position: relative; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top .manufacturer { display: inline-block; text-decoration: none; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul { font-size: 0; line-height: 0; margin: 0 -4px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li { display: inline-block; vertical-align: top; list-style: none; padding: 0 4px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; width: 36px; height: 36px; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a.wish i { font-size: 25px; color: #fc4123; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a.compare i { font-size: 21px; color: #283346; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a:hover { background-color: #256eab; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-top ul li a:hover i { color: #ffffff !important; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle { margin-bottom: 10px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image { margin-bottom: 10px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a { text-decoration: none; display: block; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a img { display: inline-block; border: 1px solid #eaeaea; height: auto;width:100% } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { margin-bottom: 15px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title a { font: 700 14px/24px "Roboto", sans-serif; color: #283346; display: block; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title a:hover { color: #f8bf45; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table { width: 100%; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .puctPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column1 .modelBrand .brand img:hover { opacity: 1; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 { max-width: 355px; margin-right: 50px; margin-top: 40px; display: inline-block; vertical-align: middle; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 a { display: inline-block; margin-bottom: 5px; font: 400 18px/21px "Roboto", sans-serif; color: #333333; text-decoration: none; border-bottom: 1px dashed #8e949d; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 a:hover { color: #256eab; border-color: #256eab; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column2 .note { display: block; font: 400 14px/21px "Roboto", sans-serif; color: #8e949d; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 { max-width: 200px; margin-right: 40px; margin-top: 40px; display: inline-block; vertical-align: middle; text-align: center; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .title { font: 400 18px/21px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 10px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .price { font: 700 30px/30px "Roboto", sans-serif; color: #256eab; display: block; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column3 .price i { font: 500 30px/30px "Roboto", sans-serif; color: #256eab; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 { width: 100%; max-width: 260px; margin-top: 40px; display: inline-block; vertical-align: middle; text-align: center; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn { margin-bottom: 10px; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit { width: 100%; display: block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 300 18px/18px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit img { max-width: 21px; width: 100%; display: inline-block; height: auto; position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .singleProductPage .container .wrap .storeInfo .storeInfo_list .storeInfo_list-item .column.column4 .btn .submit:hover { background-color: #283346; } .singleProductPage .container .wrap .tabsDescription { margin-bottom: 40px; } .singleProductPage .container .wrap .tabsDescription .tabsLinks { margin: 0 -4px -1px -4px; font-size: 0; line-height: 0; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink { display: inline-block; margin: 0 4px; border: 1px solid #eaeaea; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .singleProductPage .container .wrap .tabsDescription .tabsLinks .tabsLink a { display: block; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; /*pad00ms ease 0s;*/ } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick:hover { background-color: #283346; color: #ffffff; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 95px; font-size: 0; line-height: 0; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys button { width: 25px; height: 40px; background-color: #eaeaea; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys button:hover { background-color: #8e949d; color: #ffffff; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys input { max-width: 31px; height: 38px; border: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-align: center; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 15px/15px "Roboto", sans-serif; color: #ffffff; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit:hover { background-color: #283346; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap:hover .productsNew--item-wrap-content { -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35); } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap:hover .productsNew--item-wrap-content .productsNew--item-bottom { opacity: 1; visibility: visible; } @media only screen and (max-width: 1200px) { .productsListPage .container .wrap .col-right .wraps .sortWraps .sort.typeView { display: none; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item { width: 50%; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a { text-align: center; } } @media only screen and (max-width: 992px) { .productsListPage .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productsListPage .container .wrap .col-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .productsListPage .container .wrap .col-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 640px) { .productsListPage .container .wrap .col-right .wraps .sortWraps { display: block; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort { margin-bottom: 20px; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps { display: block; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .result { margin-bottom: 20px; display: block; } .productsListPage .container .wrap .col-right .wraps .listProducts__info .listProducts__info-wraps .viewMore { display: none; } } @media only screen and (max-width: 560px) { .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item { width: 100%; } } .profilePage { overflow: hidden; background-color: #ffffff; padding-bottom: 120px; border-bottom: 1px solid #e9e9e9; } .profilePage .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .profilePage .container .wrap .col-left { width: 25%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-left .wraps { padding: 0 15px; } .profilePage .container .wrap .col-left .wraps h2 { font: 400 21px/21px "Roboto", sans-serif; color: #333333; margin-bottom: 25px; } .profilePage .container .wrap .col-left .wraps h2 a { font: 400 21px/21px "Roboto", sans-serif; color: #333333; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-left .wraps h2 a:hover { font-weight: 700; color: #283346; } .profilePage .container .wrap .col-left .wraps nav { margin-bottom: 30px; } .profilePage .container .wrap .col-left .wraps nav h3 { font: 400 18px/21px "Roboto", sans-serif; color: #333333; margin-bottom: 15px; } .profilePage .container .wrap .col-left .wraps nav ul li { list-style: none; display: block; margin-bottom: 10px; } .profilePage .container .wrap .col-left .wraps nav ul li a { font: 400 14px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-left .wraps nav ul li a:hover { font-weight: 700; color: #283346; border-color: #283346; } .profilePage .container .wrap .col-left .wraps nav ul li .count { display: inline-block; padding-left: 5px; font: 400 14px/16px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-left .wraps nav ul li.active a { font-weight: 700; color: #283346; border-color: #283346; } .profilePage .container .wrap .col-left .wraps nav ul:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right { width: 75%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps { padding: 0 15px; } .profilePage .container .wrap .col-right .wraps h1 { font: 700 20px/20px "Roboto", sans-serif; color: #333333; margin-bottom: 20px; } .profilePage .container .wrap .col-right .wraps .title { margin-bottom: 25px; } .profilePage .container .wrap .col-right .wraps .title h1 { font: 700 20px/20px "Roboto", sans-serif; color: #333333; display: inline-block; } .profilePage .container .wrap .col-right .wraps .title .clearAll { display: inline-block; margin-left: 48px; font: 400 14px/16px "Roboto", sans-serif; color: #8e949d; text-decoration: none; border-bottom: 1px dashed #8e949d; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .title .clearAll:hover { color: #fc4123; border-color: #fc4123; } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes { position: absolute; left: -18px; top: 2px; display: inline-block; width: 10px; height: 10px; overflow: hidden; } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes:hover::before, .profilePage .container .wrap .col-right .wraps .title .clearAll .closes:hover::after { background: #f8bf45; } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes::before, .profilePage .container .wrap .col-right .wraps .title .clearAll .closes::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fc4123; } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .profilePage .container .wrap .col-right .wraps .title .clearAll .closes.thick::before, .profilePage .container .wrap .col-right .wraps .title .clearAll .closes.thick::after { height: 2px; margin-top: -2px; } .profilePage .container .wrap .col-right .wraps .content { border: 1px solid #eaeaea; border-radius: 3px; background-color: #ffffff; } .profilePage .container .wrap .col-right .wraps .content .contentHead { padding: 25px; background-color: #f8f8f8; } .profilePage .container .wrap .col-right .wraps .content .contentHead h3 { font: 700 18px/20px "Roboto", sans-serif; color: #256eab; } .profilePage .container .wrap .col-right .wraps .content .contentBody { padding: 25px; position: relative; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul { margin-bottom: 65px; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li { list-style: none; display: block; margin-bottom: 20px; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldName { width: 22%; display: inline-block; vertical-align: middle; font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldName i.star { color: #fc4123; font-style: normal; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue { width: 78%; display: inline-block; vertical-align: middle; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .value { display: inline-block; font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .value a { font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: all 200ms ease 0; -o-transition: all 200ms ease 0; transition: all 200ms ease 0; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .value a:hover { font-weight: 700; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .change { display: inline-block; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0; -o-transition: all 200ms ease 0; transition: all 200ms ease 0; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .change:hover { font-weight: 700; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .changePass { display: inline-block; margin-left: 22px; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0; -o-transition: all 200ms ease 0; transition: all 200ms ease 0; position: relative; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .changePass:before { content: "\f079"; display: inline-block; font-family: "Font Awesome 5 Free"; color: #256eab; font-weight: 900; left: -22px; position: absolute; text-rendering: auto; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .changePass:hover { font-weight: 700; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .notesPassword { display: inline-block; font: 400 10px/12px "Roboto", sans-serif; color: #8e949d; position: absolute; top: 25px; right: 50px; max-width: 220px; padding-left: 25px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .notesPassword i { position: absolute; top: 0; left: 0; display: inline-block; font-size: 15px; color: #8e949d; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps { display: block; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value { display: block; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 300px; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 300px; height: 95px; min-height: 95px; max-height: 95px; resize: none; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 { max-width: 300px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection { border-color: #eaeaea; height: 33px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection .select2-selection__rendered { font: 400 14px/33px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/33px "Roboto", sans-serif; color: #283346; display: block; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection .select2-selection__arrow { height: 33px; right: 10px; top: -5px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2 .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; font: 400 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel:first-child { margin-right: 15px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel i.note { display: block; font: 400 10px/21px "Roboto", sans-serif; color: #8e949d; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel input { position: absolute; opacity: 0; cursor: pointer; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel input:checked ~ .checkmark { background-color: #256eab; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel input:checked ~ .checkmark:after { display: block; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #256eab; border-radius: 1px;} .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns .goBack { display: inline-block; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns .goBack:hover { color: #283346; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns button { display: inline-block; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 27px; cursor: pointer; background-color: #256eab; border: 0 none; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns button:hover { background-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings { margin-bottom: 30px; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody { line-height: 16px; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul { margin: 0; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li { margin-bottom: 5px; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li .fieldValue .fieldValue--wraps { display: block; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel { font: 500 14px/18px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li .fieldValue .fieldValue--wraps .value .checkboxsLabel i.note { display: block; font: 400 10px/21px "Roboto", sans-serif; color: #8e949d; margin-bottom: 15px; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody ul li:last-child .fieldValue .fieldValue--wraps .value .checkboxsLabel i.note { margin-bottom: 0px; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody strong { font: 700 14px/21px "Roboto", sans-serif; color: #283346; margin: 0; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody .btns button { display: inline-block; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 27px; cursor: pointer; background-color: #256eab; border: 0 none; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .content.subscribeSettings .contentBody .btns button:hover { background-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myCabinet { margin-bottom: 30px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentMenu { font-size: 0; line-height: 0; margin: 0 -10px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentMenu a { display: inline-block; vertical-align: top; margin: 0 10px; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentMenu a:hover { font-weight: 700; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists { margin: 0 -30px; font-size: 0; line-height: 0; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists .col-width { line-height: 21px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists .col-width.w-50 { width: 50%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists .col-width .col-width_wraps { padding: 0 30px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody strong { font: 700 14px/21px "Roboto", sans-serif; color: #283346; margin: 0; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody p { font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody a { font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody a:hover { font-weight: 700; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody ul li { list-style: none; font: 400 14px/21px "Roboto", sans-serif; color: #283346; position: relative; display: block; margin-bottom: 5px; padding-left: 25px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody ul li:before { content: ""; position: absolute; display: block; left: 4px; top: 50%; margin-top: -6.5px; width: 4px; height: 7px; border: solid #256eab; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .bookmarksContent { border: 1px solid #eaeaea; border-radius: 4px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head { padding: 25px 30px; border-bottom: 1px solid #eaeaea; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head .bookmarksContent_head-left { width: 68%; display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head .bookmarksContent_head-right { width: 32%; display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #283346; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps { padding: 15px 30px; -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left { width: 68%; display: inline-block; vertical-align: middle; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .image { max-width: 90px; min-width: 90px; width: 90px; display: inline-block; vertical-align: middle; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .image a { text-decoration: none; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .image a img { height: auto; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .teaser { display: inline-block; vertical-align: middle; padding-left: 25px; padding-right: 25px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .teaser .codeProduct { font: 500 10px/16px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 5px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .teaser a { display: inline-block; font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; border-bottom: 1px solid #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left .bookmarksContent-item-left-wraps .teaser a:hover { color: #283346; border-color: #283346; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right { width: 32%; display: inline-block; vertical-align: middle; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .price { display: inline-block; font: 500 14px/21px "Roboto", sans-serif; color: #333333; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .price .sym { font-weight: 700; font-style: normal; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .submit { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 13px/15px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 9px 20px 8px 41px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .submit img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .submit:hover { background-color: #283346; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete { text-decoration: none; display: inline-block; position: relative; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes { position: absolute; left: 0; top: -3px; display: inline-block; width: 10px; height: 10px; overflow: hidden; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes:hover::before, .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes:hover::after { background: #f8bf45; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes::before, .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #333333; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes.thick::before, .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes.thick::after { height: 2px; margin-top: -2px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item:hover .bookmarksContent_item-wraps { background-color: #f8f8f8; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs { font-size: 0; line-height: 0; position: relative; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs a#filter { font: 400 12px/14px "Roboto", sans-serif; color: #333333; text-decoration: none; display: inline-block; border: 1px solid #eaeaea; border-radius: 3px; padding: 5px 20px; margin-bottom: 15px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs a#filter.active { background-color: #f0f4f8; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock { position: absolute; left: 0; top: 50px; padding: 22px 30px; -webkit-box-shadow: -1.362px 2.673px 3px 0px rgba(40, 51, 70, 0.15); box-shadow: -1.362px 2.673px 3px 0px rgba(40, 51, 70, 0.15); border: 1px solid #ebebeb; background-color: #f8f8f8; z-index: 3; width: 100%; max-width: 440px; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock:before { position: absolute; content: ""; top: -5px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #f8f8f8 transparent; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock.active { opacity: 1; visibility: visible; top: 30px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps h3 { font: 700 18px/18px "Roboto", sans-serif; color: #256eab; margin-bottom: 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .label { font: 500 14px/20px "Roboto", sans-serif; color: #283346; padding-right: 40px; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms { display: inline-block; vertical-align: top; font-size: 16px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .radios { margin-bottom: 15px; border-radius: 4px; border: 1px solid #8e949d; display: inline-block; overflow: hidden; font-size: 0; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .radios input[type="radio"] { display: none; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .radios input[type="radio"]:checked + label { background-color: #f0f4f8; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .radios label { display: inline-block; font: 400 12px/12px "Roboto", sans-serif; color: #283346; padding: 7px 20px; background-color: #ffffff; cursor: pointer; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .radios label.radio1 { border-right: 1px solid #8e949d; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates.active { opacity: 1; visibility: visible; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date { border: 1px solid #8e949d; border-radius: 4px; overflow: hidden; position: relative; max-width: 150px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date i { position: absolute; top: 10px; right: 10px; font-size: 16px; color: #256eab; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date input { border: 0 none; padding: 0 15px; height: 35px; cursor: pointer; font: 400 12px/12px "Roboto", sans-serif; color: #8e949d; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates span { font-weight: bold; font-size: 30px; color: #283346; display: inline-block; margin: 0 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul { display: inline-block; padding-left: 2.5px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul li { list-style: none; display: inline-block; padding: 0 2.5px; margin-bottom: 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul li a { font: 400 12px/14px "Roboto", sans-serif; color: #333333; text-decoration: none; display: inline-block; border: 1px solid #eaeaea; border-radius: 3px; padding: 5px 20px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul li a:hover { color: #256eab; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul li.active a { background-color: #f0f4f8; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents { position: relative; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 200ms; -o-transition: all 300ms ease 200ms; transition: all 300ms ease 200ms; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent.active { position: static; opacity: 1; visibility: visible; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .totals { font: 400 14px/21px "Roboto", sans-serif; color: #333333; display: block; margin-bottom: 20px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .totals .sym { font-weight: 700; font-style: normal; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item { font-size: 0; line-height: 0; border: 1px solid #eaeaea; border-radius: 3px; margin-bottom: 30px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left { width: 74%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps { padding: 25px 30px; background-color: #f8f8f8; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .name { margin-bottom: 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .name .id { display: inline-block; vertical-align: middle; font: 700 18px/18px "Roboto", sans-serif; color: #256eab; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .name .date { display: inline-block; vertical-align: middle; font: 400 18px/18px "Roboto", sans-serif; color: #8e949d; padding-left: 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul { font-size: 0; line-height: 0; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li { list-style: none; margin-bottom: 10px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .key { width: 25%; display: inline-block; font: 400 12px/16px "Roboto", sans-serif; color: #8e949d; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .value { width: 75%; display: inline-block; font: 400 12px/16px "Roboto", sans-serif; color: #333333; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .value a { font: 400 12px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .value a:hover { color: #f8bf45; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right { width: 26%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps { padding: 25px 20px; position: relative; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .btns { border: 1px solid #256eab; border-radius: 3px; display: block; font: 400 12px/14px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-align: center; background-color: #256eab; padding: 10px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .btns:hover { background-color: #283346; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .btns.active { background-color: transparent; color: #333333; border-color: #f8bf45; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns { position: absolute; top: 70px; left: 20px; right: 20px; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns.active { opacity: 1; visibility: visible; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns:before { position: absolute; content: ""; top: -5px; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #f8f8f8 transparent; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns .otherBtns-wraps { background-color: #f8f8f8; -webkit-box-shadow: -1.362px 2.673px 3px 0px rgba(40, 51, 70, 0.15); box-shadow: -1.362px 2.673px 3px 0px rgba(40, 51, 70, 0.15); border: 1px solid #ebebeb; padding: 10px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns .otherBtns-wraps a { border: 1px solid #8e949d; border-radius: 3px; display: block; margin-bottom: 10px; font: 400 12px/14px "Roboto", sans-serif; color: #333333; text-decoration: none; text-align: center; background-color: #ffffff; padding: 10px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right .col-right-wraps .otherBtns .otherBtns-wraps a:hover { background-color: #283346; color: #ffffff; } .profilePage .container .wrap .col-right .wraps .compareWraps { border: 1px solid #eaeaea; border-radius: 4px; position: relative; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn { width: 100%; max-width: 26%; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop { padding: 20px 25px; max-width: 175px; min-height: 195px; max-height: 231px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li { list-style: none; display: block; margin-bottom: 10px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; display: inline-block; border-bottom: 1px dashed #256eab; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li a:hover { color: #f8bf45; border-color: #f8bf45; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li.active a { font-weight: 700; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop h2 { font: 700 18px/18px "Roboto", sans-serif; color: #333333; margin-bottom: 30px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom { margin-top: 5px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li { list-style: none; display: block; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li span { font: 500 12px/16px "Roboto", sans-serif; color: #283346; display: block; padding: 7px 20px; max-height: 16px; overflow: hidden; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li:nth-child(even) { background-color: #f8f8f8; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li span { min-height: 45px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns { display: inline-block; vertical-align: top; max-width: 74%; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumnsOverflow { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn { width: 100%; max-width: 165px; min-width: 165px; display: inline-block; vertical-align: top; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop { padding: 20px 15px 15px 15px; max-height: 230px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct { position: absolute; top: 10px; right: 10px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes:hover::before, .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes:hover::after { background: #f8bf45; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes::before, .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #333333; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes.thick::before, .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .removeProduct .closes.thick::after { height: 2px; margin-top: -2px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .image { text-align: center; margin-bottom: 5px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .image a { display: inline-block; text-decoration: none; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser { text-align: center; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser a { font: 400 10px/16px "Roboto", sans-serif; color: #256eab; display: block; margin-bottom: 10px; max-height: 32px; overflow: hidden; text-decoration: underline; -webkit-text-decoration-style: dashed; text-decoration-style: dashed; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser a:hover { color: #f8bf45; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser .price { display: block; margin-bottom: 5px; font: 500 14px/21px "Roboto", sans-serif; color: #333333; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser .price .sym { font-weight: 700; font-style: normal; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser .submit { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 13px/15px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 9px 20px 8px 41px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser .submit img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop .teaser .submit:hover { background-color: #283346; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnBottom { margin-top: 5px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnBottom ul li { list-style: none; display: block; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnBottom ul li span { font: 500 12px/16px "Roboto", sans-serif; color: #283346; display: block; padding: 7px 15px; max-height: 16px; overflow: hidden; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnBottom ul li:nth-child(even) { background-color: #f8f8f8; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnBottom ul li span { min-height: 45px; } @media only screen and (max-width: 1100px) { .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .notesPassword { right: 15px; max-width: 200px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left { width: 50%; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right { width: 50%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps { padding: 15px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .key { display: block; width: 100%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .value { width: 100%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left { width: 70%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right { width: 30%; } } @media only screen and (max-width: 992px) { .profilePage { padding-bottom: 20px; } .profilePage .container .wrap .col-left .wraps h2 { font-size: 16px; line-height: 18px; } .profilePage .container .wrap .col-left .wraps nav h3 { font-size: 15px; line-height: 18px; } .profilePage .container .wrap .col-left .wraps nav ul li a { font-size: 13px; } .profilePage .container .wrap .col-right .wraps h1 { font-size: 16px; line-height: 20px; } .profilePage .container .wrap .col-right .wraps .content .contentHead h3 { font-size: 15px; line-height: 20px; } .profilePage .container .wrap .col-right .wraps .content .contentHead { padding: 15px; } .profilePage .container .wrap .col-right .wraps .content .contentBody { padding: 15px; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .notesPassword { right: 0; max-width: 100%; position: relative; top: 0; margin-top: 10px; line-height: 15px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop { padding: 20px 15px 20px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li span { padding: 7px 10px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnBottom ul li span { font-size: 11px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop ul li a { font-size: 12px; line-height: 12px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn .compareFixedColumnTop h2 { font-size: 14px; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns .compareColumn .compareColumnTop { max-height: 200px; } } @media only screen and (max-width: 750px) { .profilePage .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .profilePage .container .wrap .col-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .profilePage .container .wrap .col-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 30px; } .profilePage .container .wrap .col-left .wraps nav { width: 33.333333%; display: inline-block; vertical-align: top; } } @media only screen and (max-width: 640px) { .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left { width: 100%; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right { width: 100%; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps { display: block; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .price { display: block; margin-bottom: 20px; margin-top: 20px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .delete .closes { width: 20px; height: 20px; left: 70px; top: -15px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head .bookmarksContent_head-left { width: 100%; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head .bookmarksContent_head-right { display: none; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn { max-width: 32%; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns { max-width: 68%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left { width: 100%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-right { width: 100%; } } @media only screen and (max-width: 580px) { .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldName { width: 100%; margin-bottom: 5px; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue { width: 100%; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps { display: block; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue .fieldValue--wraps .value { display: block; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul { margin-bottom: 35px; } .profilePage .container .wrap .col-left .wraps nav { width: 50%; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value input { max-width: 100%; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody ul li .fieldValue .fieldValue--wraps .value textarea { max-width: 100%; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .profilePage .container .wrap .col-right .wraps .content.editAddress .contentBody .btns .goBack { margin-bottom: 20px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists .col-width.w-50 { width: 100%; margin-bottom: 30px; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody .col-lists .col-width.w-50:last-child { margin-bottom: 0; } .profilePage .container .wrap .col-right .wraps .content.myCabinet .contentBody a { margin-bottom: 10px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock { max-width: 250px; padding: 20px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date { max-width: 100px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date input { padding: 0 5px; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs .filterBlock .filterBlock_wraps .item .filterBlock-forms .dates .date i { top: 9px; right: 5px; } } @media only screen and (max-width: 480px) { .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn { max-width: 45%; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns { max-width: 55%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul { padding-left: 0; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .name .date { display: block; margin-top: 10px; padding-left: 0; } } @media only screen and (max-width: 340px) { .profilePage .container .wrap .col-left .wraps nav { width: 100%; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareFixedColumn { max-width: 50%; } .profilePage .container .wrap .col-right .wraps .compareWraps .compareColumns { max-width: 50%; } } .pageLogin { background-color: #ffffff; } .pageLogin .container .wrap { margin: 0 -30px; font-size: 0; line-height: 0; } .pageLogin .container .wrap .col-left { width: 40%; display: inline-block; vertical-align: top; } .pageLogin .container .wrap .col-left .wraps { padding: 0 30px; } .pageLogin .container .wrap .col-left .wraps h2 { font: 700 18px/26px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } .pageLogin .container .wrap .col-left .wraps .list { margin-bottom: 5px; overflow: hidden; } .pageLogin .container .wrap .col-left .wraps .list .item { margin-bottom: 15px; } .pageLogin .container .wrap .col-left .wraps .list .item .item_wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pageLogin .container .wrap .col-left .wraps .list .item .item_wraps label { font: 500 14px/21px "Roboto", sans-serif; color: #283346; display: inline-block; min-width: 70px; } .pageLogin .container .wrap .col-left .wraps .list .item .item_wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageLogin .container .wrap .col-left .wraps .btns button { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; padding: 11px 23px; border-radius: 3px; margin-right: 20px; margin-bottom: 15px; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageLogin .container .wrap .col-left .wraps .btns button:hover { background-color: #283346; } .pageLogin .container .wrap .col-left .wraps .btns a { display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageLogin .container .wrap .col-left .wraps .btns a:hover { color: #283346; border-color: #283346; } .pageLogin .container .wrap .col-right { width: 60%; display: inline-block; vertical-align: top; } .pageLogin .container .wrap .col-right .wraps { padding: 0 30px; } .pageLogin .container .wrap .col-right .wraps h2 { font: 700 18px/26px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } .pageLogin .container .wrap .col-right .wraps .list { overflow: hidden; margin: 0 -7px 5px -7px; } .pageLogin .container .wrap .col-right .wraps .list .item { margin-bottom: 15px; width: 100%; display: inline-block; vertical-align: top; } .pageLogin .container .wrap .col-right .wraps .list .item.w-50 { width: 50%; } .pageLogin .container .wrap .col-right .wraps .list .item .item_wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 7px; } .pageLogin .container .wrap .col-right .wraps .list .item .item_wraps label { font: 500 14px/21px "Roboto", sans-serif; color: #283346; display: inline-block; min-width: 70px; } .pageLogin .container .wrap .col-right .wraps .list .item .item_wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel { display: block; margin-bottom: 15px; position: relative; padding-left: 25px; cursor: pointer; font: 400 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel:first-child { margin-right: 15px; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel input.checker { position: absolute; opacity: 0; cursor: pointer; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel input.checker:checked ~ .checkmark { background-color: #ffffff; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel input.checker:checked ~ .checkmark:after { display: block; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #a5a5a5; border-radius: 2px; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #256eab; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageLogin .container .wrap .col-right .wraps .btns button { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; padding: 11px 23px; border-radius: 3px; margin-right: 20px; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageLogin .container .wrap .col-right .wraps .btns button:hover { background-color: #283346; } .pageLogin .container .wrap .col-right .wraps .btns .notes { display: block; margin-top: 20px; font: 400 12px/18px "Roboto", sans-serif; color: #a5a5a5; } .pageLogin .container .wrap .col-right .wraps .btns .notes a { font: 400 12px/18px "Roboto", sans-serif; color: #a5a5a5; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageLogin .container .wrap .col-right .wraps .btns .notes a:hover { color: #256eab; } @media only screen and (max-width: 720px) { .pageLogin .container .wrap { margin: 0 -10px; } .pageLogin .container .wrap .col-left .wraps { padding: 0 10px; } .pageLogin .container .wrap .col-right .wraps { padding: 0 10px; } } @media only screen and (max-width: 640px) { .pageLogin { padding: 0 0 25px 0; } .pageLogin .container .wrap { margin: 0; } .pageLogin .container .wrap .col-left { width: 100%; margin-bottom: 20px; } .pageLogin .container .wrap .col-left .wraps { padding: 0; } .pageLogin .container .wrap .col-right { width: 100%; } .pageLogin .container .wrap .col-right .wraps { padding: 0; } .pageLogin .container .wrap .col-right .wraps .btns .checkboxsLabel { font-size: 12px; } } .pageRegister { background-color: #ffffff; padding: 60px 0 75px 0; } .pageRegister .container .wrap { margin: 0 -30px; font-size: 0; line-height: 0; } .pageRegister .container .wrap .col-left { width: 50%; display: inline-block; vertical-align: top; } .pageRegister .container .wrap .col-left .wraps { padding: 0 30px; } .pageRegister .container .wrap .col-left .wraps h1 { font: 700 18px/26px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs { margin: 0 -10px 10px -10px; font-size: 0; line-height: 0; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item { display: inline-block; vertical-align: middle; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps { padding: 0 10px; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel { display: block; margin-bottom: 15px; position: relative; padding-left: 25px; cursor: pointer; font: 400 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel:first-child { margin-right: 15px; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel input.checker { position: absolute; opacity: 0; cursor: pointer; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel input.checker:checked ~ .checkmark { background-color: #ffffff; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel input.checker:checked ~ .checkmark:after { display: block; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #a5a5a5; border-radius: 2px; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #256eab; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageRegister .container .wrap .col-right { width: 50%; display: inline-block; vertical-align: top; } .pageRegister .container .wrap .col-right .wraps { padding: 0 30px; } .pageRegister .container .wrap .col-right .wraps .notes { display: block; margin-top: 90px; font: 400 12px/18px "Roboto", sans-serif; color: #a5a5a5; } .pageRegister .lists-inputs { position: relative; } .pageRegister .lists-inputs .lists { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .pageRegister .lists-inputs .lists.active { opacity: 1; visibility: visible; position: static; } .pageRegister .lists-inputs .lists .item { margin-bottom: 15px; } .pageRegister .lists-inputs .lists .item.filesItem { margin: 30px 0; } .pageRegister .lists-inputs .lists .item .item_wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pageRegister .lists-inputs .lists .item .item_wraps .title { font: 500 14px/21px "Roboto", sans-serif; color: #283346; width: 35%; display: inline-block; vertical-align: middle; text-align: right; padding-right: 30px; } .pageRegister .lists-inputs .lists .item .item_wraps .title a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageRegister .lists-inputs .lists .item .item_wraps .title a:hover { color: #283346; border-color: #283346; } .pageRegister .lists-inputs .lists .item .item_wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65%; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageRegister .lists-inputs .lists .item .item_wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; } .pageRegister .lists-inputs .lists .item .item_wraps input:focus { border-color: #f8bf45; } .pageRegister .lists-inputs .lists .item .item_wraps textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65%; max-width: 61.5%; min-width: 61.5%; min-height: 125px; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageRegister .lists-inputs .lists .item .item_wraps textarea:focus { border-color: #f8bf45; } .pageRegister .lists-inputs .lists .item .item_wraps button { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 23px; border-radius: 3px; margin-right: 0; margin-bottom: 0; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageRegister .lists-inputs .lists .item .item_wraps button:hover { background-color: #283346; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd { display: inline-block; position: relative; height: 35px; width: 65%; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd #text { padding: 10px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd #text .text { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd #text .load { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; display: inline-block; margin-left: 15px; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .pageRegister .lists-inputs .lists .item .item_wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } @media only screen and (max-width: 992px) { .pageRegister { padding: 0 0 25px 0; } .pageRegister .container .wrap { margin: 0; } .pageRegister .container .wrap .col-left { width: 100%; } .pageRegister .container .wrap .col-left .wraps { padding: 0; } .pageRegister .container .wrap .col-right { width: 100%; } .pageRegister .container .wrap .col-right .wraps { padding: 0; } .pageRegister .container .wrap .col-left .wraps .list-checkboxs .item .item_wraps .checkboxsLabel { font-size: 13px; } .pageRegister .lists-inputs .lists .item .item_wraps { display: block; } .pageRegister .lists-inputs .lists .item .item_wraps .title { width: 100%; display: block; text-align: left; padding: 0; margin-bottom: 10px; } .pageRegister .lists-inputs .lists .item .item_wraps input { width: 100%; display: block; } .pageRegister .lists-inputs .lists .item .item_wraps textarea { width: 100%; max-width: 100%; min-width: 100%; } .pageRegister .container .wrap .col-right .wraps .notes { margin-top: 0; } } .archiveNews { background-color: #ffffff; padding: 0 0 25px 0; } .archiveNews .container .wrap { margin: 0 -20px; font-size: 0; line-height: 0; } .archiveNews .container .wrap .col-left { width: 25%; display: inline-block; vertical-align: top; } .archiveNews .container .wrap .col-left .wraps { padding: 0 20px; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe { padding: 10px; border-radius: 4px; background-color: #eaeaea; text-align: center; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe h2 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 10px; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe span { display: block; margin-bottom: 15px; font: 400 16px/20px "Roboto", sans-serif; color: #4b5584; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe .item { position: relative; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe .item i { font-size: 16px; color: #8e949d; position: absolute; top: 17px; left: 17px; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe .item input { width: 100%; padding: 0 0 0 50px; font: 400 14px/50px "Roboto", sans-serif; color: #283346; border: 1px solid #c1c6cd; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe .item button { display: block; width: 100%; font: 700 14px/20px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 16px; cursor: pointer; background-color: #256eab; border-radius: 3px; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .archiveNews .container .wrap .col-left .wraps .sidebarSubscribe .item button:hover { background-color: #283346; color: #ffffff; } .archiveNews .container .wrap .col-right { width: 75%; display: inline-block; vertical-align: top; } .archiveNews .container .wrap .col-right .wraps { padding: 0 20px; } .archiveNews .container .wrap .col-right .wraps .headTitle { margin-bottom: 40px; padding-left: 190px; } .archiveNews .container .wrap .col-right .wraps .headTitle h1 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .archiveNews .container .wrap .col-right .wraps .headTitle ul { margin: 0 -10px; font-size: 0; line-height: 0; } .archiveNews .container .wrap .col-right .wraps .headTitle ul li { list-style: none; display: inline-block; padding: 0 10px; } .archiveNews .container .wrap .col-right .wraps .headTitle ul li a { font: 500 14px/14px "Roboto", sans-serif; color: #283346; display: block; padding: 5px 7px; border-radius: 3px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .archiveNews .container .wrap .col-right .wraps .headTitle ul li a:hover { color: #f8bf45; text-decoration: none; } .archiveNews .container .wrap .col-right .wraps .headTitle ul li.active a { background-color: #f8bf45; text-decoration: none; } .archiveNews .container .wrap .col-right .wraps .headTitle ul li.active a:hover { color: #283346; } .archiveNews .container .wrap .col-right .wraps .singleNews { line-height: 16px; } .archiveNews .container .wrap .col-right .wraps .singleNews h1 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 15px; } .archiveNews .container .wrap .col-right .wraps .singleNews .date { font: 400 12px/14px "Roboto", sans-serif; color: #8e949d; display: block; margin-bottom: 15px; } .archiveNews .container .wrap .col-right .wraps .singleNews span { font: 400 14px/24px "Roboto", sans-serif; } .archiveNews .container .wrap .col-right .wraps .singleNews p { font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .archiveNews .container .wrap .col-right .wraps .singleNews a { color: #256eab; } .archiveNews .container .wrap .col-right .wraps .singleNews a:hover { color: #f8bf45; } .archiveNews .container .wrap .col-right .wraps .singleNews ul li { font: 400 14px/24px "Roboto", sans-serif; color: #283346; list-style: none; } .archiveNews .container .wrap .col-right .wraps .singleNews .sharedBlock { margin: 20px 0 0 0; } .archiveNews .container .wrap .col-right .wraps .singleNews .sharedBlock .title { font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; display: inline-block; vertical-align: middle; margin-right: 10px; } .archiveNews .container .wrap .col-right .wraps .singleNews .sharedBlock .rambler-share { display: inline-block; vertical-align: middle; } .archiveNews .archiveListNews .item { margin-bottom: 50px; width: 100%; display: inline-block; vertical-align: top; } .archiveNews .archiveListNews .item .item_wraps { position: relative; } .archiveNews .archiveListNews .item .item_wraps .image { position: absolute; top: 0; left: 0; } .archiveNews .archiveListNews .item .item_wraps .image a { text-decoration: none; } .archiveNews .archiveListNews .item .item_wraps .image a img { height: auto; border: 1px solid #eaeaea; } .archiveNews .archiveListNews .item .item_wraps .teaser { padding-left: 190px; } .archiveNews .archiveListNews .item .item_wraps .teaser a { text-decoration: none; display: block; } .archiveNews .archiveListNews .item .item_wraps .teaser a .title { font: 400 16px/20px "Roboto", sans-serif; color: #256eab; display: block; margin-bottom: 15px; } .archiveNews .archiveListNews .item .item_wraps .teaser a .rating { font: 400 12px/12px "Roboto", sans-serif; color: #256eab; display: block; margin-bottom: 15px; } .archiveNews .archiveListNews .item .item_wraps .teaser a .rating i { font-size: 14px; color: #f8bf45; } .archiveNews .archiveListNews .item .item_wraps .teaser a .desc { font: 400 14px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 10px; } .archiveNews .archiveListNews .item .item_wraps .teaser a .date { font: 400 12px/14px "Roboto", sans-serif; color: #8e949d; } .archiveNews .archiveListNews .item .item_wraps:hover .image a img { border-color: #f8bf45; } .archiveNews .archiveListNews .item .item_wraps:hover .teaser a .title { color: #283346; } .archiveNews .pagination { padding-left: 190px; } .archiveNews .pagination ul li { display: inline-block; } .archiveNews .pagination ul li a { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; padding: 5px 8px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .archiveNews .pagination ul li a i { font-size: 14px; color: #283346; } .archiveNews .pagination ul li a:hover { color: #f8bf45; } .archiveNews .pagination ul li a:hover i { color: #f8bf45; } .archiveNews .pagination ul li span { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; border-radius: 4px; padding: 5px 8px; background-color: #f8bf45; } @media only screen and (max-width: 992px) { .archiveNews .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .archiveNews .container .wrap .col-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .archiveNews .container .wrap .col-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 30px; } .archiveNews .container .wrap .col-right .wraps .headTitle { padding-left: 0; } .archiveNews .pagination { padding-left: 0; } } @media only screen and (max-width: 640px) { .archiveNews .archiveListNews .item .item_wraps .image a img { max-width: 80px; } .archiveNews .archiveListNews .item .item_wraps .teaser { padding-left: 100px; } } @media only screen and (max-width: 420px) { .archiveNews .archiveListNews .item .item_wraps .image { display: none; } .archiveNews .archiveListNews .item .item_wraps .teaser { padding-left: 0; } } .pageTestimonials { background-color: #ffffff; padding-bottom: 60px; } .pageTestimonials .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .pageTestimonials .container .wrap .col-left { width: 65%; display: inline-block; vertical-align: top; } .pageTestimonials .container .wrap .col-left .wraps { padding: 0 15px; } .pageTestimonials .container .wrap .col-left .wraps h1 { font: 400 24px/24px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd h2 { font: 400 21px/30px "Roboto", sans-serif; color: #256eab; margin-bottom: 35px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .note { font: 400 16px/20px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 35px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .note a { color: #256eab; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .note a:hover { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item { margin-bottom: 30px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .title { min-width: 175px; margin-right: 25px; display: inline-block; vertical-align: middle; font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-align: right; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight { display: inline-block; vertical-align: middle; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight label { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight label input { display: inline-block; vertical-align: middle; margin: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight label:first-child { margin-right: 20px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .subTitle { font: 400 16px/16px "Roboto", sans-serif; color: #283346; display: block; margin-bottom: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .btn { border: 0 none; border-radius: 3px; margin-bottom: 15px; background-color: #f8bf45; cursor: pointer; font: 700 16px/16px "Roboto", sans-serif; color: #283346; text-transform: uppercase; padding: 10px 20px; -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .btn:hover { background-color: #283346; color: #ffffff; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight input.input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-width: 370px; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight input.input:focus { border-color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 470px; resize: none; min-height: 150px; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight textarea:focus { border-color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; font: 400 13px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs:first-child { margin-right: 15px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs i.note { display: block; font: 400 10px/21px "Roboto", sans-serif; color: #8e949d; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs input { position: absolute; opacity: 0; cursor: pointer; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs input:checked ~ .checkmark { background-color: #ffffff; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs input:checked ~ .checkmark:after { display: block; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #a5a5a5; border-radius: 2px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .checkbs .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #256eab; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight h3 { font: 400 24px/30px "Roboto", sans-serif; color: #283346; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .notes { display: block; font: 400 12px/16px "Roboto", sans-serif; color: #8e949d; margin-top: 15px; max-width: 470px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating { float: left; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span { float: right; position: relative; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span input { position: absolute; top: 0px; left: 0px; opacity: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span label { cursor: pointer; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span label i { font-size: 30px; color: #c1c6cd; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span:hover ~ span label i { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span:hover label i { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span.checked label i { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .rating span.checked ~ span label i { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews h3 { font: 400 21px/30px "Roboto", sans-serif; color: #256eab; margin-bottom: 40px; padding-left: 200px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item { position: relative; margin-bottom: 50px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .image { position: absolute; top: 0; left: 80px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .image img { border-radius: 100%; padding: 2px; border: 1px solid #9499a2; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser { padding-left: 200px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .head { margin-bottom: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .head .name { font: 400 16px/16px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; margin-right: 15px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .head .approved { font: 400 12px/12px "Roboto", sans-serif; color: #256eab; display: inline-block; vertical-align: middle; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .head .approved img { height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .ratings { margin-bottom: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .ratings ul { margin: 0 -2px; font-size: 0; line-height: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .ratings ul li { list-style: none; display: inline-block; padding: 0 2px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .ratings ul li i { font-size: 14px; color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .desc { margin-bottom: 15px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .desc p { font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .date { display: inline-block; font: 400 12px/20px "Roboto", sans-serif; color: #8e949d; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes .tt { font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; display: inline-block; vertical-align: middle; margin-right: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; margin: 0 -5px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li { list-style: none; display: inline-block; vertical-align: middle; padding: 0 5px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a { text-decoration: none; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a i { font-size: 15px; color: #8e949d; margin-right: 5px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a .count { font: 400 14px/14px "Roboto", sans-serif; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a.up .count { color: #256eab; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a.up:hover i { color: #256eab; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a.down .count { color: #fc4123; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .likes ul li a.down:hover i { color: #fc4123; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination { padding-left: 200px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li { display: inline-block; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li a { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; padding: 5px 8px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li a i { font-size: 14px; color: #283346; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li a:hover { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li a:hover i { color: #f8bf45; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination ul li span { font: 400 14px/14px "Roboto", sans-serif; color: #283346; display: block; border-radius: 4px; padding: 5px 8px; background-color: #f8bf45; } .pageTestimonials .container .wrap .col-right { width: 35%; display: inline-block; vertical-align: top; } .pageTestimonials .container .wrap .col-right .wraps { padding: 0 15px; } .pageTestimonials .container .wrap .col-right .wraps h2 { font: 400 21px/30px "Roboto", sans-serif; color: #283346; margin-bottom: 25px; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine { margin-bottom: 35px; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine li .key { display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine li .value { display: inline-block; vertical-align: middle; font: 400 16px/16px "Roboto", sans-serif; color: #283346; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine li .line { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; display: block; background-color: #eaeaea; } .pageTestimonials .container .wrap .col-right .wraps .ratingLine li .line.ready { background-color: #256eab; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar { max-width: 290px; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .star { display: inline-block; vertical-align: middle; margin: 0 -1px; font-size: 0; line-height: 0; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .star i { display: inline-block; font-size: 24px; line-height: 24px; padding: 0 1px; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .star i.fas { color: #f8bf45; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .star i.far { color: #c1c6cd; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .percent { display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; } .pageTestimonials .container .wrap .col-right .wraps .ratingStar li .count { display: inline-block; vertical-align: middle; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; } @media only screen and (max-width: 1080px) { .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight textarea { min-width: 370px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .notes { max-width: 370px; } } @media only screen and (max-width: 992px) { .pageTestimonials .container .wrap { margin: 0; } .pageTestimonials .container .wrap .col-left { width: 100%; margin-bottom: 30px; } .pageTestimonials .container .wrap .col-left .wraps { padding: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .title { display: block; text-align: left; margin-bottom: 20px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight .notes { max-width: 100%; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews h3 { padding-left: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .pagination { padding-left: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .image { left: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser { padding-left: 120px; } .pageTestimonials .container .wrap .col-right { width: 100%; margin-bottom: 30px; } .pageTestimonials .container .wrap .col-right .wraps { padding: 0; } } @media only screen and (max-width: 580px) { .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .head .name { display: block; margin-bottom: 10px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .image { position: static; margin-bottom: 20px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser { padding-left: 0; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .listReviews .item .teaser .other .date { margin-bottom: 15px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight input.input { max-width: 290px; min-width: 290px; } .pageTestimonials .container .wrap .col-left .wraps .formAdd .list .item .item_wraps .colRight textarea { min-width: 290px; } } .notFound { background-color: #ffffff; padding: 100px 0; } .notFound .container .wrap .content { text-align: center; position: relative; } .notFound .container .wrap .content h1 { font: 700 30px/30px "Roboto", sans-serif; color: #333333; margin-bottom: 20px; } .notFound .container .wrap .content h2 { font: 700 18px/18px "Roboto", sans-serif; color: #256eab; margin-bottom: 10px; } .notFound .container .wrap .content p { font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .notFound .container .wrap .content .bg { background: url(/includes/css/../images/notFoundImg.png) no-repeat center center; display: block; width: 100%; min-height: 320px; position: relative; top: 0; left: 0; } @media only screen and (max-width: 992px) { .notFound { padding: 50px 0; } } .pageCart .container .wrap h1 { font: 400 21px/21px "Roboto", sans-serif; color: #333333; margin-bottom: 45px; } .pageCart .container .wrap .cartTable .head { font-size: 0; line-height: 0; background-color: #eaeaea; padding: 13px 0; } .pageCart .container .wrap .cartTable .head .item { display: inline-block; vertical-align: middle; text-align: center; } .pageCart .container .wrap .cartTable .head .item span { display: inline-block; font: 400 14px/14px "Roboto", sans-serif; color: #283346; border-bottom: 1px dashed #8e949d; margin: 0 20px; } .pageCart .container .wrap .cartTable .head .item.name { width: 30%; } .pageCart .container .wrap .cartTable .head .item.name span { margin: 0 20px 0 50px; } .pageCart .container .wrap .cartTable .head .item.condition { width: 20%; } .pageCart .container .wrap .cartTable .head .item.stock { width: 10%; } .pageCart .container .wrap .cartTable .head .item.price { width: 10%; } .pageCart .container .wrap .cartTable .head .item.quantity { width: 15%; } .pageCart .container .wrap .cartTable .head .item.total { width: 15%; } .pageCart .container .wrap .cartTable .body .row { font-size: 0; line-height: 0; position: relative; z-index: 3; } .pageCart .container .wrap .cartTable .body .row .item { display: inline-block; vertical-align: middle; text-align: center; position: relative; } .pageCart .container .wrap .cartTable .body .row .item .mobileTitle { display: none; margin-bottom: 5px; font: 400 14px/14px "Roboto", sans-serif; color: #283346; } .pageCart .container .wrap .cartTable .body .row .item.name { width: 30%; } .pageCart .container .wrap .cartTable .body .row .item.name .image { position: absolute; top: 50%; left: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pageCart .container .wrap .cartTable .body .row .item.name .image a { text-decoration: none; } .pageCart .container .wrap .cartTable .body .row .item.name .image a img { height: auto; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser { text-align: left; padding-left: 115px; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser .model { display: inline-block; margin-bottom: 20px; padding: 3px 4px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #256eab; border-radius: 3px; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser a { display: block; margin-bottom: 15px; font: 400 14px/20px "Roboto", sans-serif; color: #283346; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser a:hover { color: #256eab; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser .brand { display: block; font: 400 12px/12px "Roboto", sans-serif; color: #256eab; } .pageCart .container .wrap .cartTable .body .row .item.condition { width: 20%; } .pageCart .container .wrap .cartTable .body .row .item.condition span { font: 400 14px/14px "Roboto", sans-serif; color: #f8bf45; } .pageCart .container .wrap .cartTable .body .row .item.condition span i { font-size: 16px; margin-right: 10px; } .pageCart .container .wrap .cartTable .body .row .item.stock { width: 9%; } .pageCart .container .wrap .cartTable .body .row .item.stock .count { display: block; margin-bottom: 10px; font: 500 14px/16px "Roboto", sans-serif; color: #000000; } .pageCart .container .wrap .cartTable .body .row .item.stock .numSklad { display: block; font: 400 14px/16px "Roboto", sans-serif; color: #8e949d; } .pageCart .container .wrap .cartTable .body .row .item.price { width: 11%; } .pageCart .container .wrap .cartTable .body .row .item.price .prices { display: block; font: 500 18px/18px "Roboto", sans-serif; color: #000000; } .pageCart .container .wrap .cartTable .body .row .item.price .prices i { display: inline-block; vertical-align: middle; font-size: 13px; color: #000000; } .pageCart .container .wrap .cartTable .body .row .item.quantity { width: 15%; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 10px auto; max-width: 136px; font-size: 0; line-height: 0; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys button { width: 38px; height: 45px; background-color: #ffffff; border: 1px solid #eaeaea; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys button:hover { background-color: #8e949d; color: #ffffff; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys input { max-width: 50px; height: 43px; border: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-align: center; } .pageCart .container .wrap .cartTable .body .row .item.quantity .qtys .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; font: 400 14px/24px "Roboto", sans-serif; color: #8e949d; } .pageCart .container .wrap .cartTable .body .row .item.quantity .pricesOpt li { list-style: none; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pageCart .container .wrap .cartTable .body .row .item.quantity .pricesOpt li span { display: inline-block; font: 400 12px/14px "Roboto", sans-serif; color: #8e949d; } .pageCart .container .wrap .cartTable .body .row .item.quantity .pricesOpt li span i { display: inline-block; vertical-align: middle; font-size: 11px; color: #8e949d; } .pageCart .container .wrap .cartTable .body .row .item.total { width: 15%; } .pageCart .container .wrap .cartTable .body .row .item.total .prices { display: block; font: 500 18px/18px "Roboto", sans-serif; color: #256eab; } .pageCart .container .wrap .cartTable .body .row .item.total .prices i { display: inline-block; vertical-align: middle; font-size: 13px; color: #256eab; } .pageCart .container .wrap .cartTable .body .row .item .wraps { padding: 25px 20px; } .pageCart .container .wrap .cartTable .body .row .closes { position: absolute; top: 10px; right: 10px; display: inline-block; width: 18px; height: 18px; overflow: hidden; } .pageCart .container .wrap .cartTable .body .row .closes:hover::before, .pageCart .container .wrap .cartTable .body .row .closes:hover::after { background: #f8bf45; } .pageCart .container .wrap .cartTable .body .row .closes::before, .pageCart .container .wrap .cartTable .body .row .closes::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #8e949d; } .pageCart .container .wrap .cartTable .body .row .closes::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageCart .container .wrap .cartTable .body .row .closes::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .pageCart .container .wrap .cartTable .body .row .closes.thick::before, .pageCart .container .wrap .cartTable .body .row .closes.thick::after { height: 2px; margin-top: -2px; } .pageCart .container .wrap .cartTable .body .row:nth-child(even) { background-color: #f8f8f8; } .pageCart .container .wrap .cartTable .foot { font-size: 0; line-height: 0; padding: 25px 0; } .pageCart .container .wrap .cartTable .foot .item { display: inline-block; vertical-align: middle; text-align: center; } .pageCart .container .wrap .cartTable .foot .item span { display: inline-block; font: 400 14px/14px "Roboto", sans-serif; color: #283346; margin: 0 20px; } .pageCart .container .wrap .cartTable .foot .item.name { width: 30%; } .pageCart .container .wrap .cartTable .foot .item.name span { margin: 0 20px 0 50px; } .pageCart .container .wrap .cartTable .foot .item.condition { width: 20%; } .pageCart .container .wrap .cartTable .foot .item.stock { width: 10%; } .pageCart .container .wrap .cartTable .foot .item.price { width: 10%; } .pageCart .container .wrap .cartTable .foot .item.quantity { width: 15%; } .pageCart .container .wrap .cartTable .foot .item.quantity.totalPrices span { font: 500 14px/21px "Roboto", sans-serif; color: #333333; } .pageCart .container .wrap .cartTable .foot .item.total { width: 15%; } .pageCart .container .wrap .cartTable .foot .item.total .prices { display: block; font: 500 18px/18px "Roboto", sans-serif; color: #256eab; } .pageCart .container .wrap .cartTable .foot .item.total .prices i { display: inline-block; vertical-align: middle; font-size: 13px; color: #256eab; } .pageCart .container .wrap .cartTable .promoCodes { text-align: right; margin-bottom: 50px; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps { display: inline-block; position: relative; padding-right: 160px; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps label { display: inline-block; vertical-align: middle; margin-right: 20px; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps input { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps .note { display: inline-block; max-width: 135px; position: absolute; top: 0; right: 0; font: 400 12px/14px "Roboto", sans-serif; color: #8e949d; text-align: left; } .pageCart .container .wrap .cartTable .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; } .pageCart .container .wrap .cartTable .btns a { display: inline-block; font: 400 16px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; padding: 11px 28px; border-radius: 3px; background-color: #f8bf45; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageCart .container .wrap .cartTable .btns a:hover { background-color: #283346; color: #ffffff; } .pageCart .container .wrap .cartTable .btns button { display: inline-block; border: 0 none; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 28px; border-radius: 3px; background-color: #256eab; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageCart .container .wrap .cartTable .btns button:hover { background-color: #283346; color: #ffffff; } @media only screen and (max-width: 992px) { .pageCart .container .wrap .cartTable .head .item.name span { margin: 0 10px 0 10px; } .pageCart .container .wrap .cartTable .body .row .item .wraps { padding: 15px 10px; } } @media only screen and (max-width: 860px) { .pageCart .container .wrap .cartTable .head { display: none; } .pageCart .container .wrap .cartTable .body { font-size: 0; line-height: 0; } .pageCart .container .wrap .cartTable .body .row { width: 49.5%; display: inline-block; vertical-align: top; } .pageCart .container .wrap .cartTable .body .row:nth-child(even) { border: 1px solid #f8f8f8; } .pageCart .container .wrap .cartTable .body .row:nth-child(odd) { border: 1px solid #eaeaea; } .pageCart .container .wrap .cartTable .body .row .item.name .image { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 20px; } .pageCart .container .wrap .cartTable .body .row .item.name .teaser { padding-left: 0; text-align: center; } .pageCart .container .wrap .cartTable .body .row .item .mobileTitle { display: block; } .pageCart .container .wrap .cartTable .body .row .item.name { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item.condition { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item.stock { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item.price { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item.quantity { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item.quantity .pricesOpt { max-width: 130px; margin: 0 auto; } .pageCart .container .wrap .cartTable .body .row .item.total { width: 100%; } .pageCart .container .wrap .cartTable .foot .item.name { display: none; } .pageCart .container .wrap .cartTable .foot .item.condition { display: none; } .pageCart .container .wrap .cartTable .foot .item.stock { display: none; } .pageCart .container .wrap .cartTable .foot .item.price { display: none; } .pageCart .container .wrap .cartTable .foot .item.quantity { width: 50%; text-align: right; } .pageCart .container .wrap .cartTable .foot .item.total { width: 50%; text-align: left; } .pageCart .container .wrap .cartTable .promoCodes { text-align: center; } } @media only screen and (max-width: 480px) { .pageCart .container .wrap .cartTable .body .row { width: 100%; } .pageCart .container .wrap .cartTable .body .row .item .wraps { padding: 10px; } .pageCart .container .wrap .cartTable .foot .item.quantity { width: 100%; text-align: center; } .pageCart .container .wrap .cartTable .foot .item.total { width: 100%; text-align: center; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps { padding-right: 0; } .pageCart .container .wrap .cartTable .promoCodes .promoCodes_wraps .note { position: static; margin-left: 45px; margin-top: 10px; } .pageCart .container .wrap .cartTable .btns a { font-size: 12px; line-height: 12px; padding: 10px; } .pageCart .container .wrap .cartTable .btns button { font-size: 12px; line-height: 12px; padding: 10px; } } .defaultPage { overflow: hidden; background-color: #ffffff; padding-bottom: 120px; border-bottom: 1px solid #e9e9e9; } .defaultPage .container .wrap { font-size: 0; line-height: 0; margin: 0 -15px; } .defaultPage .container .wrap .col-left { width: 25%; display: inline-block; vertical-align: top; } .defaultPage .container .wrap .col-left .wraps { padding: 0 15px; } .defaultPage .container .wrap .col-left .wraps nav { margin-bottom: 30px; } .defaultPage .container .wrap .col-left .wraps nav h3 { font: 400 18px/21px "Roboto", sans-serif; color: #256eab; margin-bottom: 15px; } .defaultPage .container .wrap .col-left .wraps nav ul li { list-style: none; display: block; margin-bottom: 10px; } .defaultPage .container .wrap .col-left .wraps nav ul li a { font: 400 14px/16px "Roboto", sans-serif; color: #283346; text-decoration: none; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .defaultPage .container .wrap .col-left .wraps nav ul li a:hover { font-weight: 700; color: #283346; border-color: #283346; } .defaultPage .container .wrap .col-left .wraps nav ul li .count { display: inline-block; padding-left: 5px; font: 400 14px/16px "Roboto", sans-serif; color: #283346; } .defaultPage .container .wrap .col-left .wraps nav ul li.active a { font-weight: 700; color: #283346; border-color: #283346; } .defaultPage .container .wrap .col-left .wraps nav ul:last-child { margin-bottom: 0; } .defaultPage .container .wrap .col-left .wraps .banner { margin-bottom: 20px; } .defaultPage .container .wrap .col-left .wraps .banner a { text-decoration: none; display: block; } .defaultPage .container .wrap .col-left .wraps .banner a img { height: auto; } .defaultPage .container .wrap .col-right { width: 75%; display: inline-block; vertical-align: top; } .defaultPage .container .wrap .col-right .wraps { padding: 0 15px; } .defaultPage .container .wrap .col-right .wraps h1 { font: 700 20px/20px "Roboto", sans-serif; color: #333333; margin-bottom: 20px; } .defaultPage .container .wrap .col-right .wraps .title { margin-bottom: 25px; } .defaultPage .container .wrap .col-right .wraps .title h1 { font: 700 20px/20px "Roboto", sans-serif; color: #333333; display: inline-block; } .defaultPage .container .wrap .col-right .wraps .content { border: 1px solid #eaeaea; border-radius: 3px; background-color: #ffffff; margin-bottom: 30px; } .defaultPage .container .wrap .col-right .wraps .content .contentHead { padding: 25px; background-color: #f8f8f8; } .defaultPage .container .wrap .col-right .wraps .content .contentHead h3 { font: 700 18px/20px "Roboto", sans-serif; color: #256eab; } .defaultPage .container .wrap .col-right .wraps .content .contentHead h3 a{ text-decoration: none; color: #256eab; font: 700 18px/20px "Roboto", sans-serif; } .defaultPage .container .wrap .col-right .wraps .content .contentBody { padding: 25px; position: relative; } .defaultPage .container .wrap .col-right .wraps .content .contentBody p { font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery { font-size: 0; line-height: 0; margin-top: 25px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li { list-style: none; width: 50%; display: inline-block; vertical-align: top; margin-bottom: 40px; text-align: center; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a { display: inline-block; margin: 0 20px; text-decoration: none; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a img { display: block; height: auto; margin: 0 auto; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a span { display: inline-block; border-bottom: 1px dashed #256eab; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a:hover { color: #256eab; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo { font-size: 0; line-height: 0; margin: 0 -10px 0 -10px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li { list-style: none; width: 25%; display: inline-block; vertical-align: top; text-align: center; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li a { display: inline-block; margin: 0 10px; text-decoration: none; font: 400 14px/21px "Roboto", sans-serif; color: #283346; text-decoration: none; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li a i { color: #256eab; margin-right: 5px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li a img { display: inline-block; margin-right: 5px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li a:hover { color: #256eab; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti { font-size: 0; line-height: 0; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti li { list-style: none; display: block; vertical-align: top; text-align: left; margin-bottom: 15px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti li span { font: 400 14px/21px "Roboto", sans-serif; color: #283346; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti li span.keys { width: 50%; display: inline-block; vertical-align: middle; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti li span.values { width: 50%; display: inline-block; vertical-align: middle; } .defaultPage .container .wrap .col-right .wraps .content .downloadPdf { margin-top: 40px; font: 400 14px/20px "Roboto", sans-serif; color: #256eab; text-decoration: none; } .defaultPage .container .wrap .col-right .wraps .content .downloadPdf img { display: inline-block; vertical-align: middle; border-bottom: 1px dashed #256eab; margin-right: 15px; margin-top: 20px; } .defaultPage .container .wrap .col-right .wraps .content .downloadPdf span { border-bottom: 1px dashed #256eab; } @media only screen and (max-width: 1200px) { .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li a { font-size: 12px; } } @media only screen and (max-width: 992px) { .defaultPage { padding-bottom: 20px; } .defaultPage .container .wrap .col-left .wraps h2 { font-size: 16px; line-height: 18px; } .defaultPage .container .wrap .col-left .wraps nav h3 { font-size: 15px; line-height: 18px; } .defaultPage .container .wrap .col-left .wraps nav ul li a { font-size: 13px; } .defaultPage .container .wrap .col-right .wraps h1 { font-size: 16px; line-height: 20px; } .defaultPage .container .wrap .col-right .wraps .content .contentHead h3 { font-size: 15px; line-height: 20px; } .defaultPage .container .wrap .col-right .wraps .content .contentHead { padding: 15px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody { padding: 15px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li { width: 33.333333%; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .defaultPage .container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .defaultPage .container .wrap .col-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; display: none; } .defaultPage .container .wrap .col-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 0; } .defaultPage .container .wrap .col-left .wraps nav { width: 33.333333%; display: inline-block; vertical-align: top; } .defaultPage.myCabinet .container .wrap .col-left { display: block; } .defaultPage.myCabinet .container .wrap .col-left .wraps { padding: 0; } .defaultPage.myCabinet .container .wrap .col-right { display: none; } .defaultPage.myCabinet .container .wrap .col-left .wraps h2 { display: none; } .defaultPage .container .wrap .col-left .wraps nav { width: 100%; margin-bottom: 0; } .defaultPage.myCabinet .container .wrap .col-left .wraps nav h3 { font: 400 14px/14px "Roboto", sans-serif; color: #283346; border: 0 none; border-bottom: 1px solid #ececec; padding: 18px 15px; margin-bottom: 0; } .defaultPage .container .wrap .col-eft .wraps nav ul li { border-bottom: 1px solid #ececec; padding: 18px 15px; margin-bottom: 0; position: relative; } .defaultPage .container .wrap .col-eft .wraps nav ul li:after { content: ""; border: solid #283346; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; position: absolute; top: 22px; right: 15px; } .defaultPage .container .wrap .col-left .wraps nav ul li a { font: 400 12px/12px "Roboto", sans-serif; color: #283346; border: 0 none; } .defaultPage .container .wrap .col-left .wraps nav ul li .count { color: #256eab; } .defaultPage .container .wrap .col-right .wraps .content .contentHead { padding: 0; background-color: transparent; margin-bottom: 20px; } .defaultPage .container .wrap .col-right .wraps .content .contentHead h3 { font-size: 14px; font-weight: 400; color: #283346; } .defaultPage .container .wrap .col-right .wraps .content .contentBody { padding: 0; } .defaultPage .container .wrap .col-right .wraps .content { border: 0 none; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.contactInfo li { width: 50%; margin-bottom: 20px; text-align: left; } } @media only screen and (max-width: 580px) { .defaultPage .container .wrap .col-left .wraps nav { width: 50%; } .defaultPage .container .wrap .col-right .wraps .content .contentBody p { font-size: 10px; line-height: 14px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.rekviziti li span { font-size: 10px; line-height: 12px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery { margin: 25px -10px 0 -10px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a { margin: 0 10px; } .defaultPage .container .wrap .col-right .wraps .content .contentBody ul.methodDelivery li a { font-size: 10px; } } @media only screen and (max-width: 340px) { .defaultPage .container .wrap .col-left .wraps nav { width: 100%; } } .pageOrder { margin-bottom: 100px; } .pageOrder .container .wrap .step1 { font-size: 0; line-height: 0; margin: 0 -35px; } .pageOrder .container .wrap .step1 .col-left { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 50px; } .pageOrder .container .wrap .step1 .col-left .wraps { padding: 0 35px; } .pageOrder .container .wrap .step1 .col-left .wraps h2 { font: 700 18px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .pageOrder .container .wrap .step1 .col-right { width: 50%; display: inline-block; vertical-align: top; margin-bottom: 50px; } .pageOrder .container .wrap .step1 .col-right .wraps { padding: 0 35px; } .pageOrder .container .wrap .step1 .col-right .wraps h2 { font: 700 18px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .pageOrder .container .wrap .step2 { font-size: 0; line-height: 0; } .pageOrder .container .wrap .step2 .paymentMethod { margin-bottom: 75px; } .pageOrder .container .wrap .step2 .paymentMethod h2 { font: 700 18px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps { padding: 50px 70px; border-radius: 5px; background-color: #f8f8f8; border: 1px solid #c1c6cd; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps h3 { font: 500 14px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item { margin-bottom: 40px; min-width: 265px; max-width: 265px; position: relative; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .image-icon { position: absolute; top: -10px; left: 300px; display: inline-block; height: auto; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel { display: block; position: relative; padding-left: 40px; cursor: pointer; font: 500 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel input.checker { position: absolute; opacity: 0; cursor: pointer; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel input.checker:checked ~ .checkmark { background-color: #ffffff; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel input.checker:checked ~ .checkmark:after { display: block; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #a5a5a5; border-radius: 2px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .checkboxsLabel .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #256eab; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item.details { max-width: 100%; margin-bottom: 0; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms { padding-left: 35px; margin-top: 40px; width: 100%; max-width: 700px; display: none; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item { margin-bottom: 15px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item.filesItem { margin: 30px 0; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .title { font: 500 14px/21px "Roboto", sans-serif; color: #283346; display: inline-block; vertical-align: middle; text-align: right; padding-right: 30px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .title a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: none; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .title a:hover { color: #283346; border-color: #283346; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: auto; cursor: pointer; display: inline-block; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps button { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 23px; border-radius: 3px; margin-right: 0; margin-bottom: 0; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps button:hover { background-color: #283346; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd { display: inline-block; position: relative; height: 35px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd #text { padding: 10px; cursor: pointer; -webkit-transition: background-color 200ms ease 0s; -o-transition: background-color 200ms ease 0s; transition: background-color 200ms ease 0s; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd #text .text { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; display: inline-block; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd #text .load { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; display: inline-block; margin-left: 15px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd #text.dragover { background-color: #e6e7e8; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .fileuploadd:hover #text { background-color: rgba(230, 231, 232, 0.45); } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .notes { font: 400 14px/18px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod { margin-bottom: 75px; } .pageOrder .container .wrap .step2 .deliveryMethod h2 { font: 700 18px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 40px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps h3 { font: 500 14px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsLinks .tabs-link { width: 33.3333333%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps { font: 500 14px/30px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps a { color: #256eab; text-decoration: none; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item { margin-bottom: 40px; position: relative; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .image-icon { display: inline-block; vertical-align: top; height: auto; margin-right: 25px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel { display: inline-block; vertical-align: top; position: relative; padding-left: 40px; cursor: pointer; font: 500 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel a { color: #256eab; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel a:hover { color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel input.checker { position: absolute; opacity: 0; cursor: pointer; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel input.checker:checked ~ .checkmark { background-color: #ffffff; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel input.checker:checked ~ .checkmark:after { display: block; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: 1px solid #a5a5a5; border-radius: 2px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .checkboxsLabel .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 5px; height: 10px; border: solid #256eab; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item.details { max-width: 100%; margin-bottom: 0; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown { padding-left: 100px; margin-top: 50px; display: none; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown h3 { padding-left: 40px; margin-bottom: 15px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .checkboxsLabel { display: block; margin-bottom: 15px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther { max-width: 255px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther h3 { font: 500 14px/18px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item { margin-bottom: 35px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item label { display: block; font: 400 14px/14px "Roboto", sans-serif; color: #283346; margin-bottom: 10px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item input:focus { border-color: #f8bf45; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 { max-width: 300px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection { border-color: #eaeaea; height: 33px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection .select2-selection__rendered { font: 400 14px/33px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/33px "Roboto", sans-serif; color: #283346; display: block; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection .select2-selection__arrow { height: 33px; right: 10px; top: -5px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2 .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .listOther .listOther-item .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border: solid #333333; border-width: 0 2px 2px 0; display: inline-block; padding: 3.3px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms { font-size: 0; line-height: 0; margin: 25px -15px 0 -15px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsLeft { width: 55%; display: inline-block; vertical-align: top; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsRight { width: 45%; display: inline-block; vertical-align: top; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item { margin-bottom: 15px; width: 100%; display: inline-block; vertical-align: top; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item.w-50 { width: 50%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item.w-33 { width: 33.333333%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps { padding: 0 15px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps input:focus { border-color: #f8bf45; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 100%; min-height: 185px; display: inline-block; vertical-align: middle; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps textarea:focus { border-color: #f8bf45; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps button { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 23px; border-radius: 3px; margin-right: 0; margin-bottom: 0; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item .forms_item_wraps button:hover { background-color: #283346; } .pageOrder .container .wrap .step3 { max-width: 570px; padding: 100px 0; } .pageOrder .container .wrap .step3 .orderSuccess .head { border-bottom: 1px solid #eaeaea; padding-bottom: 40px; margin-bottom: 50px; } .pageOrder .container .wrap .step3 .orderSuccess .head h2 { font: 700 18px/26px "Roboto", sans-serif; color: #283346; margin-bottom: 30px; } .pageOrder .container .wrap .step3 .orderSuccess .head p { font: 400 14px/30px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step3 .orderSuccess .result { max-width: 300px; margin-bottom: 100px; } .pageOrder .container .wrap .step3 .orderSuccess .result ul li { list-style: none; margin-bottom: 20px; font-size: 0; line-height: 0; } .pageOrder .container .wrap .step3 .orderSuccess .result ul li .key { width: 70%; display: inline-block; vertical-align: middle; font: 400 14px/18px "Roboto", sans-serif; color: #283346; } .pageOrder .container .wrap .step3 .orderSuccess .result ul li .key i { font-style: normal; border-bottom: 1px dashed #8e949d; } .pageOrder .container .wrap .step3 .orderSuccess .result ul li .value { width: 30%; display: inline-block; vertical-align: middle; font: 400 14px/18px "Roboto", sans-serif; color: #283346; text-align: right; } .pageOrder .container .wrap .step3 .btns .btns_wraps { padding: 0; } .pageOrder .btns .btns_wraps { padding: 0 35px; text-align: right; } .pageOrder .btns .btns_wraps a { display: inline-block; vertical-align: middle; margin-right: 50px; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .btns .btns_wraps a:hover { color: #283346; border-color: #283346; } .pageOrder .btns .btns_wraps .btn { display: inline-block; vertical-align: middle; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 27px; cursor: pointer; background-color: #256eab; border: 0 none; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .btns .btns_wraps .btn:hover { background-color: #283346; } .pageOrder .tabs .tabsLinks { margin: 0 -5px; } .pageOrder .tabs .tabsLinks .tabs-link { width: 49%; display: inline-block; text-align: center; margin-top: -1px; } .pageOrder .tabs .tabsLinks .tabs-link:first-child {float:left;} .pageOrder .tabs .tabsLinks .tabs-link:nth-child(2) {float:right;} .pageOrder .tabs .tabsLinks .tabs-link.active a { background-color: #f8f8f8; } .pageOrder .tabs .tabsLinks .tabs-link.active a:after { opacity: 1; visibility: visible; } .pageOrder .tabs .tabsLinks .tabs-link a { font: 400 14px/14px "Roboto", sans-serif; color: #283346; text-decoration: none; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #c1c6cd; padding: 12px 12px; margin: 0 5px; position: relative; top: 1px; } .pageOrder .tabs .tabsLinks .tabs-link a:hover { color: #256eab; } .pageOrder .tabs .tabsLinks .tabs-link a:after { position: absolute; content: ""; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #f8f8f8; z-index: 123; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .tabs .tabsContents { clear:both; position: relative; } .pageOrder .tabs .tabsContents .tabs-content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .tabs .tabsContents .tabs-content.active { position: static; opacity: 1; visibility: visible; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps { padding: 35px 50px; min-height: 200px; background-color: #f8f8f8; border: 1px solid #c1c6cd; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item { width: 100%; margin-bottom: 13px; display: inline-block; vertical-align: top; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item.w-50 { width: 50%; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps { padding: 0 8px; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; padding: 0 15px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; font: 400 14px/24px "Roboto", sans-serif; color: #c1c6cd; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps input:focus { border-color: #f8bf45; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps .btn { width: 100%; display: block; margin-bottom: 18px; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 27px; cursor: pointer; background-color: #256eab; border: 0 none; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps .btn:hover { background-color: #283346; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps a { display: inline-block; font: 400 14px/14px "Roboto", sans-serif; color: #256eab; text-decoration: none; border-bottom: 1px dashed #8e949d; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps a:hover { color: #283346; border-color: #283346; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .notes { display: block; padding-left: 8px; font: 400 12px/16px "Roboto", sans-serif; color: #c1c6cd; } @media only screen and (max-width: 992px) { .pageOrder .container .wrap .step1 { margin: 0 -15px; } .pageOrder .container .wrap .step1 .col-left .wraps { padding: 0 15px; } .pageOrder .container .wrap .step1 .col-right .wraps { padding: 0 15px; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps { padding: 20px; } .pageOrder .container .wrap .step1 .btns .btns_wraps { padding: 0 15px; } .pageOrder .container .wrap .step2 .btns .btns_wraps { padding: 0; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps { padding: 20px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms { padding-left: 0; max-width: 100%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .image-icon { display: block; margin-bottom: 15px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown { margin-top: 30px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown { padding-left: 60px; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item.w-33 { width: 50%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsRight .forms_item { width: 50%; } } @media only screen and (max-width: 700px) { .pageOrder .container .wrap .step1 .col-left { width: 100%; } .pageOrder .container .wrap .step1 .col-right { width: 100%; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item.w-50 { width: 100%; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps { padding: 10px; } .pageOrder .tabs .tabsLinks .tabs-link a { font-size: 12px; } .pageOrder .container .wrap .step1 .btns .btns_wraps { text-align: left; } .pageOrder .container .wrap .step1 .btns .btns_wraps a { margin-bottom: 15px; } .pageOrder .container .wrap .step1 .btns .btns_wraps .btn { display: block; } .pageOrder .container .wrap .step2 .btns .btns_wraps { text-align: left; } .pageOrder .container .wrap .step2 .btns .btns_wraps a { margin-bottom: 15px; } .pageOrder .container .wrap .step2 .btns .btns_wraps .btn { display: block; } .pageOrder .container .wrap .step3 .btns .btns_wraps { text-align: left; } .pageOrder .container .wrap .step3 .btns .btns_wraps a { margin-bottom: 15px; } .pageOrder .container .wrap .step3 .btns .btns_wraps .btn { display: block; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item { margin-bottom: 25px; min-width: 100%; max-width: 100%; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .image-icon { position: static; display: block; margin-top: 15px; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps { display: block; } .pageOrder .container .wrap .step2 .paymentMethod .paymentMethod_wraps .item .forms .forms_item .forms_item_wraps .title { display: block; text-align: left; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown { padding-left: 0; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item.w-33 { width: 100%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .forms_item.w-50 { width: 100%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsRight .forms_item { width: 100%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsLeft { width: 100%; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsContents .tabs-content .tabs-content-wraps .item .dropDown .forms .formsRight { width: 100%; } .pageOrder .container .wrap .step3 { padding: 10px 0; } .pageOrder .container .wrap .step3 .orderSuccess .head { padding-bottom: 20px; margin-bottom: 30px; } .pageOrder .container .wrap .step3 .orderSuccess .head p { line-height: 20px; } .pageOrder .container .wrap .step3 .orderSuccess .result { margin-bottom: 50px; } } @media only screen and (max-width: 420px) { .pageOrder .tabs .tabsLinks .tabs-link { vertical-align: top; } .pageOrder .tabs .tabsLinks .tabs-link a { min-height: 30px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } /* Slider */ .slick-loading .slick-list { background: #fff url("/includes/css/./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/includes/css/./fonts/slick.eot"); src: url("/includes/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/includes/css/./fonts/slick.woff") format("woff"), url("/includes/css/./fonts/slick.ttf") format("truetype"), url("/includes/css/./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #283346; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 25px; height: 14px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #ffffff; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } /* * 3DX */ .hamburger--3dx .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 50px; perspective: 50px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(45deg); transform: translate3d(0, -6px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 6px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 12px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(135deg); transform: translate3d(0, 6px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(-270deg); transform: translate3d(0, -12px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 6px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 12px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(-135deg); transform: translate3d(0, 6px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(270deg); transform: translate3d(0, -12px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 6px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -50px; top: -50px; -webkit-transform: translate3d(50px, 50px, 0) rotate(45deg); transform: translate3d(50px, 50px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -50px; top: -50px; -webkit-transform: translate3d(-50px, 50px, 0) rotate(-45deg); transform: translate3d(-50px, 50px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 6px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -50px; top: 50px; -webkit-transform: translate3d(50px, -50px, 0) rotate(-45deg); transform: translate3d(50px, -50px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -50px; top: 50px; -webkit-transform: translate3d(-50px, -50px, 0) rotate(45deg); transform: translate3d(-50px, -50px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; -o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 6px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 12px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0); transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg); transform: translate3d(0, -12px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1px; } .hamburger--slider-r .hamburger-inner::before { top: 6px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 12px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg); transform: translate3d(0, 6px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(3.57143px, -4px, 0); transform: rotate(45deg) translate3d(3.57143px, -4px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -12px, 0) rotate(90deg); transform: translate3d(0, -12px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1px; -webkit-transition: background-color 0s 0.13s linear; -o-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 6px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg); transform: translate3d(0, 6px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -ms-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -ms-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; 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; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /*! * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blind:before { content: "\f29d"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-open:before { content: "\f518"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-certificate:before { content: "\f0a3"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-concierge-bell:before { content: "\f562"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-credit-card:before { content: "\f09d"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-deviantart:before { content: "\f1bd"; } .fa-diagnoses:before { content: "\f470"; } .fa-dice:before { content: "\f522"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-gift:before { content: "\f06b"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hashtag:before { content: "\f292"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-houzz:before { content: "\f27c"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mercury:before { content: "\f223"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-old-republic:before { content: "\f510"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-people-carry:before { content: "\f4ce"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poo:before { content: "\f2fe"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-r-project:before { content: "\f4f7"; } .fa-random:before { content: "\f074"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-rendact:before { content: "\f3e4"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-retweet:before { content: "\f079"; } .fa-ribbon:before { content: "\f4d6"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-search:before { content: "\f002"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skull:before { content: "\f54c"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowflake:before { content: "\f2dc"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toolbox:before { content: "\f552"; } .fa-tooth:before { content: "\f5c9"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-train:before { content: "\f238"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-moving:before { content: "\f4df"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("/includes/css/../webfonts/fa-brands-400.eot"); src: url("/includes/css/../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/includes/css/../webfonts/fa-brands-400.woff2") format("woff2"), url("/includes/css/../webfonts/fa-brands-400.woff") format("woff"), url("/includes/css/../webfonts/fa-brands-400.ttf") format("truetype"), url("/includes/css/../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; src: url("/includes/css/../webfonts/fa-regular-400.eot"); src: url("/includes/css/../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/includes/css/../webfonts/fa-regular-400.woff2") format("woff2"), url("/includes/css/../webfonts/fa-regular-400.woff") format("woff"), url("/includes/css/../webfonts/fa-regular-400.ttf") format("truetype"), url("/includes/css/../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("/includes/css/../webfonts/fa-solid-900.eot"); src: url("/includes/css/../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/includes/css/../webfonts/fa-solid-900.woff2") format("woff2"), url("/includes/css/../webfonts/fa-solid-900.woff") format("woff"), url("/includes/css/../webfonts/fa-solid-900.ttf") format("truetype"), url("/includes/css/../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*! * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa.fa-glass:before { content: "\f000"; } .fa.fa-meetup { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-star-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-o:before { content: "\f005"; } .fa.fa-remove:before { content: "\f00d"; } .fa.fa-close:before { content: "\f00d"; } .fa.fa-gear:before { content: "\f013"; } .fa.fa-trash-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-trash-o:before { content: "\f2ed"; } .fa.fa-file-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-o:before { content: "\f15b"; } .fa.fa-clock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-clock-o:before { content: "\f017"; } .fa.fa-arrow-circle-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-down:before { content: "\f358"; } .fa.fa-arrow-circle-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-up:before { content: "\f35b"; } .fa.fa-play-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-play-circle-o:before { content: "\f144"; } .fa.fa-repeat:before { content: "\f01e"; } .fa.fa-rotate-right:before { content: "\f01e"; } .fa.fa-refresh:before { content: "\f021"; } .fa.fa-list-alt { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-dedent:before { content: "\f03b"; } .fa.fa-video-camera:before { content: "\f03d"; } .fa.fa-picture-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-picture-o:before { content: "\f03e"; } .fa.fa-photo { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-photo:before { content: "\f03e"; } .fa.fa-image { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-image:before { content: "\f03e"; } .fa.fa-pencil:before { content: "\f303"; } .fa.fa-map-marker:before { content: "\f3c5"; } .fa.fa-pencil-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-pencil-square-o:before { content: "\f044"; } .fa.fa-share-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-share-square-o:before { content: "\f14d"; } .fa.fa-check-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-check-square-o:before { content: "\f14a"; } .fa.fa-arrows:before { content: "\f0b2"; } .fa.fa-times-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-circle-o:before { content: "\f057"; } .fa.fa-check-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-check-circle-o:before { content: "\f058"; } .fa.fa-mail-forward:before { content: "\f064"; } .fa.fa-eye { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-eye-slash { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-warning:before { content: "\f071"; } .fa.fa-calendar:before { content: "\f073"; } .fa.fa-arrows-v:before { content: "\f338"; } .fa.fa-arrows-h:before { content: "\f337"; } .fa.fa-bar-chart { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bar-chart:before { content: "\f080"; } .fa.fa-bar-chart-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bar-chart-o:before { content: "\f080"; } .fa.fa-twitter-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gears:before { content: "\f085"; } .fa.fa-thumbs-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-thumbs-o-up:before { content: "\f164"; } .fa.fa-thumbs-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-thumbs-o-down:before { content: "\f165"; } .fa.fa-heart-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-heart-o:before { content: "\f004"; } .fa.fa-sign-out:before { content: "\f2f5"; } .fa.fa-linkedin-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linkedin-square:before { content: "\f08c"; } .fa.fa-thumb-tack:before { content: "\f08d"; } .fa.fa-external-link:before { content: "\f35d"; } .fa.fa-sign-in:before { content: "\f2f6"; } .fa.fa-github-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-lemon-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-lemon-o:before { content: "\f094"; } .fa.fa-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-square-o:before { content: "\f0c8"; } .fa.fa-bookmark-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bookmark-o:before { content: "\f02e"; } .fa.fa-twitter { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook:before { content: "\f39e"; } .fa.fa-facebook-f { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-f:before { content: "\f39e"; } .fa.fa-github { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-credit-card { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-feed:before { content: "\f09e"; } .fa.fa-hdd-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hdd-o:before { content: "\f0a0"; } .fa.fa-hand-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-right:before { content: "\f0a4"; } .fa.fa-hand-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-left:before { content: "\f0a5"; } .fa.fa-hand-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-up:before { content: "\f0a6"; } .fa.fa-hand-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-o-down:before { content: "\f0a7"; } .fa.fa-arrows-alt:before { content: "\f31e"; } .fa.fa-group:before { content: "\f0c0"; } .fa.fa-chain:before { content: "\f0c1"; } .fa.fa-scissors:before { content: "\f0c4"; } .fa.fa-files-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-files-o:before { content: "\f0c5"; } .fa.fa-floppy-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-floppy-o:before { content: "\f0c7"; } .fa.fa-navicon:before { content: "\f0c9"; } .fa.fa-reorder:before { content: "\f0c9"; } .fa.fa-pinterest { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pinterest-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus:before { content: "\f0d5"; } .fa.fa-money { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-money:before { content: "\f3d1"; } .fa.fa-unsorted:before { content: "\f0dc"; } .fa.fa-sort-desc:before { content: "\f0dd"; } .fa.fa-sort-asc:before { content: "\f0de"; } .fa.fa-linkedin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linkedin:before { content: "\f0e1"; } .fa.fa-rotate-left:before { content: "\f0e2"; } .fa.fa-legal:before { content: "\f0e3"; } .fa.fa-tachometer:before { content: "\f3fd"; } .fa.fa-dashboard:before { content: "\f3fd"; } .fa.fa-comment-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-comment-o:before { content: "\f075"; } .fa.fa-comments-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-comments-o:before { content: "\f086"; } .fa.fa-flash:before { content: "\f0e7"; } .fa.fa-clipboard { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paste { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paste:before { content: "\f328"; } .fa.fa-lightbulb-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-lightbulb-o:before { content: "\f0eb"; } .fa.fa-exchange:before { content: "\f362"; } .fa.fa-cloud-download:before { content: "\f381"; } .fa.fa-cloud-upload:before { content: "\f382"; } .fa.fa-bell-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bell-o:before { content: "\f0f3"; } .fa.fa-cutlery:before { content: "\f2e7"; } .fa.fa-file-text-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-text-o:before { content: "\f15c"; } .fa.fa-building-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-building-o:before { content: "\f1ad"; } .fa.fa-hospital-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hospital-o:before { content: "\f0f8"; } .fa.fa-tablet:before { content: "\f3fa"; } .fa.fa-mobile:before { content: "\f3cd"; } .fa.fa-mobile-phone:before { content: "\f3cd"; } .fa.fa-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-circle-o:before { content: "\f111"; } .fa.fa-mail-reply:before { content: "\f3e5"; } .fa.fa-github-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-folder-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-folder-o:before { content: "\f07b"; } .fa.fa-folder-open-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-folder-open-o:before { content: "\f07c"; } .fa.fa-smile-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-smile-o:before { content: "\f118"; } .fa.fa-frown-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-frown-o:before { content: "\f119"; } .fa.fa-meh-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-meh-o:before { content: "\f11a"; } .fa.fa-keyboard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-keyboard-o:before { content: "\f11c"; } .fa.fa-flag-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-flag-o:before { content: "\f024"; } .fa.fa-mail-reply-all:before { content: "\f122"; } .fa.fa-star-half-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-o:before { content: "\f089"; } .fa.fa-star-half-empty { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-empty:before { content: "\f089"; } .fa.fa-star-half-full { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-star-half-full:before { content: "\f089"; } .fa.fa-code-fork:before { content: "\f126"; } .fa.fa-chain-broken:before { content: "\f127"; } .fa.fa-shield:before { content: "\f3ed"; } .fa.fa-calendar-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-o:before { content: "\f133"; } .fa.fa-maxcdn { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-html5 { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-css3 { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ticket:before { content: "\f3ff"; } .fa.fa-minus-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-minus-square-o:before { content: "\f146"; } .fa.fa-level-up:before { content: "\f3bf"; } .fa.fa-level-down:before { content: "\f3be"; } .fa.fa-pencil-square:before { content: "\f14b"; } .fa.fa-external-link-square:before { content: "\f360"; } .fa.fa-compass { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-down:before { content: "\f150"; } .fa.fa-toggle-down { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-down:before { content: "\f150"; } .fa.fa-caret-square-o-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-up:before { content: "\f151"; } .fa.fa-toggle-up { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-up:before { content: "\f151"; } .fa.fa-caret-square-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-right:before { content: "\f152"; } .fa.fa-toggle-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-right:before { content: "\f152"; } .fa.fa-eur:before { content: "\f153"; } .fa.fa-euro:before { content: "\f153"; } .fa.fa-gbp:before { content: "\f154"; } .fa.fa-usd:before { content: "\f155"; } .fa.fa-dollar:before { content: "\f155"; } .fa.fa-inr:before { content: "\f156"; } .fa.fa-rupee:before { content: "\f156"; } .fa.fa-jpy:before { content: "\f157"; } .fa.fa-cny:before { content: "\f157"; } .fa.fa-rmb:before { content: "\f157"; } .fa.fa-yen:before { content: "\f157"; } .fa.fa-rub:before { content: "\f158"; } .fa.fa-ruble:before { content: "\f158"; } .fa.fa-rouble:before { content: "\f158"; } .fa.fa-krw:before { content: "\f159"; } .fa.fa-won:before { content: "\f159"; } .fa.fa-btc { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitcoin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitcoin:before { content: "\f15a"; } .fa.fa-file-text:before { content: "\f15c"; } .fa.fa-sort-alpha-asc:before { content: "\f15d"; } .fa.fa-sort-alpha-desc:before { content: "\f15e"; } .fa.fa-sort-amount-asc:before { content: "\f160"; } .fa.fa-sort-amount-desc:before { content: "\f161"; } .fa.fa-sort-numeric-asc:before { content: "\f162"; } .fa.fa-sort-numeric-desc:before { content: "\f163"; } .fa.fa-youtube-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-xing { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-xing-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube-play { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-youtube-play:before { content: "\f167"; } .fa.fa-dropbox { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stack-overflow { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-instagram { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-flickr { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-adn { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bitbucket-square:before { content: "\f171"; } .fa.fa-tumblr { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-tumblr-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-long-arrow-down:before { content: "\f309"; } .fa.fa-long-arrow-up:before { content: "\f30c"; } .fa.fa-long-arrow-left:before { content: "\f30a"; } .fa.fa-long-arrow-right:before { content: "\f30b"; } .fa.fa-apple { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-windows { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-android { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-linux { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-dribbble { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-skype { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-foursquare { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-trello { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gratipay { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gittip { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gittip:before { content: "\f184"; } .fa.fa-sun-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sun-o:before { content: "\f185"; } .fa.fa-moon-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-moon-o:before { content: "\f186"; } .fa.fa-vk { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-weibo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-renren { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pagelines { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stack-exchange { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-arrow-circle-o-right { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-right:before { content: "\f35a"; } .fa.fa-arrow-circle-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-arrow-circle-o-left:before { content: "\f359"; } .fa.fa-caret-square-o-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-caret-square-o-left:before { content: "\f191"; } .fa.fa-toggle-left { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-toggle-left:before { content: "\f191"; } .fa.fa-dot-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-dot-circle-o:before { content: "\f192"; } .fa.fa-vimeo-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-try:before { content: "\f195"; } .fa.fa-turkish-lira:before { content: "\f195"; } .fa.fa-plus-square-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-plus-square-o:before { content: "\f0fe"; } .fa.fa-slack { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wordpress { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-openid { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-institution:before { content: "\f19c"; } .fa.fa-bank:before { content: "\f19c"; } .fa.fa-mortar-board:before { content: "\f19d"; } .fa.fa-yahoo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stumbleupon-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-stumbleupon { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-delicious { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-digg { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper-pp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-drupal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-joomla { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-spoon:before { content: "\f2e5"; } .fa.fa-behance { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-behance-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-steam { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-steam-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-automobile:before { content: "\f1b9"; } .fa.fa-cab:before { content: "\f1ba"; } .fa.fa-envelope-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-envelope-o:before { content: "\f0e0"; } .fa.fa-deviantart { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-soundcloud { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-file-pdf-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-pdf-o:before { content: "\f1c1"; } .fa.fa-file-word-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-word-o:before { content: "\f1c2"; } .fa.fa-file-excel-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-excel-o:before { content: "\f1c3"; } .fa.fa-file-powerpoint-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-powerpoint-o:before { content: "\f1c4"; } .fa.fa-file-image-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-image-o:before { content: "\f1c5"; } .fa.fa-file-photo-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-photo-o:before { content: "\f1c5"; } .fa.fa-file-picture-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-picture-o:before { content: "\f1c5"; } .fa.fa-file-archive-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-archive-o:before { content: "\f1c6"; } .fa.fa-file-zip-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-zip-o:before { content: "\f1c6"; } .fa.fa-file-audio-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-audio-o:before { content: "\f1c7"; } .fa.fa-file-sound-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-sound-o:before { content: "\f1c7"; } .fa.fa-file-video-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-video-o:before { content: "\f1c8"; } .fa.fa-file-movie-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-movie-o:before { content: "\f1c8"; } .fa.fa-file-code-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-file-code-o:before { content: "\f1c9"; } .fa.fa-vine { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-codepen { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-jsfiddle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-life-ring { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-bouy { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-bouy:before { content: "\f1cd"; } .fa.fa-life-buoy { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-buoy:before { content: "\f1cd"; } .fa.fa-life-saver { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-life-saver:before { content: "\f1cd"; } .fa.fa-support { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-support:before { content: "\f1cd"; } .fa.fa-circle-o-notch:before { content: "\f1ce"; } .fa.fa-rebel { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ra { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ra:before { content: "\f1d0"; } .fa.fa-resistance { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-resistance:before { content: "\f1d0"; } .fa.fa-empire { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ge { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ge:before { content: "\f1d1"; } .fa.fa-git-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-git { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-hacker-news { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator-square:before { content: "\f1d4"; } .fa.fa-yc-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc-square:before { content: "\f1d4"; } .fa.fa-tencent-weibo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-qq { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-weixin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wechat { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wechat:before { content: "\f1d7"; } .fa.fa-send:before { content: "\f1d8"; } .fa.fa-paper-plane-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-paper-plane-o:before { content: "\f1d8"; } .fa.fa-send-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-send-o:before { content: "\f1d8"; } .fa.fa-circle-thin { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-circle-thin:before { content: "\f111"; } .fa.fa-header:before { content: "\f1dc"; } .fa.fa-sliders:before { content: "\f1de"; } .fa.fa-futbol-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-futbol-o:before { content: "\f1e3"; } .fa.fa-soccer-ball-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-soccer-ball-o:before { content: "\f1e3"; } .fa.fa-slideshare { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-twitch { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yelp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-newspaper-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-newspaper-o:before { content: "\f1ea"; } .fa.fa-paypal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-wallet { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-visa { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-mastercard { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-discover { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-amex { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-paypal { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-stripe { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bell-slash-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-bell-slash-o:before { content: "\f1f6"; } .fa.fa-trash:before { content: "\f2ed"; } .fa.fa-copyright { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-eyedropper:before { content: "\f1fb"; } .fa.fa-area-chart:before { content: "\f1fe"; } .fa.fa-pie-chart:before { content: "\f200"; } .fa.fa-line-chart:before { content: "\f201"; } .fa.fa-lastfm { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-lastfm-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ioxhost { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-angellist { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-cc:before { content: "\f20a"; } .fa.fa-ils:before { content: "\f20b"; } .fa.fa-shekel:before { content: "\f20b"; } .fa.fa-sheqel:before { content: "\f20b"; } .fa.fa-meanpath { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-meanpath:before { content: "\f2b4"; } .fa.fa-buysellads { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-connectdevelop { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-dashcube { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-forumbee { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-leanpub { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-sellsy { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-shirtsinbulk { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-simplybuilt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-skyatlas { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-diamond { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-diamond:before { content: "\f3a5"; } .fa.fa-intersex:before { content: "\f224"; } .fa.fa-facebook-official { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-facebook-official:before { content: "\f09a"; } .fa.fa-pinterest-p { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-whatsapp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-hotel:before { content: "\f236"; } .fa.fa-viacoin { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-medium { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-y-combinator { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yc:before { content: "\f23b"; } .fa.fa-optin-monster { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-opencart { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-expeditedssl { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-battery-4:before { content: "\f240"; } .fa.fa-battery:before { content: "\f240"; } .fa.fa-battery-3:before { content: "\f241"; } .fa.fa-battery-2:before { content: "\f242"; } .fa.fa-battery-1:before { content: "\f243"; } .fa.fa-battery-0:before { content: "\f244"; } .fa.fa-object-group { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-object-ungroup { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sticky-note-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-sticky-note-o:before { content: "\f249"; } .fa.fa-cc-jcb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-cc-diners-club { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-clone { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hourglass-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hourglass-o:before { content: "\f254"; } .fa.fa-hourglass-1:before { content: "\f251"; } .fa.fa-hourglass-2:before { content: "\f252"; } .fa.fa-hourglass-3:before { content: "\f253"; } .fa.fa-hand-rock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-rock-o:before { content: "\f255"; } .fa.fa-hand-grab-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-grab-o:before { content: "\f255"; } .fa.fa-hand-paper-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-paper-o:before { content: "\f256"; } .fa.fa-hand-stop-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-stop-o:before { content: "\f256"; } .fa.fa-hand-scissors-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-scissors-o:before { content: "\f257"; } .fa.fa-hand-lizard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-lizard-o:before { content: "\f258"; } .fa.fa-hand-spock-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-spock-o:before { content: "\f259"; } .fa.fa-hand-pointer-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-pointer-o:before { content: "\f25a"; } .fa.fa-hand-peace-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-hand-peace-o:before { content: "\f25b"; } .fa.fa-registered { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-creative-commons { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gg { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gg-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-tripadvisor { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-odnoklassniki { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-odnoklassniki-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-get-pocket { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wikipedia-w { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-safari { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-chrome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-firefox { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-opera { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-internet-explorer { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-television:before { content: "\f26c"; } .fa.fa-contao { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-500px { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-amazon { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-calendar-plus-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-plus-o:before { content: "\f271"; } .fa.fa-calendar-minus-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-minus-o:before { content: "\f272"; } .fa.fa-calendar-times-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-times-o:before { content: "\f273"; } .fa.fa-calendar-check-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-calendar-check-o:before { content: "\f274"; } .fa.fa-map-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-map-o:before { content: "\f279"; } .fa.fa-commenting { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-commenting:before { content: "\f4ad"; } .fa.fa-commenting-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-commenting-o:before { content: "\f4ad"; } .fa.fa-houzz { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-vimeo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-vimeo:before { content: "\f27d"; } .fa.fa-black-tie { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fonticons { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-reddit-alien { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-edge { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-credit-card-alt:before { content: "\f09d"; } .fa.fa-codiepie { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-modx { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fort-awesome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-usb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-product-hunt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-mixcloud { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-scribd { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pause-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-pause-circle-o:before { content: "\f28b"; } .fa.fa-stop-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-stop-circle-o:before { content: "\f28d"; } .fa.fa-bluetooth { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-bluetooth-b { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-gitlab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpbeginner { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpforms { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-envira { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wheelchair-alt { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wheelchair-alt:before { content: "\f368"; } .fa.fa-question-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-question-circle-o:before { content: "\f059"; } .fa.fa-volume-control-phone:before { content: "\f2a0"; } .fa.fa-asl-interpreting:before { content: "\f2a3"; } .fa.fa-deafness:before { content: "\f2a4"; } .fa.fa-hard-of-hearing:before { content: "\f2a4"; } .fa.fa-glide { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-glide-g { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-signing:before { content: "\f2a7"; } .fa.fa-viadeo { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-viadeo-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat-ghost { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-snapchat-square { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-pied-piper { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-first-order { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-yoast { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-themeisle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-official { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-official:before { content: "\f2b3"; } .fa.fa-google-plus-circle { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-google-plus-circle:before { content: "\f2b3"; } .fa.fa-font-awesome { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fa { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-fa:before { content: "\f2b4"; } .fa.fa-handshake-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-handshake-o:before { content: "\f2b5"; } .fa.fa-envelope-open-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-envelope-open-o:before { content: "\f2b6"; } .fa.fa-linode { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-address-book-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-address-book-o:before { content: "\f2b9"; } .fa.fa-vcard:before { content: "\f2bb"; } .fa.fa-address-card-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-address-card-o:before { content: "\f2bb"; } .fa.fa-vcard-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-vcard-o:before { content: "\f2bb"; } .fa.fa-user-circle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-user-circle-o:before { content: "\f2bd"; } .fa.fa-user-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-user-o:before { content: "\f007"; } .fa.fa-id-badge { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-drivers-license:before { content: "\f2c2"; } .fa.fa-id-card-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-id-card-o:before { content: "\f2c2"; } .fa.fa-drivers-license-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-drivers-license-o:before { content: "\f2c2"; } .fa.fa-quora { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-free-code-camp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-telegram { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-thermometer-4:before { content: "\f2c7"; } .fa.fa-thermometer:before { content: "\f2c7"; } .fa.fa-thermometer-3:before { content: "\f2c8"; } .fa.fa-thermometer-2:before { content: "\f2c9"; } .fa.fa-thermometer-1:before { content: "\f2ca"; } .fa.fa-thermometer-0:before { content: "\f2cb"; } .fa.fa-bathtub:before { content: "\f2cd"; } .fa.fa-s15:before { content: "\f2cd"; } .fa.fa-window-maximize { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-window-restore { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-rectangle:before { content: "\f410"; } .fa.fa-window-close-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-window-close-o:before { content: "\f410"; } .fa.fa-times-rectangle-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-times-rectangle-o:before { content: "\f410"; } .fa.fa-bandcamp { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-grav { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-etsy { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-imdb { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-ravelry { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-eercast { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-eercast:before { content: "\f2da"; } .fa.fa-snowflake-o { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa.fa-snowflake-o:before { content: "\f2dc"; } .fa.fa-superpowers { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-wpexplorer { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa.fa-spotify { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } header .col-bottom .container .wrap .left a.viewFullCatalog_main { display: block; padding: 12px 0; margin-top: 7px; font: 400 18px/24px "Roboto", sans-serif; color: #283346; text-transform: uppercase; text-decoration: none; border: 2px solid #f8bf45; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; position: relative; } header .col-bottom .container .wrap .left a.viewFullCatalog_main:after { display: none !important; } header .col-bottom .container .wrap .left a.viewFullCatalog_main:before { display: none !important; } .sidebarMenu nav ul li ul.sub-menu li { text-align: left; } .sidebarMenu h2 { padding: 14px 20px 14px 20px; } header .col-bottom .container .wrap .left a.viewFullCatalog_main:hover { background-color: #f8bf45; text-decoration: underline; } header .col-bottom .container .wrap .left a.viewFullCatalog_main.active { background-color: #f8bf45; text-decoration: underline; } header .col-bottom .container .wrap .left a.viewFullCatalog_main:after { position: absolute; content: ""; top: 20px; right: 14px; border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .col-bottom .container .wrap .left a.viewFullCatalog_main:before { position: absolute; content: ""; top: 17px; right: 10px; display: inline-block; background-color: #256eab; width: 14px; height: 14px; border-radius: 3px; } header .col-bottom .container .wrap .left:hover .sidebarMenu { display: block !important; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu_sidebat { padding: 0; } .sideBarCategories .sideBarCategories__wraps ul li#subMenu-1 ul#subMenu-2 a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: underline; border-bottom: 0 none; border-radius: 6px; margin-bottom: 0; padding: 8px 30px; } .sideBarCategories .sideBarCategories__wraps ul li#subMenu-1 ul#subMenu-2 li:not(#subMenu-3):before { position: absolute; content: ""; top: 50%; left: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 5px; height: 5px; background-color: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li:before { position: absolute; content: ""; top: 50%; left: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 5px; height: 5px; background-color: #256eab; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li a { font: 400 14px/16px "Roboto", sans-serif; color: #256eab; text-decoration: underline; border-bottom: 0 none; border-radius: 6px; margin-bottom: 0; padding: 8px 30px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li:before { display: none; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table thead tr td { font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; border-bottom: 1px solid #c1c6cd; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td { padding: 7px 0; font-size: 0; line-height: 0; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .price { display: inline-block; min-width: 80px; font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td.red .price { font: 400 16px/16px "Roboto", sans-serif; color: #fc4123; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .qty { font-size: 12px; line-height: 14px; border: 1px solid #4b5584; border-radius: 3px; display: inline-block; padding: 3px 4px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td.red .qty { border-color: #fc4123; color: #fc4123; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td p { font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick { display: block; padding: 10px 20px; margin-bottom: 12px; border-radius: 4px; background-color: #f8bf45; font: 400 16px/18px "Roboto", sans-serif; color: #283346; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom { position: absolute; z-index: 2; bottom: -108px; background-color: #fff; padding: 10px 15px; left: -1px; width: calc(100% + 2px); border: 1px solid #c1c6cd; border-top: none; box-sizing: border-box; right: 0; -webkit-box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.35); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table tbody tr td .model { display: inline-block; padding: 3px 4px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #8e949d; border-radius: 3px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image { margin-bottom: 10px; text-align: center; height: 233px; width: 233px; vertical-align: middle; position: relative; display: table-cell; } header .col-bottom .container .wrap .middle { padding-right: 15px; } header .col-bottom .container .wrap .left .sidebarMenu_main { display: block !important; top: 61px; } .sidebarMenu nav ul li ul.sub-menu li.drop2 a::before { right: 0px; } .slider_link_scnd { position: absolute; right: 122px; bottom: 53px; width: 300px; height: 48px; } .footer_inner { background: url(/includes/images/footer-pattern.jpg) repeat; } footer.footer_inner .col-top .container .wrap .column .wraps h3 { font: 400 24px/30px "Roboto", sans-serif; color: #f8bf45; margin-bottom: 15px; } footer.footer_inner .col-top .container .wrap .column .wraps ul li a { font: 400 14px/18px "Roboto", sans-serif; color: #ffffff; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } footer.footer_inner .col-bottom .container .wrap .developerCopyright { font: 400 12px/14px "Roboto", sans-serif; color: #c1c6cd; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; position: relative; display: block; padding-right: 100px; } footer.footer_inner .col-bottom .container .wrap .keys { display: inline-block; font: 400 14px/16px "Open Sans", sans-serif; color: #c1c6cd; } footer.footer_inner .col-bottom .container .wrap .copyright { display: inline-block; font: 400 14px/16px "Open Sans", sans-serif; color: #c1c6cd; } footer.footer_inner .col-bottom .container .wrap .developerCopyright { font: 400 12px/14px "Roboto", sans-serif; color: #c1c6cd; } footer.footer_inner .col-bottom .container .wrap .developerCopyright img { display: inline-block; vertical-align: middle; position: absolute; top: 0; right: 0; } footer.footer_inner .col-bottom .container .wrap .developerCopyright span { text-decoration: underline; display: block; margin-bottom: 5px; } .archiveListNews { margin: 0 0 50px 0; } .sidebarMenu nav ul li a { text-align: left; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image { margin-bottom: 10px; text-align: center; padding: 15px 0; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item { height: 380px; } .slick-prev, .slick-next { height: 30px; width: 30px; } .slick-slide { height: auto; } header .col-middle .container .wrap .search form { margin: 0; } header .col-middle .container .wrap .search { margin-right: 10px; } .pageLogin .container .wrap .col-right { width: 59%; } p { font-size: 16px; line-height: 18px; margin: 0 0 15px 0; } .sbm_sbm { display: inline-block; vertical-align: middle; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; padding: 11px 23px; border-radius: 3px; margin-right: 20px; background-color: #256eab; border: 0 none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } * { font-size: 14px; line-height: 20px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item { width: 33%; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item { width: 33%; } .section6 .container .wrap .padding .col-left { width: 49.5%; } .section6 .container .wrap .padding .col-left .wraps ul li { width: 19%; } .section6 .container .wrap .padding .col-right .wraps .left { width: 49%; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps ul li { width: 31%; } .to_basket_link { display: inline-block; cursor: pointer; border-radius: 3px; background-color: #256eab; border: 0 none; font: 400 15px/15px "Roboto", sans-serif; color: #ffffff; padding: 12px 15px 13px 37px; position: relative; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; text-decoration: none; float: right; } .to_basket_link img { max-width: 18px; width: 100%; display: inline-block; height: auto; position: absolute; left: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } header .col-middle .container .wrap .search .item .keyboard { background: url(/upload/keyboard.png) no-repeat; width: 36px; display: inline-block; height: 36px; margin-left: -40px; margin-bottom: -15px; cursor: pointer; position:absolute; right: 70px; top: 18px; float: right; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .qtys { display: inline-block; max-width: 96px; font-size: 0; line-height: 0; /* margin: 0 5px 0 0; */ } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'] { -moz-appearance: textfield; } .item_summ { font-size: 18px; } #summ_all { display: inline-block; font: 500 18px/18px "Roboto", sans-serif; color: #256eab; } .pageCart .container .wrap .cartTable .btns { margin-bottom: 0; padding-bottom: 50px; } .pageCart .container .wrap .cartTable .btns a.to_order { background: none; float: right; padding: 0; display: inline-block; border: 0 none; cursor: pointer; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 28px; border-radius: 3px; background-color: #256eab; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a { padding: 20px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a span { position: relative; bottom: 0; } .categoriesList .categoriesList__wraps .categoriesList-item { width: 100%; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul#subMenu-1 { column-count: 2; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item { float: left; width: 100%; clear: both; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle { margin-bottom: 10px; width: 100%; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image { max-width: 100px; float: left; padding: 0; height: auto; width: auto; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { float: left; margin: -5px 0 0 25px; max-width: 300px; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle table { width: 100%; float: left; max-width: 50%; margin: 15px 0 0 25px; } .listProducts__info { clear: both; margin-top: 110px; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom { position: relative; float: right; opacity: 1; visibility: visible; bottom: 0; box-shadow: none; margin: 0 0px 0 0px; padding: 0; width:auto; max-width: 100%; border:none; } .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content { float: left; width: 100%; box-sizing: border-box; } .clr { clear: both; } button.sbm { font: 700 16px/20px "Roboto", sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; cursor: pointer; border: none; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul { margin-bottom: 35px; } header .col-top .container .wrap .col-left .title { padding: 0 30px 0 50px; } header .col-top .container .wrap .col-left .title p { font-size: 21px; line-height: 30px; margin: 0; } .setting-currency{ display: inline-block; vertical-align: middle; color:white; position: relative; } .setting-currency__change{ background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); width: 225px; position: absolute; display: none; color:#283346; padding: 15px; top: 27px; } .setting-currency__form-label{ color:#8e949d; margin-top: 15px; display: block; } .setting-currency__select{ border-width: 1px; border-color: rgb(142, 148, 157); border-style: solid; border-radius: 3px; width: 84px; height: 28px; display: flex; padding: 5px 10px; box-sizing: border-box; align-items: center; cursor: pointer; position: relative; z-index: 2; } .setting-currency__form-select{ width: 100%; height: 35px; border-width: 1px; border-color: rgb(142, 148, 157); border-style: solid; border-radius: 3px; } .setting-currency__arrow{ fill:white; width:8px;height:6px; } .setting-currency.active .setting-currency__select{ background: white; color: #283346; border-color: white; } .setting-currency.active .setting-currency__arrow{ fill: #283346; transform: scale(1,-1); } .setting-currency.active .setting-currency__change{ display: block; } .setting-currency__wrap svg{ width: 27px; height: 17px; } .setting-currency__wrap{ display: none; justify-content: space-around; align-items: center; width: 90%; margin: 0 auto; } .setting-currency__wrap.active{ display: flex; } header .col-top .container .wrap .col-left .counTotal p { font: 400 14px/24px "Roboto", sans-serif; color: #f8bf45; margin: 0; } .p_green { color: green; font-weight: bold; margin: 20px 0 0 0; font-size: 20px; } .p_red { color: red; font-weight: bold; margin: 20px 0 0 0; font-size: 20px; } .profilePage .container .wrap .col-right .wraps .content.myProfile .contentBody ul li .fieldValue { width: 75%; } .title_p { } .col_left_sto { width: 100% !important; } .page_confirm { padding: 10px 0 30px; } p.init_submit { font-weight: bold; color: green; } p.rsp { display: none; text-align: center; margin: 15px 0 10px; color: green; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a span { margin: 15px 0 0 0; height: 52px; } .small_p { font-size: 16px; margin: 0px 0 20px; } .adr { float: left; clear: both; width: 80%; border-bottom: 1px solid #256eab; margin: 0 0 40px 0; padding: 0 0 25px 0; } .adr:last-child { border-bottom: none; } .adr .left { float: left; width: 50%; } .adr .left p { } a.btn { font-size: 14px; color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; background-color: #256eab; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; display: inline-block; } .adr a.btn { float: right; clear: right; margin: 0 0px 20px 0; } .profilePage .container .wrap .col-right .wraps .compareWraps { font-size: 0; line-height: 0; } .one_click { } .buyOneClick { width: 100%; } body { overflow-x: hidden; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyOneClick { padding: 10px 0px; border: none; cursor: pointer; } header .col-top .container .wrap .col-right .item .wraps { padding: 0 15px; } .singleProductPage .container .wrap .content .col-left .wraps .carousel .slider_wraps .slider-for .slick-list .slick-track .slick-slide { text-align: center; max-height: 330px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info li .key { width: 73%; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .info { margin-bottom: 20px; } .singleProductPage .container .wrap .content .col-left .wraps .more .more_wraps .modelBrand { margin-bottom: 25px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a { } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .image a img { vertical-align: middle; max-height: 233px; max-width: 233px; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { min-height: 48px; } .col-top .wrap { padding: 0; } header .col-top .container .wrap .col-right .item .wraps .dropdownJoin { right: 15px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { min-height: 46px; } header .col-top .container .wrap .col-right { display: inline-block; vertical-align: middle; margin: 0 0px; } .section1 .container .wrap .col-right .wraps .catalogs .catalogs__list .catalogs__list-item .catalogs__list-item-wrap a img { height: 130px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit span, .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit span, .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit span { font-size: unset; line-height: unset; padding: unset; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit.green, .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-bottom .buyBlock .submit.green, .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit.green { background-color: #28ab25; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul, .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabs ul li { padding: 0; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .key { width: 24%; } .profilePage .container .wrap .col-right .wraps .myOrderContent .myOrderContentTabsContents .myOrderContentTabsContent .myOrderContentTabsContent-wraps .myOrderContentTabsContent-item .item-col-left .col-left-wraps .teaser ul li .value { width: 74%; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a { height: 64px; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_head .bookmarksContent_head-left, .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-left { width: 67%; } .doc_link { display: flex; align-items: center; } .doc_link img { width: 50px; display: block; margin: 0 auto; } .doc_link span { display: block; } .profilePage .container .wrap .col-right .wraps .bookmarksContent .bookmarksContent_body .bookmarksContent_item .bookmarksContent_item-wraps .bookmarksContent-item-right .bookmarksContent-item-right-wraps .submit.green { background-color: #28ab25; } .modal { width: 400px; } .modal p { line-height: 24px; font-weight: bold; } .modal p.red { color: red; } .modal p.green { color: green; } #ajax_msg { text-align: center; } /* ровные иконки */ .sidebarMenu nav ul li a { padding: 10px 35px 10px 3px; } .sidebarMenu nav ul li a .icon { float: left; width: 41px; text-align: center; position: absolute; height: 100%; margin: -10px 0 0 0; } .sidebarMenu nav ul li a .icon img { display: inline; position: relative; left: 0; height: auto; } .sidebarMenu nav ul li a .sect { margin: 0 0 0 45px; display: block; font-size: 16px; } .container .wrap .left .sidebarMenu nav ul li a .img-wrap, .section1 .container .wrap .col-left .sidebarMenu nav ul li a .img-wrap { position: absolute; top: 0; bottom: 0; left: 0; width: 45px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 992px) { .setting-currency{ display: none; } header .col-middle .container .wrap .search { padding: 5px; } } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a { padding: 10px 31px 10px 15px; } .pageOrder .tabs .tabsContents .tabs-content .tabs-content-wraps .item .item-wraps input { color: #000; } .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsLinks .tabs-link { width: 33.223333% } .pageOrder .tabs .tabsLinks .tabs-link a { background: #fff; } @media (max-width: 1180px) { .pageOrder .container .wrap .step2 .deliveryMethod .deliveryMethod_wraps .tabs .tabsLinks .tabs-link { width: 32% } } .torg_red {color:#FC4123;margin-bottom:12px;} .torg-popup__open {display: block; border: solid #283346 2px; border-radius: 4px; position: relative; width: 260px; padding-left: 40px; text-align: center; height: 40px; line-height: 40px; text-decoration: none; color: #283346; font: 700 21px/40px Roboto,sans-serif,sans-serif;} .torg-popup__open svg { height: 44px; width: 44px; background: #F8BF45; padding: 5px; box-sizing: border-box; border-radius: 4px; border: solid #283346 2px; position: absolute; top: -2px; left: -2px; } .torg_block { padding: 0 15px 15px; margin-bottom: 10px; border-bottom: solid 1px #EAEAEA; } .torg_dashed { width: 450px; flex: 0 0 auto; background: #F8BF45; color: #283346; font-weight: 700; text-align: center; height: 43px; display: flex; align-items: center; justify-content: center; border: dashed 2px;} .torg_dashed span {margin-left:20px;} .torg-popup .ip-popup__form {background: #EAEAEA;} .torg-popup .buy-one-click__form-input-group {min-width:385px;} .torg-popup .buy-one-click__quantity-selected .qtys {margin-left:0;} .torg-popup .buy-one-click__form-input {border: 1px solid #8E949D;height: 40px;} .torg-popup .buy-one-click__form-input.error {border-color: red;} .torg-popup .buy-one-click__left {width:auto;} .torg-popup .buy-one-click__product {display:flex;background:#fff;} .torg-popup .buy-one-click__product-img { flex: 0 0 auto;width: 190px;} .torg-popup .buy-one-click__product-last {flex: 0 0 auto;width: 290px;} .torg-popup .buy-one-click__product-options {padding: 0 25px;box-sizing: border-box;} .torg-popup .buy-one-click__product-price-list li:first-child .buy-one-click__product-price { font: 24px/24px Roboto,sans-serif; font-weight: 500; } .torg-popup .buy-one-click__product-article {font-size:16px;} .torg-popup .buy-one-click__product-desk {font-size:16px;text-decoration:none;} @media screen and (max-width: 800px) { .torg_dashed {margin:0 auto 20px;} } @media screen and (max-width: 500px) { .torg_block {padding:0 0 15px;width: calc(100% - 40px);} .torg_dashed {width:100%;flex-direction:column;height:auto;padding:10px;box-sizing:border-box;} } .qtys2 {height: 48px; max-width: 118px; width: 118px; margin-left: 0; display: flex; align-items: center;} /* End */ /* Start:/includes/css/additional.css?167947864210061*/ .manufacturer img {max-width:135px;max-height: 40px;} .new_parametrs h2 { font: 700 16px/21px "Roboto", sans-serif; color: #256eab; text-align: center; padding: 15px 15px; } .new_parametrs table {width:100%;border:none;} .new_parametrs table td:first-child {width:30%; padding: 15px 15px;border:none; vertical-align: middle; font: 700 16px/21px "Roboto", sans-serif; color: #333333;} .new_parametrs table td:last-child {width:70%; padding: 15px 15px;border:none;vertical-align: middle;} .new_parametrs table td img {display:none;} .new_parametrs table td[itemprop="brand"] img { display: inline; vertical-align: middle; } .new_parametrs table tr:hover {background-color: rgba(248, 191, 69, 0.5);} .new_parametrs table tr:nth-child(odd) {background-color: #f8f8f8;} .new_parametrs table tr:nth-child(odd):hover {background-color: rgba(248, 191, 69, 0.5);} body{ background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255,255, 1) 100%), linear-gradient(180deg, rgb(255, 255,255) 0%, rgba(250, 46, 46, 0) 100%),url(/includes/css/../images/microelectronic_pattern_background.png); background-size: 100% 124px,100% 700px,200px auto; background-position: center 149px,center 233px, top left; background-repeat: no-repeat, no-repeat, repeat; } body.main-page { background: url(/includes/images/bg2.png) repeat-x center 200px, url(/includes/images/pattern.png); } .wrapper { background: none; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .teaser strong i { font-size: 24px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps .notes--item .notes--item-wrap p, .notes .notes__wraps .notes--item .notes--item-wrap p { margin: 0; } .wrapper .container { max-width: 1200px; z-index: auto; padding: 0 20px; } .col-top .wrap { padding: 0 15px; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps { position: relative; } .section1 .container { z-index: auto; } .section1 .container .wrap .col-right .wraps .notes .notes__wraps::before { content: ""; position: absolute; top: -10px; right: -10px; left: -10px; bottom: -10px; background: white; border-radius: 10px; z-index: -1; } .breadcrumbs { background: none; padding: 0; } .breadcrumbs .container { background: #fff; padding: 20px 0; } .section2 .container .wrap .reviewsList .item .wraps .image { display: flex; justify-content: center; align-items: center; width: 101px; height: 101px; padding: 0; } .bx-subscribe { margin: 0; } .bx-subscribe + br { display: none; } .productsListPage .container .wrap .col-right .wraps .sortWraps .sort .sort__wraps .switch a { display: flex; justify-content: center; align-items: center; display: inline-flex; width: 30px; height: 29px; padding: 0; } .notes .notes__wraps { width: calc(100% - 50px); margin: 0 auto; } header { z-index: auto; } header .col-middle .container .wrap .logo, header .col-middle .container .wrap .search { margin-right: 30px; } header .col-bottom .container .wrap .middle { padding: 0 40px; } header .col-bottom .container .wrap .right .dropDownContact { z-index: 999; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li a { margin-right: 6px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a { margin-right: 0; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 { top: -100px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li { position: relative; } #to_top { z-index: 20; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns { flex-wrap: wrap; max-width: 100%; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .buyOneClick { margin-bottom: 10px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btns .compare { margin-right: 10px; } .o-w-modal-base * { font-family: "Roboto" !important; } .o-w-public-btn-primary { background: #256eab !important; border-color: #256eab !important; } .o-w-public-btn-primary:hover { background: #283346 !important; border-color: #283346 !important; } .o-w-cr-costume input[type=checkbox]:checked + label:before { color: #256eab !important; } .o-w-sup-required { color: #dc3545 !important; } .o-w-modal-base input, .o-w-modal-base textarea { border: 1px solid #eaeaea; border-radius: 4px; } @media (max-width: 1275px) { .section6 .container .wrap .padding { margin: 0; } } @media (max-width: 1200px) { header .col-top .container .wrap .mobCart { position: relative; right: 60px; transform: none !important; } header .col-middle .container .wrap .logo, header .col-middle .container .wrap .search { margin-right: 0; } header .col-middle .container .wrap .search .item .keyboard { display: none; } .section2 .container .wrap .reviewsList .item .wraps .image { max-height: 80px; padding: 2px; box-sizing: border-box; } header .col-middle .container .wrap .search .item input { width: 100%; min-width: auto; box-sizing: border-box; } } @media (max-width: 992px) { body { background: #fff; } .section6 .container .wrap { padding: 0; } .section6 .container .wrap .padding .col-left { width: 100%; padding-left: 0; } .section6 .container .wrap .padding .col-right .wraps .left { width: 100%; } .section6 .container .wrap .padding .col-right .wraps .left .left__wraps .icons-wrap { justify-content: center; } .section4 .container .wrap .subscribe { margin: 0 auto;width:90% } footer.footer_inner { padding: 20px 0; } footer.footer_inner .col-bottom .container .wrap { display: flex; flex-direction: column; } footer.footer_inner .col-bottom .container .wrap .copyright { margin-bottom: 20px; } footer.footer_inner .col-bottom .container .wrap .developerCopyright { padding-right: 60px; } footer.footer_inner .col-bottom .container .wrap .developerCopyright img { top: 5px; right: -40px; } .mobileOtherBlock { margin: 0; } #to_top { display: none !important; } header .col-middle .container .wrap .mobBtnCat nav { box-sizing: border-box; } .section1 .container .wrap .col-right .wraps .mainSlider { margin-bottom: -6px; } .section1 .container .wrap .col-right .wraps .catalogs { padding-top: 30px; } .productsListPage .container .wrap .col-right .wraps .listProducts { display: flex; justify-content: space-around; flex-wrap: wrap; } .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item { width: 320px !important; } } header .col-bottom .container .wrap .middle { padding: 0 30px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1 li a { padding: 16px 15px; margin-left: 20px; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a { display: flex; align-items: center; } .section1 .container .wrap .col-left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a img { position: absolute; left: 0; } .basket.basket_opa { background: #fff; } .wrapper { min-height: auto; } header .col-middle .container .wrap .mobBtnCat nav ul li a .mobile-menu-img-wrap { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 45px; height: 100%; } header .col-middle .container .wrap .mobBtnCat nav ul li a .mobile-menu-img-wrap img { position: relative; top: auto; left: auto; transform: none; } @media (max-width: 860px) { .pageCart .container .wrap .cartTable .body .row .item .mobileTitle { display: none; } .pageCart .container .wrap .cartTable .body .row .item .image { margin: 0 auto 20px; } } @media (max-width: 768px) { .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item { height: 360px; background: #f4f4f4; } .section1 .container .wrap .col-right .wraps .mainSlider .slick-list .slick-track .item .image { background-size:100% !important; background-position: bottom !important; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__head { padding: 5px 10px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__head span { font-size: 14px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice { font-size: 14px; } .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice i.price, .singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .mainPrice i.sym { font-size: 24px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul#subMenu-1 { column-count: 1; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .image { position: absolute; top: 8px; } .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .btnDrop{ top: 17px; } .productsListPage .container .wrap .col-right .wraps h1 { font-size: 24px; } } @media (max-width: 450px) { .section6 .container .wrap .padding .col-left .wraps ul { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 20px; } .section6 .container .wrap .padding .col-left .wraps ul li { flex-shrink: 0; width: auto; margin: 5px; } } .artgorka { display: flex; align-items: center; text-decoration: none !important; } .artgorka__text { font-family: "Roboto" !important; display: block; color: #C1C6CD; margin-right: 8px; } /*# sourceMappingURL=additional.css.map */ /* End */ /* Start:/includes/css/new.css?1672257436134998*/ .download_price-list-auth{ padding: 7px 10px; width: 150px; height: 38px; background: #256EAB; color:white; display: flex; justify-content: space-between; box-sizing: border-box; text-decoration: none; align-items: center; line-height: 16px; transition: background-color 0.2s; } .download_price-list-auth:hover{ background-color: #283346; } .similiarBlocks--products__viewed .slick-track { display: flex; box-sizing: border-box; padding-bottom: 10px; padding-top: 10px; width: 100%; } section.singleProductPage .similiarBlocks .container .wrap .similiarBlocks--products.similiarBlocks--products__viewed .similiarBlocks--list .similiarBlocks--list-item:last-child{ display: flex; } .popup-auth{ background: rgba(40, 51, 70, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; overflow: auto; align-items: center; z-index: 10000; } .popup-auth__content{ width: 567px; background: #F4F4F4; /* dropdowns_shadow */ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); margin:20px 0 ; } .popup-auth .auth-wrap .column .block{ box-shadow:none; } .popup-auth .auth-wrap{ padding: 27px 0 0 0; } .popup-auth_download{ font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border: 0; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 40px; margin-top: 30px; margin-bottom: 40px; text-transform: uppercase; cursor: pointer; transition: 0.2s; width: 492px; height: 40px; max-width: 100%; display: block; } .popup-auth_download:hover{ background: #283346; } .popup-auth .auth-wrap .column .block-title { margin-bottom: 16px; font-size: 24px; line-height: 28px; } /* 404 page styles - 17.10.19 */ .page404-wrap { padding: 70px 0; } .page404-wrap .emoji-wrap { display: flex; align-items: flex-end; padding-left: 69px; } .page404-wrap .search-el-sm { display: none; } .page404-wrap .search-el-sm svg { display: block; margin: 20px auto 0; } .page404-wrap .emoji-wrap .item { display: flex; flex-direction: column; align-items: center; font: bold 21px "Roboto"; color: #FC4123; letter-spacing: .02em; text-transform: uppercase; } .page404-wrap .emoji-wrap .item br { display: none; } .page404-wrap .emoji-wrap .item svg { margin-bottom: 27px; } .page404-wrap .emoji-wrap .item + .item { margin-left: 196px; } .page404-wrap .emoji-wrap .item:first-child { opacity: 0; transform: translateX(-150px); transition: 1s; transition-delay: .25s; } .page404-wrap .emoji-wrap .item:last-child { opacity: 0; transform: translateX(150px); transition: 1s; transition-delay: .75s; } .page404-wrap.animate .emoji-wrap .item, .page404-wrap.animate .search-el { opacity: 1; transform: none; } .page404-wrap .search-el { position: relative; width: 1170px; height: 220px; display: flex; justify-content: space-between; align-items: center; margin-top: 47px; padding: 0 100px 0 70px; box-sizing: border-box; opacity: 0; transform: translateX(-250px); transition: 1s; transition-delay: 1s; } .page404-wrap .search-el svg { position: absolute; top: 0; left: 0; z-index: -1; } .page404-wrap .search-el .text { width: 300px; font: 600 21px/30px "Roboto"; color: #283346; } .page404-wrap .search-el .search-wrap { width: 572px; align-self: flex-start; padding-top: 31px; } .page404-wrap .search-el .search-wrap .search { width: 100%; box-sizing: border-box; border-radius: 5px; border: 2px solid #f8bf45; background-color: #ffffff; padding: 5px 55px 5px 10px; margin-right: 15px; position: relative; } .page404-wrap .search-el .search-wrap .search form { display: flex; align-items: center; } .page404-wrap .search-el .search-wrap .search form input { min-width: 445px; padding: 13px 10px; border-left: 0; border-right: 0 none; border-bottom: 0 none; border-top: 0 none; font: 400 14px/14px "Roboto", sans-serif; color: #4b5584; } .page404-wrap .search-el .search-wrap .search form .btn { position: absolute; top: 0; right: 0; background-color: #f8bf45; border: 0 none; cursor: pointer; padding: 17px 20px; max-height: 53px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .page404-wrap .search-el .search-wrap .search form .btn:hover { background-color: #283346; } .page404-wrap .search-el .search-wrap .search form .btn:hover i { color: #fff; } .page404-wrap .search-el .search-wrap .title { font: 600 21px "Roboto"; color: #fff; margin: 0 0 26px 99px; } @media (max-width: 1209px) { .page404-wrap .emoji-wrap { justify-content: space-around; padding-left: 0; } .page404-wrap .emoji-wrap .item { font-size: 18px; } .page404-wrap .emoji-wrap .item svg { margin-bottom: 8px; } .page404-wrap .emoji-wrap .item + .item { margin-left: 0; } .page404-wrap .emoji-wrap .item:first-child svg { width: 114px; height: 92px; } .page404-wrap .emoji-wrap .item:last-child svg { width: 63px; height: 63px; } .page404-wrap .search-el { position: relative; left: -13px; width: 768px; height: 145px; margin: 20px auto 0; padding: 0 54px 0 46px; } .page404-wrap .search-el svg { width: 768px; height: 145px; } .page404-wrap .search-el .text { width: 197px; font-size: 18px; line-height: 24px; } .page404-wrap .search-el .search-wrap { width: 375px; padding-top: 22px; } .page404-wrap .search-el .search-wrap .search form input { min-width: auto; } .page404-wrap .search-el .search-wrap .title { margin: 0 0 12px 0; text-align: center; } } @media (max-width: 767px) { .page404-wrap { padding-top: 15px; } .page404-wrap .search-el { display: none; } .page404-wrap .emoji-wrap { position: relative; } .page404-wrap .emoji-wrap .item { text-align: center; } .page404-wrap .emoji-wrap .item:first-child { opacity: 1; transform: none; } .page404-wrap .emoji-wrap .item:last-child { position: absolute; left: 0; right: 0; top: 24px; transform: none; transition-delay: 1.5s; } .page404-wrap .emoji-wrap .item:last-child svg { margin-bottom: 13px; } .page404-wrap .emoji-wrap .item br { display: inline; } .page404-wrap.animate .emoji-wrap .item:first-child { opacity: 0; transition-delay: 1.5s; } .page404-wrap .search-el-sm { display: block; } } /* 404 page styles end */ .productsListPage .container .wrap .col-right .wraps .listProducts .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title .model { display: inline-block; vertical-align: middle; padding: 5px 5px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #256eab; border-radius: 3px; padding: 6px 14px; margin-top: 17px; font: 400 16px/19px "Roboto", sans-serif; } .listProducts_search .time{ font: 400 16px/19px "Roboto", sans-serif; margin-top: 10px; } .listProducts_search .catalog_quant{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 22px; line-height: 26px; color: #256EAB; margin-top: 23px; width: 300px; justify-content: space-between; display: flex; max-width: 100%; align-items: center; } .listProducts_search .catalog_quant_value{ padding: 5px 25px 5px 15px; color: #256EAB; background: #F4F4F4; position: relative; display: inline-block; font-size: 22px; line-height: 26px; } .listProducts_search .catalog_quant_value svg{ position: absolute; left: -15px; top: 0; height: 100%; width: 16px; fill: #F4F4F4; } .productsListPage .container .wrap .col-right .wraps .listProducts_search .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content{ padding-bottom: 20px; } .cartTable{ padding-bottom: 20px; } .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title .model { display: inline-block; padding: 3px 4px; font: 400 14px/14px "Roboto", sans-serif; color: #ffffff; background-color: #8e949d; border-radius: 3px; } .productsListPage .container .wrap .col-right .wraps .listProducts, .section1 .container .wrap .col-right .wraps .productsNew .productsNew__lists{ position: relative; } .defaultPage p { font-size: 14px; } .manufacture { width: 75px; } .radioLabel { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; font: 400 14px/18px "Roboto", sans-serif; color: #283346; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioLabel:first-child { margin-right: 15px; } .radioLabel i.note { display: block; font: 400 10px/21px "Roboto", sans-serif; color: #8e949d; } .radioLabel input { position: absolute; opacity: 0; cursor: pointer; } .radioLabel input:checked ~ .radiomark { background-color: #256eab; } .radioLabel input:checked ~ .radiomark:after { display: block; } .radioLabel .radiomark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #ffffff; border: none; border-radius: 50%; border: 1px solid #256eab; } .radioLabel .radiomark:after { content: ""; position: absolute; display: none; left: 4px; top: 4px; width: 7px; height: 7px; background: #fff; border-radius: 50%; } /* button */ a.button, input.button { background: url("/includes/css/../image/button.png") repeat-x scroll left top transparent; border-radius: 5px; box-shadow: 0 2px 2px #DDDDDD; color: #FFFFFF; cursor: pointer; font-family: verdana; font-size: 11px; font-weight: bold; line-height: 20px; } a.button { display: inline-block; padding: 0 12px; text-decoration: none; } input#button-cart { width: 120px; background: #054585; text-transform: uppercase } input.button { background: #0c4c8c; border: 0 none; height: 26px; width: 90px; } .buttons { /* background: #FFFFFF; */ /* border: 1px solid #EEEEEE; */ /* overflow: auto; */ /* padding: 6px; */ /* margin-bottom: 20px; */ } #js_ipe_basket .buttons{ background: #FFFFFF; overflow: auto; padding: 6px; margin-bottom: 20px; display: flex; justify-content: space-between; } .fort { display: none; width: 37.5%; margin: 25px auto; } .ros { width: 35%; display: inline-block; padding: 6px 0; border: 1px solid #bcbdbf; box-sizing: border-box; text-align: center; margin-right: 5%; border-radius: 4px } #sh { height: 90px; } #sh::-webkit-input-placeholder { position: relative; top: -25px } #sh::-moz-placeholder { position: relative; top: -25px } /* Firefox 19+ */ #sh:-moz-placeholder { position: relative; top: -25px } /* Firefox 18- */ #sh:-ms-input-placeholder { position: relative; top: -25px } #ph { width: 60%; } .fort > div { padding: 20px 35px; background: #eaeaea } .buttons .left { float: left; text-align: left; padding-top: 15px } .fort label { font-weight: 600; color: #55575a; display: block; margin-bottom: 10px; padding-left: 6px; margin-top: 10px } .fort input { width: 100%; box-sizing: border-box; padding: 12px 17px; border-radius: 4px; border: 1px solid #bcbdbf } .buttons .right { float: right; text-align: right; padding-top: 15px; width: 24%; } .buttons .center { position: relative; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden; display: flex; flex-flow: wrap; padding-bottom: 28px; align-items: center; } .buttons .center >div{ display: flex; position: relative; flex-flow: column; } .htabs { height: 31px; line-height: 16px; position: relative; top: 1px; z-index: 100; } .butt { background: #eaeaea; border-radius: 4px; box-shadow: none; color: #256eab !important; text-decoration: none !important; display: block; font-weight: 400; padding: 0; width: 130px; height: 40px; box-sizing: border-box; line-height: 40px; text-align: center; transition: 200ms; } .butt:hover{ color:white!important; background: #256eab;; } .htabs a { background: url("/includes/css/../image/tab.png") repeat-x scroll 0 0 #FFFFFF; border-left: 1px solid #DDDDDD; border-radius: 5px 5px 0 0; border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; color: #000000; display: none; float: right; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-right: 0; padding: 7px 15px 6px; text-align: center; text-decoration: none; } .htabs a.selected, .htabs a.selected:hover { padding-bottom: 7px; background: #EEE; margin-right: 15px; } .htabs a.selected:hover { color: #000000; } .htabs a:hover { background: #c1fb55; color: #FFF; } .tab-content { border-top: 1px solid #DDDDDD; gborder-radius: 5px 0 5px 5px; gmargin-bottom: 20px; gpadding: 10px; z-index: 2; } .tab-content h2 { color: #FF6600; margin-left: 10px; margin-top: 20px; } .kr { display: block; width: 68px; height: 68px; line-height: 68px; border-radius: 50%; background: #eaeaea; color: #256eab } .chec { text-transform: uppercase; background: #256eab; color: #fff !important; border-radius: 4px; text-decoration: none !important; display: inline-block; font-weight: 400; padding: 0; box-shadow: none !important; height: 40px; line-height: 40px; width: 230px; } .krr { padding: 4px 0; display: inline-block; border: 6px solid #fff; border-radius: 50%; margin: -8px; position: relative; z-index: 2; } .buts { border-radius: 4px; box-shadow: none; color: #256eab !important; text-decoration: none !important; display: block; font-weight: 400; padding: 0; border: 2px solid #eaeaea; width: 200px; height: 40px; line-height: 40px; text-align: center; float: right; transition: 200ms; } .buts:hover{ color:white!important; background: #256eab; border-color: #256eab; } .oncl, .oncls { text-transform: uppercase; background: #f8bf45; color: #256eab !important; border-radius: 4px; text-decoration: none !important; display: inline-block; font-weight: 600; padding: 0; box-shadow: none !important; height: 40px; line-height: 40px; width: 230px; } .pt { border: 1px solid #ccc; position: relative } .product-grid .name a { color: #000; text-decoration: underline; font-weight: bold; display: block; margin-bottom: 4px; } table .name { width: 400px !important } .product-grid .description { display: none; } .nd { margin-top: 12px; padding-bottom: 2px; border-bottom: 1px solid #ccc } .nd span { font-weight: normal; color: #676262 } .product-grid .rating { display: block; margin-bottom: 4px; } .product-grid .price { display: block; margin-top: 10px; font-weight: bold; color: #333333; margin-bottom: 4px; } .rams { font-weight: normal; border: 1px solid; padding: 2px 4px; margin-left: 15px } #showmore { background: none !important; border-radius: 3px !important; color: #01223c !important; display: inline-block !important; margin-bottom: 0 !important; padding: 0 !important; padding-left: 25px !important; text-align: center; width: 24% !important } .uto { display: none; text-align: center; padding-right: 60px; color: #283346; font-weight: 600; } .auth-wrap { width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; font-family: "Roboto"; padding: 47px 15px 50px; box-sizing: border-box; max-width: 100%; } .auth-wrap * { box-sizing: border-box; } .auth-wrap a { text-decoration: none; } .auth-wrap .column { width: 567px; margin: 0 auto; max-width: 100%; } .auth-wrap .column .block-title { font-size: 24px; color: #333; margin-bottom: 36px; text-align: center; } .auth-wrap .column .block { min-height: 180px; background: #f4f4f4; padding: 26px 38px 46px 37px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); } .auth-wrap .column .block .title { font-size: 18px; font-weight: 300; text-transform: uppercase; } .auth-wrap .column .block .select-wrap { position: relative; margin-top: 25px; } .auth-wrap .column .block .select-wrap select { width: 100%; height: 35px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 45px; cursor: pointer; } .auth-wrap .column .block .select-wrap select:focus { border-color: #f8bf45; outline: none; } .auth-wrap .column .block .select-wrap select::-ms-expand { display: none; } .auth-wrap .column .block .select-wrap img { position: absolute; top: 14px; right: 18px; pointer-events: none; } .auth-wrap .column .block .tabs-wrap { border-bottom: 1px solid #eaeaea; margin: 0 -38px 18px -37px; padding: 0 38px 8px 37px; } .auth-wrap .column .block .tabs-wrap .tab { position: relative; font-size: 18px; color: #8e949d; text-transform: uppercase; transition: 0.2s; } .auth-wrap .column .block .tabs-wrap .tab.current { color: #256eab; } .auth-wrap .column .block .tabs-wrap .tab.current::before { opacity: 1; } .auth-wrap .column .block .tabs-wrap .tab + .tab { margin-left: 40px; } .auth-wrap .column .block .tabs-wrap .tab::before { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 3px; background: #256eab; opacity: 0; pointer-events: none; transition: 0.2s; } .auth-wrap .column .block .tab-content { border: none; } .auth-wrap .column .block .tab-content + .tab-content { display: none; } .auth-wrap .column .block input[type="text"], .auth-wrap .column .block input[type="password"], .auth-wrap .column .block input[type="tel"], .auth-wrap .column .block input[type="email"] { width: 100%; height: 35px; font-size: 14px; color: #333; font-family: "Roboto"; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; } .auth-wrap .column .block input[type="text"] + input, .auth-wrap .column .block input[type="password"] + input, .auth-wrap .column .block input[type="tel"] + input, .auth-wrap .column .block input[type="email"] + input { margin-top: 18px; } .auth-wrap .column .block input[type="text"]:focus, .auth-wrap .column .block input[type="password"]:focus, .auth-wrap .column .block input[type="tel"]:focus, .auth-wrap .column .block input[type="email"]:focus { border-color: #f8bf45; outline: 0; } .auth-wrap .column .block .input-wrap { display: flex; justify-content: space-between; margin-top: 18px; } .auth-wrap .column .block .input-wrap input { width: 237px; } .auth-wrap .column .block .input-wrap input + input { margin: 0; } .auth-wrap .column .block .input-wrap + input { margin-top: 18px; } .auth-wrap .column .block .auth-wrap__btn { width: 100%; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border: 0; border-radius: 3px; margin-top: 24px; text-transform: uppercase; cursor: pointer; transition: 0.2s; } .auth-wrap .column .block .auth-wrap__btn:hover { background: #283346; } .auth-wrap .column .block .link { display: inline-block; font-size: 14px; color: #256eab; margin-top: 18px; text-decoration: underline; } .auth-wrap .column .block .link:hover { color: #283346; text-decoration: none; } .auth-wrap .column .block .radio-wrap { display: flex; align-items: center; cursor: pointer; } .auth-wrap .column .block .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; } .auth-wrap .column .block .radio-wrap .circle { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; border-radius: 50%; margin-right: 17px; border: 1px solid #256eab; box-sizing: border-box; transition:border 0.2s; } .auth-wrap .column .block .radio-wrap input:checked + .circle{ border: 3px solid #256eab; } .auth-wrap .column .block .radio-wrap .text { font-size: 14px; } .auth-wrap .column .block .item + .item .radio-wrap { margin-top: 16px; } .auth-wrap .column .block .check-wrap { display: flex; align-items: center; margin-top: 24px; cursor: pointer; } .auth-wrap .column .block .check-wrap input { display: none; } .auth-wrap .column .block .check-wrap input:checked + .square { background: #256eab; } .auth-wrap .column .block .check-wrap input:checked + .square img { opacity: 1; } .auth-wrap .column .block .check-wrap .square { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 15px; height: 15px; border: 1px solid #256eab; margin-right: 14px; transition: 0.2s; } .auth-wrap .column .block .check-wrap .square img { opacity: 0; transition: 0.2s; } .auth-wrap .column .block .check-wrap .text { font-size: 14px; color: #256eab; } .auth-wrap .column .block .fields-wrap { margin-top: 27px; padding-left: 32px; } .auth-wrap .column .block .fields-wrap .file-wrap { display: flex; align-items: center; margin-top: 18px; } .auth-wrap .column .block .fields-wrap .file-wrap .label { font-size: 14px; color: #8e949d; margin-right: 19px; } .auth-wrap .column .block .fields-wrap .file-wrap a { font-size: 14px; color: #256eab; margin-right: 10px; text-decoration: underline; cursor: pointer; } .auth-wrap .column .block .fields-wrap .file-wrap .load{ color: #256eab; } .auth-wrap .column .block .fields-wrap .file-wrap a:hover { color: #283346; text-decoration: none; } .auth-wrap .column .block .fields-wrap .file-wrap input { display: none; } .auth-wrap .column .block .note { font-size: 14px; color: #8e949d; margin-top: 38px; } .auth-wrap .column .block + .block, .auth-wrap .column .block + .block-title { margin-top: 55px; } .auth-wrap .column > .check-wrap { display: flex; align-items: center; margin-top: 24px; cursor: pointer; margin-top: 37px; padding: 0 37px 0 22px; } .auth-wrap .column > .check-wrap input { display: none; } .auth-wrap .column > .check-wrap input:checked + .square { background: #256eab; } .auth-wrap .column > .check-wrap input:checked + .square img { opacity: 1; } .auth-wrap .column > .check-wrap .square { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 15px; height: 15px; border: 1px solid #256eab; margin-right: 14px; transition: 0.2s; } .auth-wrap .column > .check-wrap .square img { opacity: 0; transition: 0.2s; } .auth-wrap .column > .check-wrap .text { font-size: 14px; color: #256eab; } .auth-wrap .column > .check-wrap input:not([type="checkbox"]) { display: block; width: 257px; margin-left: 13px; } .auth-wrap .column > .check-wrap .text { color: #000; } .auth-wrap .column > .check-wrap .square { margin: 1px 14px auto 0; } .auth-wrap .column > .check-wrap .text { color: #8e949d; } .auth-wrap .step-wrap { display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-top: 68px; } .auth-wrap .step-wrap .link { font-size: 14px; color: #256eab; text-decoration: underline; } .auth-wrap .step-wrap .link:hover { color: #283346; text-decoration: none; } .auth-wrap .step-wrap .btn { display: flex; justify-content: center; align-items: center; width: 268px; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border-radius: 3px; margin-left: 53px; text-transform: uppercase; transition: 0.2s; } .auth-wrap .step-wrap .btn:hover { background: #283346; } .paymentMethod.auth-wrap .column{ margin: 0; } .paymentMethod__img { padding-top: 24px; } .paymentMethod__img svg{ margin-right: 20px; } .paymentMethod.auth-wrap.column .block .note{ margin-top: 18px; } .paymentMethod__group_yr{ display: flex; justify-content: space-between; } .paymentMethod__img_yur{ order: 2; padding-top: 0; margin-top: -10px; } .paymentMethod__group_yr .note{ order:1; max-width: 310px; margin-top: 20px; padding-right: 10px; } #vue_checkout_order .auth-wrap .column .block-title{ text-align: left; padding:0; } #vue_checkout_order .block-title { font-size: 24px; color: #333; margin-bottom: 36px; text-align: left; padding: 0 15px; } .delivery.current .radio-wrap__img-hide{ display: none; } .delivery-wrap { width: 1200px; font-family: "Roboto"; margin: 47px auto 50px; padding: 0 15px; box-sizing: border-box; max-width: 100%; } .delivery-wrap * { box-sizing: border-box; } .delivery-wrap a { text-decoration: none; } .delivery-wrap .content-wrap { padding: 26px 38px 76px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); background: white; } .delivery-wrap .pickup-img{ display: flex; align-items: center; padding-top: 50px; } .delivery-wrap .pickup-img img { border-radius: 4px; } .delivery-wrap .pickup-img span{ padding-left: 15px; width: 220px; } .delivery-wrap .content-wrap .tabs-wrap { border-bottom: 1px solid #eaeaea; margin: 0 -38px 18px -37px; padding: 0 38px 8px 37px; margin: 0 -38px; } .delivery-wrap .content-wrap .tabs-wrap .tab { position: relative; font-size: 18px; color: #8e949d; text-transform: uppercase; transition: 0.2s; } .delivery-wrap .content-wrap .tabs-wrap .tab.current { color: #256eab; } .delivery-wrap .content-wrap .tabs-wrap .tab.current::before { opacity: 1; } .delivery-wrap .content-wrap .tabs-wrap .tab + .tab { margin-left: 40px; } .delivery-wrap .content-wrap .tabs-wrap .tab::before { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 3px; background: #256eab; opacity: 0; pointer-events: none; transition: 0.2s; } .delivery-wrap .content-wrap .tabs-wrap .tab + .tab { margin-left: 25px; } .delivery-wrap .content-wrap .tab-content { padding-top: 51px; border: none; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap { display: flex; align-items: center; cursor: pointer; z-index: 2; position: relative; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap input:checked + .circle{ border: 3px solid #256eab; background: #FBBC43; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap .circle { display: flex; justify-content: center; align-items: center; width: 15px; min-width: 15px; height: 15px; border-radius: 50%; margin-right: 17px; border: 1px solid #256eab; box-sizing: border-box; transition:border 0.2s; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap .text { font-size: 14px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap + .radio-wrap { margin-top: 16px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap .text { font-weight: 300; margin-right: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap img { margin-right: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap img + .text { margin-left: 31px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap a { color: #000; text-decoration: underline; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap { position: relative; display: none; margin-top: 35px; padding-left: 70px; z-index: 1; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .inline-radio { display: flex; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .inline-radio .radio-wrap + .radio-wrap { margin: 0 0 0 25px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .inline-radio.delivery-company .radio-wrap + .radio-wrap { margin-left: 73px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .payment-additional { display: none; margin-top: 16px; padding-left: 21px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"], .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea { width: 100%; height: 35px; font-size: 14px; color: #333; font-family: "Roboto"; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; margin-right: 5px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"].disabled, .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea.disabled { opacity: .5; pointer-events: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"] + input, .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea + input { margin-top: 18px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"]:focus, .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea:focus { border-color: #f8bf45; outline: 0; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea { display: block; height: 188px; padding-top: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap { width: 932px; margin-top: 20px; max-width: 100%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .text.h2 { display: flex; font-size: 18px; font-weight: 300; margin: 24px 0 17px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .text.h2 label { margin: 2px 0 0 20px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row { display: flex; justify-content: space-between; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap { display: flex; justify-content: space-between; width: 100%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w104 { width: 104px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w130 { width: 130px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w140 { width: 140px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w190 { width: 190px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w225 { width: 225px; max-width: 50%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w257 { width: 257px; max-width: 50%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w400 { width: 400px; max-width: 50%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w500 { width: 500px; max-width: 50%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w687 { width: 687px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row + .row { margin-top: 20px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap + .form-wrap { display: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap { display: flex; align-items: center; margin-top: 24px; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap input { display: none; } .order__sms .check-wrap input, .checkbox_change { position: absolute; opacity: 0; cursor: pointer; display: block !important; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap input:checked + .square, .order__sms input:checked + .square { background: #256eab; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap input:checked + .square img, .order__sms input:checked + .square img { opacity: 1; } .order__sms{ padding-top: 50px; } .order__sms .check-wrap{ display: flex; align-items: center; position: relative; } .order__sms .input-wrap input{ width: 300px; max-width: 100%; height: 35px; font-size: 14px; color: #333; font-family: "Roboto"; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; margin-right: 5px; margin-top: 15px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap .square, .order__sms .square { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 15px; height: 15px; border: 1px solid #256eab; margin-right: 14px; transition: 0.2s; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap .square img, .order__sms .square img { opacity: 0; transition: 0.2s; pointer-events: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap .text { font-size: 14px; color: #256eab; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap input:not([type="checkbox"]) { display: block; width: 257px; margin-left: 13px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .check-wrap .text { color: #000; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap { position: relative; margin-top: 25px; width: 244px; margin-top: -10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap select { width: 100%; height: 35px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap select.error{ border: 1px solid #fc4123!important; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap select:focus { border-color: #f8bf45; outline: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap select::-ms-expand { display: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .select-wrap img { position: absolute; top: 14px; right: 18px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .terminal-address { font-size: 12px; color: #0155a5; margin-top: 14px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .terminal-address + .form-wrap { margin-top: 20px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .text { font-size: 14px; font-weight: 300; margin: 24px 0 17px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .delivery__info { background: rgba(255, 255, 255, 0.5); border: 2px solid #FBBC43; box-sizing: border-box; border-radius: 3px; padding:22px 15px; line-height: 21px; max-width: 770px; margin: 24px 0 !important; transition: .2s; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .delivery__info:hover { background: #FBBC43; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .text { font-size: 14px; font-weight: 300; margin: 24px 0 17px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap div> .text { font-size: 14px; font-weight: 300; margin: 24px 0 17px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .text.h2 { font-size: 18px; margin-top: 35px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap::before { content: ""; position: absolute; top: -127px; right: -38px; bottom: -49px; left: -38px; background: #f4f4f4; z-index: -1; pointer-events: none; } .delivery-wrap .content-wrap .tab-content .delivery + .delivery { margin-top: 65px; } .delivery-wrap .content-wrap .tab-content .delivery:nth-of-type(2) .details-wrap::before { top: -80px; } .delivery-wrap .content-wrap .tab-content .delivery:nth-of-type(3) .details-wrap::before, .delivery-wrap .content-wrap .tab-content .delivery:nth-of-type(4) .details-wrap::before { top: -100px; } .delivery-wrap .content-wrap .tab-content .pickup { position: relative; padding: 0 35px 0 77px; } .delivery-wrap .content-wrap .tab-content .pickup .title { font-size: 18px; font-weight: 300; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap { display: flex; justify-content: space-between; margin-top: 29px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points { width: 458px; max-width: 100%; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap { display: flex; align-items: center; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap input:checked + .circle{ border: 3px solid #256eab; background: #FBBC43; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap .circle { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; border-radius: 50%; margin-right: 17px; border: 1px solid #256eab; box-sizing: border-box; transition:border 0.2s; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap .text { font-size: 14px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap + .radio-wrap { margin-top: 16px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap .text { font-weight: 300; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap img + .text { margin-left: 31px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap a { color: #000; text-decoration: underline; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .radio-wrap:not(:first-child) { margin-top: 31px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap { margin-top: 24px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .info-wrap__padding{ padding-left: 35px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .item { display: flex; font-size: 14px; color: #0155a5; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .item .img-wrap { display: flex; justify-content: center; align-items: center; width: 14px; margin-right: 16px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .item + .item { margin-top: 13px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .text { font-size: 14px; color: #8e949d; margin-top: 20px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap:last-child { display: none; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap #map { width: 458px; height: 458px; } .delivery-wrap .content-wrap .tab-content .pickup::before { content: ""; position: absolute; top: -51px; right: -38px; bottom: -35px; left: -38px; background: #f4f4f4; z-index: -1; pointer-events: none; } .delivery-wrap .content-wrap .tab-content + .tab-content { display: none; } .delivery-wrap .content-wrap .step-wrap { display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-top: 30px; width: 1002px; } .delivery-wrap .content-wrap .step-wrap .link { font-size: 14px; color: #256eab; text-decoration: underline; } .delivery-wrap .content-wrap .step-wrap .link:hover { color: #283346; text-decoration: none; } .delivery-wrap .content-wrap .step-wrap .btn { display: flex; justify-content: center; align-items: center; width: 268px; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border-radius: 3px; margin-left: 53px; text-transform: uppercase; transition: 0.2s; } .delivery-wrap .content-wrap .step-wrap .btn:hover { background: #283346; } .order-info-wrap { width: 1200px; font-family: "Roboto"; margin: 0 auto 50px; padding: 42px 15px; padding-top: 90px; box-sizing: border-box; background: white; } .order-info-wrap * { box-sizing: border-box; } .order-info-wrap a { text-decoration: none; } .order-info-wrap .title { font-size: 24px; } .order-info-wrap .img-wrap { display: flex; align-items: center; border-bottom: 1px solid #eaeaea; padding: 51px 0 35px 15px; } .order-info-wrap .img-wrap img { margin-right: 30px; } .order-info-wrap .img-wrap p { font-size: 14px; color: #283346; line-height: 21px; } .order-info-wrap .step-wrap { display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-top: 68px; justify-content: space-between; margin-top: 50px; padding: 0 158px 0 211px; } .order-info-wrap .step-wrap .link { font-size: 14px; color: #256eab; text-decoration: underline; } .order-info-wrap .step-wrap .link:hover { color: #283346; text-decoration: none; } .order-info-wrap .step-wrap .btn { display: flex; justify-content: center; align-items: center; width: 268px; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border-radius: 3px; margin-left: 53px; text-transform: uppercase; transition: 0.2s; } .order-info-wrap .step-wrap .btn:hover { background: #283346; } .order-info-wrap .step-wrap .btn { margin: 0; } .order-info-wrap .step-wrap:last-child { justify-content: flex-end; margin-top: 30px; } .order-info-wrap .info-block { margin-top: 60px; background: white; } .order-info-wrap .info-block .head { display: flex; align-items: center; height: 60px; background: #eaeaea; border: 1px solid #dbdcde; } .order-info-wrap .info-block .head .cell { width: 50%; font-size: 14px; font-weight: 500; color: #283346; padding-left: 25px; } .order-info-wrap .info-block .body { display: flex; border: 1px solid #dbdcde; border-top: 0; } .order-info-wrap .info-block .body .column { width: 50%; padding: 22px 0 22px 25px; } .order-info-wrap .info-block .body .column_st { width: 100%; padding: 25px; } .order-info-wrap .info-block .body .column_st .row { display: flex; } .order-info-wrap .info-block .body .column_st .row .cell { font-size: 14px; color: #283346; } .order-info-wrap .info-block .body .column .row { display: flex; } .order-info-wrap .info-block .body .column .row .cell { font-size: 14px; color: #283346; max-width: 50%; } .order-info-wrap .info-block .body .column .row .cell a { font-size: 14px; color: #256eab; text-decoration: underline; } .order-info-wrap .info-block .body .column .row .cell a:hover { color: #283346; text-decoration: none; } .order-info-wrap .info-block .body .column .row .cell span { color: #283346; } .order-info-wrap .info-block .body .column .row .cell.gray { color: #8e949d; } .order-info-wrap .info-block .body .column .row .cell.lh24 { line-height: 24px; } .order-info-wrap .info-block .body .column .row .cell:not(:last-child) { width: 186px; } .order-info-wrap .info-block .body .column .row + .row { margin-top: 19px; } .order-info-wrap .info-block + .info-block { margin-top: 30px; } .order-info-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; color: #283346; margin-top: 30px; } .order-info-wrap table th, .order-info-wrap table td { height: 60px; padding: 0 25px; } .order-info-wrap table th { font-weight: 500; background: #eaeaea; text-align: left; } .order-info-wrap table tr { border: 1px solid #dbdcde; } .order-info-wrap table tr td { height: 105px; } .order-info-wrap table tr td:not(:first-child):not(:last-child) { color: #8e949d; } .order-info-wrap table tr td:first-child { padding-left: 10px; } .order-info-wrap table tr th:nth-child(n+4), .order-info-wrap table tr td:nth-child(n+4) { text-align: center; } .order-info-wrap table tr:last-child { height: 70px; border: 0; } .order-info-wrap table tr:last-child td:first-child { font-size: 20px; text-align: right; } .order-info-wrap table tr:last-child td:last-child { font-size: 18px; text-align: center; } .order-info-wrap table a { font-size: 14px; color: #256eab; text-decoration: underline; } .order-info-wrap table a:hover { color: #283346; text-decoration: none; } .order-info-wrap .total-wrap { display: flex; justify-content: flex-end; padding-right: 63px; } .oncl, .chec { cursor: pointer; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .oncl:hover, .chec:hover{ background-color: #283346; color:White !important; } .pageLogin { padding: 0; } .content_organizations .contentHead { cursor: pointer; } .content_organizations .contentHead:hover { background-color: #e7e7e7 !important; } .content_organizations .btns button { display: inline-block; font: 400 16px/16px "Roboto", sans-serif; color: #ffffff; text-transform: uppercase; padding: 11px 27px; cursor: pointer; background-color: #256eab; border: 0 none; border-radius: 3px; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .content_organizations .btns { padding-top: 25px; } .content_organizations h3 { display: flex; align-items: center; } .organizations__delete { height: 15px; width: 15px; margin-right: 10px; } .organizations__delete svg { width: 100%; height: 100%; fill: #256eab; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .organizations__delete:hover svg { fill: #f8bf45; } .content_organizations .btns button:hover { background-color: #283346; } .suggestions-promo { display: none !important; } .profilePage .container .new_design.content .contentBody { background: #f4f4f4; padding: 55px 45px 45px 45px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); display: flex; width: 96%; margin: 0 auto; box-sizing: border-box; } .profilePage .container .new_design.content .input-wrap:not(:first-child) { margin-top: 18px; } .profilePage .container .new_design.content input { width: 100%; height: 35px; font-size: 14px; color: #333; border: 1px solid #eaeaea; border-radius: 3px; padding-left: 16px; box-sizing: border-box; font-family: Roboto; font-style: normal; font-weight: normal; } .profilePage .container .new_design.content .col-left, .profilePage .container .new_design.content .col-right { width: auto; } .add-organizations__form { width: 600px; background: #EAEAEA; border-radius: 3px; padding: 25px; box-sizing: border-box; } .add-organizations__title { font-family: Roboto; font-size: 18px; line-height: 21px; text-align: center; text-transform: uppercase; color: #283346; } .add-organizations__head-btn { display: flex; padding-bottom: 25px; } .add-organizations__head-btn a { display: block; padding: 6px 12px; background: #EAEAEA; border: 1px solid #8E949D; box-sizing: border-box; border-radius: 3px; color: #8E949D; font-size: 18px; line-height: 21px; text-align: center; text-decoration: none; transition: all 200ms ease 0s; } .add-organizations__head-btn a:not(:last-child) { margin-right: 20px; } .add-organizations__head-btn a:hover { background: #FFFFFF; } .add-organizations__head-btn a.active { color: #256EAB; background: #FFFFFF; border: 1px solid #5B92C0; box-sizing: border-box; } .btn-manually { width: 600px; height: 60px; background: #F8BF45; border-radius: 3px; line-height: 60px; font-size: 18px; text-align: center; text-transform: uppercase; color: #283346; margin-top: 15px; cursor: pointer; transition: all 200ms ease 0s; } .btn-manually:hover { background: #283346; color: white; } .info-text { font-size: 14px; line-height: 16px; color: #8E949D; display: flex; align-items: center; padding-left: 25px; } .info-icon { margin-right: 10px; } .info-text_auto-form { padding-top: 56px; } .add-organizations .container h1 { font-size: 24px; line-height: 28px; font-style: normal; font-weight: normal; text-transform: capitalize; color: #333333; padding-left: 15px; padding-top: 20px; padding-bottom: 20px; } .btn-wrap button { height: 50px; background: #256EAB; border-radius: 3px; width: 100%; border: none; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; margin-top: 18px; transition: all 200ms ease 0s; cursor: pointer; } .btn-wrap button:hover { background: #275078; } .add-organizations__step{ position: relative; } .add-organizations__step .step { display: none; } .add-organizations__step .step.active { display: flex; } .error-wrap { color: red; padding-top: 5px; display: none; } .organizations-confirmation-info { font-size: 14px; line-height: 36px; color: #283346; padding-top: 30px; padding-left: 0; } .organizations-confirmation-info__row { display: flex; } .organizations-confirmation-info__row input.disabled{ pointer-events: none; opacity:0.6; } .organizations-confirmation-info__cell { line-height: 36px; } .organizations-confirmation-info__cell:first-child { min-width: 180px; width: 180px; margin-right: 35px; } .step-2 .info-text { padding-left: 0; margin-bottom: 20px; } .step-2 { padding-left: 25px; width: 100%; } .step-2 > div{ width: 100%; } .step-2 .btn-wrap{ display: flex; } .organizations-add { position: relative; } .organizations-add svg { position: absolute; top: 50%; right:35px; transform: translateY(-50%); } #organizations-file{ display: none; } .organizations__back{ font-size: 14px; line-height: 16px; color: #256EAB; display: inline-flex; align-items:center; margin-left: 25px; margin-top: 35px; } .organizations__back svg{ margin-right: 15px; } .organizations__back span{ text-decoration-line: underline; } .btn-wrap__left, .btn-wrap__right{ width: 50%; } .btn-wrap__right{ padding-left: 45px; } .btn-wrap__right .info-text{ margin-top: 20px; } .btn-wrap__right .info-text .info-icon{ margin-right: 20px; } .add-another-organizations{ display: flex; align-items:center; margin-top: 31px; cursor: pointer; } .add-another-organizations svg{ margin-right: 20px; } .add-another-organizations span{ color: #256EAB; border-bottom: 1px dotted #256EAB; } .ajax-load{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f4f4f4ad; display: none; z-index:10; } .ajax-load_no-bg{ background:none; } .sk-three-bounce { width: 8em; margin: auto; text-align: center; } .sk-three-bounce .sk-child { width: 2em; height: 2em; background-color: #f8bf45; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce-1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce-2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .delivery__tooltip-show{ position: relative; text-decoration: underline; } .delivery__tooltip{ position: absolute; bottom: 0; right: -9999999999px; padding-bottom: 29px; } .delivery__tooltip-content{ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); padding: 26px 15px 30px 30px; background: #FFFFFF; z-index: 10; width: 270px; height: 150px; font-size: 14px; line-height: 16px; color: #8E949D; } .delivery__tooltip-show:hover .delivery__tooltip{ right: -178px; } .delivery__tooltip p{ font-size: 14px; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap a.delivery__tooltip-link{ color:rgb(0, 0, 238);; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .step_form-manually{ width: 100%; } .step_form-manually form{ width: 100%; } .step_form-manually .input-wrap{ display: flex; justify-content: space-between; width: 100%; } .step_form-manually .input-wrap input:last-child{ margin-left: 20px; } .step_form-manually .btn-wrap{ display: flex; } .step_form-manually .btn-wrap__left{ width: 600px; max-width:100%; } .step_form-manually .btn-wrap__right{ width: auto; } .step_form-manually .organizations-confirmation-info__row:not(:first-child){ margin-top: 18px; } .profilePage .container .new_design.content input.error{ border-color:red; } .error-text{ display: none; color:red; } .orderWarning{ background: #eaeaea; padding: 15px 38px; line-height: 66px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items:center; flex-flow: wrap; } .orderWarning>div{ display: flex; align-items:center; } .orderWarning__text{ color: #283346; } .orderWarning__title{ color:#f8bf45; text-transform: uppercase; padding-left: 26px; font-weight: bold; } .orderWarning__icon{ width: 29px; height: 29px; fill:#f8bf45; } .orderWarning__icon svg{ width: 100%; height: 100%; } .buttons .center.disabled{ pointer-events: none; } .buttons .center.disabled a{ background: #ccc; } .organizations-file_name{ align-items: center; display: flex; padding-top:5px; display: none; } .organizations-file_name span{ padding-left: 5px; color: #256EAB; } .partners { background: #fff; border-radius: 4px; margin: 30px 0 35px; } .partners .item { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 27px 24px; } .partners .item h3 { width: 100%; margin-bottom: 20px; font: 20px "Roboto"; color: #256eab; text-align: center; } .partners .item .img { display: flex; align-items: center; width: 100px; height: 60px; border: 2px solid #eaeaea; box-sizing: border-box; margin: 0; transition: 0.25s; } .partners .item .img img { max-width: 100%; } .partners .item .img:hover { border-color: #f8bf45; } .partners .item .img:nth-of-type(n + 3) { margin-top: 17px; } .partners .item:first-of-type { padding-top: 20px; } .partners .item:not(:first-of-type) { border-top: 1px solid #eaeaea; } .buy-one-click__overlay, .ip-popup__overlay{ background: rgba(40, 51, 70, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; overflow: auto; z-index: 10000; } .buy-one-click__open{ box-sizing: border-box; text-align: center; display: flex !important; align-items: center; justify-content: center; cursor: pointer; } .buy-one-click__content, .ip-popup__content { background: #FFFFFF; border: 4px solid #F8BF45; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 900px; max-width: 100%; position: absolute; margin: 40px 0; min-height: 630px; left: 50%; transform: translateX(-50%); } .buy-one-click__overlay_cart .buy-one-click__content{ width: 720px; max-width: 90%; } .buy-one-click__overlay_cart .buy-one-click__right{ width: 100%; } .ip-popup__content{ align-items: center; } .send-error .ip-popup__content{ width:auto; height: auto; min-height: auto; padding: 0 20px ; } .buy-one-click__title,.ip-popup__title { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 30px; line-height: 35px; color: #283346; text-align: center; padding: 40px 0 28px 0; } .buy-one-click__hr,.ip-popup__hr { width: 100%; background: #EAEAEA; height: 1px; } .buy-one-click__close, .ip-popup__close { position: absolute; right: 15px; top: 20px; fill: #256EAB; cursor: pointer; } .buy-one-click__wrapper { display: flex; padding-left: 35px; padding-right: 65px; padding-top: 30px; } .ip-popup__wrapper{ padding: 20px; } .buy-one-click__left { width: 30%; } .buy-one-click__right { width: 70%; padding-left: 45px; } .buy-one-click__footer, .ip-popup__footer { background: #EAEAEA; display: flex; padding-top: 10px; padding-bottom: 35px; margin-top: 44px; } .ordering-none-product-catalog .ip-popup__footer{align-items: center; flex-flow: column;} .send-error .ip-popup__footer{ margin-left: -20px; align-items: center; margin-right: -20px; flex-flow: column; } .send-error .ip-popup__footer{ margin-top: 0; } .buy-one-click__footer .buy-one-click__left{ margin-left: 35px; } .buy-one-click__footer .buy-one-click__right{ padding-right: 65px; } .buy-one-click__mandatory-fields, .ip-popup__mandatory-fields{ font-size: 12px; } .buy-one-click__mandatory-fields-red, .ip-popup__mandatory-fields_red{ color:red; } .buy-one-click__send, .subscribe__product, .ip-popup__send,.buy-one-click__send_cart { width: 300px; height: 40px; background: #256EAB; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-top: 14px; border: none; font-weight: bold; font-size: 16px; line-height: 19px; color: white; cursor: pointer; transition: .2s; text-transform: uppercase; font-family: Roboto; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .buy-one-click__send_disabled{ pointer-events: none; background: #ccc; } .buy-one-click__min-price{ font-family: Roboto; font-style: normal; font-weight: 300; font-size: 12px; line-height: 21px; color: #FC4123; padding: 19px 0 16px 12px; background: #F4F4F4; border-radius: 3px; } .buy-one-click__send .buy-one-click__send:hover, .subscribe__product:hover, .ip-popup__send:hover, .buy-one-click__send_cart:hover { background: #283346; } .buy-one-click__product { background: #F4F4F4; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); padding: 12px; margin-bottom: 36px; } .buy-one-click__prouct-quantity{ font-size: 14px; line-height: 16px; color: #FC4123; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .buy-one-click__prouct-quantity-count { padding: 4px 12px 4px 3px; color: #FFFFFF; background: #FC4123; position: relative; font-size: 18px; line-height: 21px; margin-right: -12px; } .buy-one-click__prouct-quantity-count svg { position: absolute; left: -13px; top: 0; height: 100%; width: 16px; fill: #FC4123; } .buy-one-click__product-img { border: 2px solid #ececec; margin-bottom: 15px; text-align: center; display: block; height: 170px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: white; } .buy-one-click__product-article { background: #256EAB; border-radius: 3px; font-size: 12px; line-height: 14px; display: flex; align-items: center; padding: 5px 8px; color: #FFFFFF; display: inline-block; } .buy-one-click__product-desk { font-size: 12px; line-height: 18px; text-decoration-line: underline; color: #283346; margin: 6px 0 10px 0; } .buy-one-click__product-price-list { list-style: none; padding: 0; margin: 0; } .buy-one-click__product-old-price{ text-decoration: line-through; text-decoration-color: #FC4123; } .buy-one-click__product-price-list li { display: flex; justify-content: space-between; padding: 3px; align-items: center; } .buy-one-click__product-price { font: 16px/19px "Roboto", sans-serif; color: #256EAB; font-weight: normal; } .buy-one-click__product-value { background: #FFFFFF; border: 1px solid #5B92C0; box-sizing: border-box; border-radius: 3px; padding: 3px 8px; font-weight: normal; font-size: 12px; line-height: 14px; color: #256EAB; } .buy-one-click__product-price-list li:first-child .buy-one-click__product-price { font: 21px/25px "Roboto", sans-serif; } .buy-one-click__product-price-icon { font: 500 14px/16px "Roboto", sans-serif; color: #256eab; } .similiarBlocks--list-item-wraps .price-list li:first-child .sym { font: 500 19px/16px "Roboto", sans-serif; } .buy-one-click__quantity-selected, .buy-one-click__quantity-price { display: flex; align-items: center; } .buy-one-click__quantity-selected span, .buy-one-click__quantity-price span { font-size: 14px; line-height: 16px; color: #256EAB; } .buy-one-click__quantity-selected .qtys { height: 48px; max-width: 118px; width: 118px; margin-left: auto; display: flex; align-items: center; } .buy-one-click__quantity-selected button { width: 36px; height: 48px; background: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box; transition: 200ms; font: 400 24px/24px "Roboto", sans-serif; color: #FC4123; cursor: pointer; } .buy-one-click__quantity-selected button.minus { border-radius: 4px 0px 0px 4px; } .buy-one-click__quantity-selected button.plus { border-radius: 0px 4px 4px 0px; } .buy-one-click__quantity-selected button:hover { color: white; background: #256EAB; } .buy-one-click__quantity-selected input, .buy-one-click__quantity-price input{ max-width: 100%; min-width: 60px; width: 60px; height: 48px; background: #F4F4F4; border: 1px solid #EAEAEA; box-sizing: border-box; font: 400 24px/24px "Roboto", sans-serif; color: #FC4123; text-align: center; } .buy-one-click__quantity-price{ margin-top: 20px; justify-content: space-between; } .buy-one-click__quantity-price input{ width: 118px; } .buy-one-click__form-title, .ip-popup__form-title { font-size: 14px; line-height: 21px; color: #283346; } .ip-popup__form-title{ text-align: center; font-size: 16px; width: 100%; } .buy-one-click__form-input-group{ max-width: 100%; max-height: 55px; } .buy-one-click__form-group, .ip-popup__form-group { margin-top: 30px; display: flex; justify-content: space-between; } .buy-one-click__form-text-error{ color:red; display: none; } .ip-popup__form-group{ flex-flow: column; } .ordering-none-product-catalog form{ display: flex; flex-wrap: wrap; max-width: 800px; } .ordering-none-product-catalog .ip-popup__form-label, .send-error .ip-popup__form-label { margin-bottom: 10px; } .ordering-none-product-catalog .ip-popup__form-group{ width: 50%; } .ordering-none-product-catalog .ip-popup__form-group_textarea{ width: 100%; } .ordering-none-product-catalog .ip-popup__form-group_textarea textarea{ width: 100%; } .buy-one-click__form-group:not(.buy-one-click__form-group_textarea) { align-items: center; } .buy-one-click__form-group textarea, .ip-popup__form-group textarea { width: 385px; height: 165px; max-width: 100%; background: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box; border-radius: 3px; padding: 7px 15px; resize: none; font-family: Roboto; } .buy-one-click__form-group textarea::placeholder, .ip-popup__form-group textarea::placeholder { font-size: 16px; color: #8E949D; font-weight: normal; } .buy-one-click__form-label, .ip-popup__form-label { font-weight: 300; font-size: 16px; line-height: 21px; color: #283346; } .buy-one-click__form-label span, .ip-popup__form-label span{ color: red; } .buy-one-click__form-input, .ip-popup__form-input { background: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box; border-radius: 3px; width: 385px; max-width: 100%; height: 35px; padding-left: 15px; } .buy-one-click__form-input.error, .ip-popup__form-input.error{ border-color:red; } .buy-one-click__form-input::placeholder, .ip-popup__form-input::placeholder { font-size: 16px; color: #8E949D; } .buy-one-click__total-price { font-size: 20px; line-height: 23px; color: #283346; display: flex; flex-flow: column; background: #F4F4F4; padding: 16px 20px; margin-top: 32px; } .buy-one-click__total-price span{ font-size: 20px; } span.buy-one-click__total-price-val { font-size: 24px; line-height: 28px; text-align: right; letter-spacing: -0.02em; color: #FC4123; padding-left: 8px; padding-top: 15px; } .buy-one-click__check-wrap { display: flex; align-items: center; margin-top: 20px; cursor: pointer; } .buy-one-click__check-wrap input { display: none; } .buy-one-click__check-wrap input:checked +.buy-one-click__check-wrap-square { background: #256eab; } .buy-one-click__check-wrap input.error + .buy-one-click__check-wrap-square { border-color:red; } .buy-one-click__check-wrap input:checked+.buy-one-click__check-wrap-square img { opacity: 1; } .buy-one-click__check-wrap-square { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 15px; height: 15px; border: 1px solid #256eab; margin-right: 14px; transition: 0.2s; } .buy-one-click__check-wrap-square img { opacity: 0; transition: 0.2s; } .buy-one-click__check-wrap-text { font-size: 14px; line-height: 16px; color: #000000; } .buy-one-click__check-wrap-text a { color: #256EAB; text-decoration: underline; } .buy-one-click__wrapper_quantity-price .buy-one-click__right{ display: flex; align-items: center; } .buy-one-click__subtitle{ font-size: 16px; line-height: 21px; text-align: center; color: #283346; margin: 18px 0; line-height: 24px; } .buy-one-click__layout-thx__time{ margin-top: 38px; margin-bottom: 37px; display: flex; justify-content: center; align-items: center } .buy-one-click__layout-thx__contacts_item svg{ margin-right: 15px; } .buy-one-click__layout-thx__time svg{ margin-right: 22px; } .buy-one-click__layout-thx__time-text{ color:#b4bcc4; } .buy-one-click__layout-thx__contacts{ display: flex; justify-content: center; margin-top: 32px; margin-bottom: 45px; } .buy-one-click__layout-thx__contacts_item{ font-size: 14px; line-height: 21px; color: #283346; } .buy-one-click__layout-thx__contacts_phone{ font-size: 24px; line-height: 28px; color: #256EAB; display: flex; align-items: center; text-decoration: none; padding-top: 15px; padding-right: 72px; } .buy-one-click__layout-thx__contacts_email{ font-size: 16px; line-height: 19px; color: #256EAB; display: flex; align-items: center; text-decoration: none; padding-top: 18px; } .buy-one-click__layout-thx__timer-close{ font-size: 14px; line-height: 16px; text-align: center; color: #000000; } .buy-one-click__layout-thx__timer{ color:#256EAB; } .buy-one-click__catalog { width: 300px; height: 40px; background: #256EAB; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-top: 0; border: none; font-weight: bold; font-size: 16px; line-height: 19px; color: white; cursor: pointer; transition: .2s; text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-transform: uppercase; } .buy-one-click__layout-thx .buy-one-click__footer{ display: flex; padding: 45px 35px 35px ; align-items: center; justify-content: space-between; } .buy-one-click__footer-link{ text-decoration: underline;color: #256EAB;font-size: 14px; } .buy-one-click__catalog:hover { background: #283346; } .buy-one-click__form-from__variant { display: flex; width: 238px; justify-content: space-between; margin-top: 18px; } .buy-one-click__form-from__variant .radio-wrap, .buy-one-click__form-from__chek-wrap .radio-wrap { display: flex; align-items: center; cursor: pointer; } .buy-one-click__form-from__variant .radio-wrap input, .buy-one-click__form-from__chek-wrap .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; } .buy-one-click__form-from__variant .radio-wrap input:checked + .circle, .buy-one-click__form-from__chek-wrap .radio-wrap input:checked + .circle{ border: 3px solid #256eab; background-color: #F8BF45; } .buy-one-click__form-from__variant .radio-wrap .circle, .buy-one-click__form-from__chek-wrap .radio-wrap .circle{ display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; border-radius: 50%; margin-right: 17px; border: 1px solid #256eab; box-sizing: border-box; transition:border 0.2s; } .buy-one-click__form-from__variant .radio-wrap .text, .buy-one-click__form-from__chek-wrap .radio-wrap .text{ font-size: 14px; } .buy-one-click__form-from__title{ font-size: 14px; line-height: 16px; color: #256EAB; margin-top: 28px; } #buy-one-click__form-from__file{ display: none; } .buy-one-click__form-from__file-wrap{ margin-top: 44px; display: flex; align-items: center; } .buy-one-click__form-from__file-help{ font-size: 14px; line-height: 21px; color: #8E949D; margin-left: 12px; } .buy-one-click__form-from__file{ background: #FFFFFF; border: 1px solid #5B92C0; box-sizing: border-box; width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; text-decoration-line: underline; color: #256EAB; display: block; border-radius: 3px; cursor: pointer; transition: all 200ms ease 0s; position: relative; } .buy-one-click__form-from__file span{ padding-left: 19px; } .buy-one-click__form-from__file svg{ position: absolute; top: 50%; left:12px; transform: translateY(-50%); fill:#256EAB; transition: all 200ms ease 0s; } .buy-one-click__form-from__file:hover{ background: #275078; color:white; } .buy-one-click__form-from__file:hover svg{ fill:white } .buy-one-click__layout-thx_email{ color:#256EAB; } #subscribe-product .buy-one-click__form-from__variant{ flex-flow: column } #subscribe-product .buy-one-click__form-from__variant .radio-wrap{ margin-bottom: 10px; } .buy-one-click__form-from__chek-wrap{ display: flex; flex-flow: column; padding-left: 20px; margin-top: 10px; } .buy-one-click__form-from__chek-wrap .radio-wrap{ margin-top: 10px; } .errorView{ cursor: pointer; } .ip-popup__subtitle{ font-size: 16px; text-align: center; color: #283346; margin: 18px 0; line-height: 24px; } .ip-popup__contacts{ display: flex; justify-content: center; margin-top: 32px; margin-bottom: 45px; } .ip-popup__contacts-item{ font-size: 14px; line-height: 21px; color: #283346; } .ip-popup__timer-close{ font-size: 14px; line-height: 16px; text-align: center; color: #000000; } .ip-popup__timer-close-num{ color: #256EAB; } .ip-popup__thx .ip-popup__footer{ display: flex; padding: 45px 35px 35px; align-items: center; justify-content: space-between; flex-flow: row; margin-top: 44px; } .ip-popup__footer-link { text-decoration: underline; color: #256EAB; font-size: 14px; } .ip-popup__catalog { width: 300px; height: 40px; background: #256EAB; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-top: 0; border: none; font-weight: bold; font-size: 16px; line-height: 19px; color: white; cursor: pointer; transition: .2s; text-decoration: none; font-family: Roboto; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-transform: uppercase; margin-left: -30px; } .ip-popup__catalog:hover{ background: #283346; } .ip-popup__contacts-phone { font-size: 24px; line-height: 28px; color: #256EAB; display: flex; align-items: center; text-decoration: none; padding-top: 15px; padding-right: 72px; } .ip-popup__contacts-email{ font-size: 16px; line-height: 19px; color: #256EAB; display: flex; align-items: center; text-decoration: none; padding-top: 18px; } .ip-popup__contacts-item svg { margin-right: 15px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .phone a { font: 400 24px/30px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .phone a:hover { color: #f8bf45; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .phone span { font: 400 14px/14px "Roboto", sans-serif; color: #8e949d; display: block; margin-bottom: 10px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .notes { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .notes .icon { display: inline-block; margin-right: 10px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .notes .icon img { height: auto; min-width: 31px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .notes p { display: inline-block; font: 400 14px/20px "Roboto", sans-serif; color: #8e949d; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email { margin-bottom: 35px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email span { font: 400 14px/40px "Roboto", sans-serif; color: #283346; display: block; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email a { font: 400 16px/20px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email a i { font-size: 14px; color: #256eab; margin-right: 5px; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email a:hover { color: #f8bf45; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .email a:hover i { color: #f8bf45; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices h2 { font: 400 18px/22px "Roboto", sans-serif; color: #256eab; margin-bottom: 15px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul { font-size: 0; line-height: 0; margin: 0; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li { list-style: none; width: 50%; display: inline-block; vertical-align: top; padding: 0 0 10px 0; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li a { font: 400 14px/24px "Roboto", sans-serif; color: #283346; text-decoration: none; -webkit-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li a:hover { color: #f8bf45; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li a i { font-size: 14px; color: #256eab; margin-right: 10px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li a img { height: auto; margin-right: 10px; display: inline-block; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li span { font: 400 14px/24px "Roboto", sans-serif; color: #283346; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .offices ul li span img { height: auto; margin-right: 10px; display: inline-block; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .work_hours { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .work_hours .icon { display: inline-block; margin-right: 10px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .work_hours .icon img { height: auto; min-width: 18px; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .work_hours strong { color: #283346; display: block; } .dropDownContact__wrap_pageContanct.dropDownContact__wrap .work_hours p { font: 400 14px/20px "Roboto", sans-serif; color: #8e949d; } .container-error-page__title{ font-family: Roboto; font-style: normal; font-weight: 500; font-size: 32px; line-height: 37px; text-align: center; color: #256EAB; } .container-error-page__text{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 30px; text-align: center; color: #283346; margin-top: 50px; } .container-error-page{ display: flex; align-items:center; justify-content: center; flex-flow:column; padding-top: 50px; padding-bottom: 50px; background: white; } .error-404{ margin-right: -173px; margin-bottom: 41px; } .container-error-page__text a{ font-size: 18px; color: #283346; } /* Прилипающие меню */ .sticky-menu{ background: #256EAB; height: 63px; color:white; position: fixed; top: -63px; z-index: 10000; width: 100%; transition: .6s; } .sticky-menu_show{ top: 0; } .sticky-menu .container{ display: flex; justify-content: space-between; align-items: center; position: relative; height: 62px; } .sticky-menu .container:after{ content: ''; height: 62px; position: absolute; top: 0; left: -486%; width: 500%; background: #283346; z-index: -1; } .stickymenu__cart{ display: flex; } .sticky-menu__catalog{ display: flex; text-decoration: none; align-items: center; justify-content: center; height: 100%; width: 130px; } .sticky-menu__catalog:hover{ background-color: #275078; } .sticky-menu__catalog span{ margin-left: 14px; color: white; } .sticky-menu__cart{ display: flex; align-items: center; width: 163px; height: 100%; justify-content: space-between; } .sticky-menu__cart .count{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 11px; line-height: 16px; color: #333333; width: 28px; height: 16px; background: #FFFFFF; border-radius: 15px; display: block; text-align: center; margin-left: 11px; } .sticky-menu__cart .wraps a{ display: flex; align-items: center; text-decoration: none; height: 100%; padding:0 10px; } .sticky-menu__cart .wraps a:hover{ background-color: #275078; } .sticky-menu__cart .item, .sticky-menu__cart .wraps{ height: 100%; } .sticky-menu__cart .icon i{ font-size: 25px; color: #f8bf45; } .sticky-menu__sign-in{ display: flex; align-items: center; height: 100%; position: relative; padding: 0 10px; } .sticky-menu__sign-in:hover{ background-color: #275078; } .sticky-menu__sign-in a{ color: white; text-decoration: none; } .sticky-menu__sign-in .join{ display: flex; align-items: center; height: 100%; cursor: pointer; } .sticky-menu__sign-in-text{ margin-left: 9px; position: relative; } .sticky-menu__sign-in-text a:hover{ text-decoration:underline } .sticky-menu__sign-in .far{ font-size: 25px; color: #f8bf45; } .sticky-menu__sign-in .dropdownJoin { z-index: 10; position: absolute; top: 55px; right: -35px; min-width: 120px; padding: 25px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sticky-menu__sign-in .dropdownJoin.active { opacity: 1; visibility: visible; } .sticky-menu__sign-in .dropdownJoin .dropdownJoin__wraps ul li { margin-bottom: 10px; list-style: none; } .sticky-menu__sign-in .dropdownJoin .dropdownJoin__wraps ul li a { display: block; font: 400 14px/18px "Roboto", sans-serif; color: #8e949d; text-decoration: none; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sticky-menu__sign-in .dropdownJoin .dropdownJoin__wraps ul li:hover a { color: #283346; } .sticky-menu__sign-in .dropdownJoin .dropdownJoin__wraps ul li:last-child { margin-bottom: 0; } .sticky-menu .search { display: inline-block; vertical-align: middle; border-radius: 5px; border: 2px solid #f8bf45; background-color: #ffffff; margin-right: 15px; position: relative; } .sticky-menu .search form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 39px;} .sticky-menu .search input { min-width: 445px; padding: 12px 10px; border-left: 0; border-right: 0 none; border-bottom: 0 none; border-top: 0 none; font: 400 12px/12px "Roboto", sans-serif; color: #4b5584; } .sticky-menu .search input::-webkit-input-placeholder { color: #4b5584; } .sticky-menu .search input:-moz-placeholder { color: #4b5584; } .sticky-menu .search input::-moz-placeholder { color: #4b5584; } .sticky-menu .search input:-ms-input-placeholder { color: #4b5584; } .sticky-menu .search .keyboard { background: url(/upload/keyboard.png) no-repeat; width: 36px; display: inline-block; height: 36px; margin-left: -40px; margin-bottom: -15px; cursor:pointer; } .sticky-menu #keyboard_open {display:none; transition:all .2s ease; min-height:0px;} .sticky-menu .search .select2 { display: inline-block; border-left: 1px solid #256eab; min-height: 40px; min-width: 170px; } .sticky-menu .search .select2 .selection .select2-selection { border: 0 none; height: 40px; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__rendered { font: 400 14px/40px "Roboto", sans-serif; color: #8e949d; position: relative; display: inline-block; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__rendered:after { position: absolute; content: ""; bottom: 10px; left: 10px; right: 20px; height: 1px; border-bottom: 1px dashed #c0c5d9; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__rendered span { font: 400 14px/40px "Roboto", sans-serif; color: #8e949d; display: block; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__rendered span img { vertical-align: middle; margin-right: 5px; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__arrow { height: 40px; right: 10px; top: -1px; } .sticky-menu .search .select2 .selection .select2-selection .select2-selection__arrow b { border-color: #256eab transparent transparent transparent; } .sticky-menu .search .select2.select2-container--open .selection .select2-selection .select2-selection__arrow { top: 0; } .sticky-menu .search .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b { border-color: transparent transparent #256eab transparent; border-width: 0 4px 5px 4px; } .sticky-menu .search .btn { position: absolute; top: 0; right: 0; background-color: #f8bf45; border: 0 none; cursor: pointer; padding: 11px 15px; max-height: 39px; /* border-top-right-radius: 5px; border-bottom-right-radius: 5px;*/ -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .sticky-menu .search .btn:hover { background-color: #283346; } .sticky-menu .search .btn:hover i { color: #ffffff; } .sticky-menu .search .btn i { font-size: 14px; color: #283346; } .info__oplata .info__text { margin-bottom: 30px; } .defaultPage .container .wrap .col-right .wraps h1{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 24px; line-height: 28px; text-transform: capitalize; color: #333333; } .info__oplata .contentHead{ display: flex; align-items: center; } .contentHead__text{ padding-left: 20px; } .info__oplata .contentBody{ display: flex; align-items: center; color:#256EAB; } .contentBody__oplata_text{ color:#256EAB; padding-left: 10px; } .contentBody__oplata_text-custom{ padding-left: 20px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; /* or 150% */ /* Primary */ color: #256EAB; } .contentHead_custom{ padding-left: 10px !important; } .defaultPage .container .wrap .col-right .wraps .info__oplata .content .contentHead{ padding: 15px 20px; } .oplata__title_p_center{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; /* or 150% */ text-align: center; color: #283346; margin-top: 50px; } .oplata__payment-method{ padding-top: 70px; } .payment-method__item > span{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; /* identical to box height, or 150% */ text-align: center; letter-spacing: 0.02em; text-transform: uppercase; display: block; /* Primary */ color: #256EAB; } .oplata__payment-method{ display: flex; } .payment-method__item:first-child{ width: 60%; } .payment-method__item-group{ display: flex; justify-content: space-around; } .payment-method__item-item{ display: flex; flex-flow: column; align-items: center; margin-top: 30px; max-width: 270px; text-align: center; } .payment-method__item-item svg{ margin-bottom: 25px; } .oplata__info-delivery{ display: flex; align-items: center; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; /* or 150% */ display: flex; align-items: center; /* Primary */ margin-top: 50px; color: #256EAB; } .oplata__info-delivery svg{ margin-right: 15px; } .about-company__baner{ position: relative; } .about-company__baner-text{ font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; /* White */ color: #FFFFFF; position: absolute; left:47px; bottom: 30px; } .about__company-grid{ display: flex; } .about__company-img{ min-width: 360px; } .about-company__grid-number{ display: flex; justify-content: space-between; flex-flow: wrap; padding-left: 50px; margin-top: 50px; margin-bottom: 20px; } .about-company__grid-number li{ width: 50%; display: flex; align-items: center; margin-bottom: 40px; } .about-company__grid-number svg{ margin-right: 30px; } .about-company__grid-number__text-top{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; color: #283346; text-transform: uppercase; } .about-company__grid-number__text-bot{ font-weight: bold; font-size: 24px; line-height: 130%; display: flex; align-items: center; color: #256EAB; margin-top: 15px; } .company__partners{ display: flex; text-align: center; justify-content: space-between; flex-flow: wrap; } .company__partners img{ margin-bottom: 20px; } .company__delivery{ display: flex; text-align: center; justify-content: space-between; } .company__delivery img{ margin-bottom: 20px; height: 70px; } .delivery__item{ max-width: 20%; } .contentNotice{ display: flex; margin-top: 60px; margin-bottom: 25px; font-style: italic; } .contentNotice_samo{ margin-top: 20px; margin-bottom: 0; } .delivery__block-map{ display: flex; justify-content: space-between; } #delivery-mitino-map, #delivery-samo-map{ width: 390px; height: 390px; max-width: 100%; } .contentNotice svg{ min-width: 27px; margin-top: 5px; margin-right: 20px; } .delivery__pochta-notice, .delivery__pochta{ display: flex; align-items: flex-start; } .delivery__pochta img{ max-width: 130px; margin-right: 40px; } .delivery__pochta-notice{ margin-top: 22px; } .contentBody .info-wrap__padding .item{ display: flex; font-size: 14px; color: #0155a5; } .contentBody .info-wrap__padding .item + .item { margin-top: 13px; } .contentBody .info-wrap__padding .item .img-wrap { display: flex; justify-content: center; align-items: center; width: 14px; margin-right: 16px; } .delivery__pochta-notice span{ font-style: italic; font-weight: 500; padding-left: 10px; } .about-company__content{ background: #F8F8F8; border: 1px solid #F8BF45; box-sizing: border-box; border-radius: 5px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0.02em; text-transform: uppercase; color: #256EAB; padding-top: 30px; margin-bottom: 30px; padding-bottom: 10px; padding-left: 195px; position: relative; } .about-company__content:after{ position: absolute; content: ''; height: 100%; width: 172px; background: url('/includes/images/company/list-bg.png') no-repeat center; top: 0; left: 0; } .about-company__list{ list-style: none; } .about-company__list-item{ margin-bottom: 20px; position: relative; } .about-company__list-item:after{ position: absolute; left: -20px; content: ''; top: 6px; width: 6px; height: 6px; border: 2px solid #F8BF45; border-radius: 50%; } .defaultPage .container .wrap .col-left .wraps nav h3{ font-size: 24px; line-height: 28px; text-transform: capitalize; color: #256EAB; } .new-notes{ border-left:13px solid #F8F8F8; border-top:18px solid #F8F8F8; border-bottom: 18px solid #F8F8F8; border-right: 16px solid #F8F8F8; background:white; height: 200px; box-sizing: border-box; margin-bottom: 30px; } .new-notes__left{ width: 289px; padding-left: 12px; padding-bottom: 18px; padding-top:33px; padding-right: 12px; } .new-notes__left-title-top{ font-weight: bold; font-size: 20px; line-height: 21px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #283346; margin-bottom: 5px; } .new-notes__left-title-bot{ font-size: 16px; line-height: 21px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #283346; } .new-notes__left-title-additional{ font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.02em; color: #256EAB; margin-top: 25px; } .new-notes__center{ position: relative; } .new-notes__center-bg{ position: absolute; top: -18px; left: 48%; transform: translateX(-50%); } .new-notes__center-predlog{ font-size: 20px; line-height: 21px; letter-spacing: 0.04em; color: #FFFFFF; } .new-notes__center-min-price{ font-weight: 900; font-size: 48px; line-height: 40px; letter-spacing: 0.02em; color: #FFFFFF; margin-left: 9px; margin-right: 4px; } .new-notes__center-wrap{ display: flex; position: relative; z-index: 2; align-items: center; margin-top: 33px; } .new-notes__center-star{ font-size: 18px; line-height: 21px; letter-spacing: 0.04em; color: #FFFFFF; } .new-notes__right{ font-weight: bold; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #256EAB; width: 300px; padding-top: 33px; } .new-notes__right-title-bot{ font-size: 18px; line-height: 21px; margin-bottom: 13px; } .new-notes__wrapper{ display: flex; justify-content: space-between; } .new-notes_mini{ height: 100px; background: #F8F8F8; padding: 20px 15px; box-sizing: border-box; display: flex; justify-content: center; margin-bottom: 30px; } .new-notes__price-box-cart{ margin-left: 10px; } .new-notes__price-box-text{ font-size: 18px; display: flex; align-items: center; letter-spacing: 0.04em; color: #283346; background: #FFFFFF; height: 56px; border-radius: 3px; position: relative; padding: 0 16px; width: 465px; } .new-notes__price-box-text:after{ position: absolute; right: -9px; top: 0; width: 0; height: 0; border-style: solid; border-width: 25px 0 30px 10px; border-color: transparent transparent transparent #ffffff; content: ''; } .new-notes__price-box{ background: #256EAB; border-radius: 5px; padding: 2px; max-width: 704px; display: flex; padding-right: 15px; height: 56px; } .new-notes__price-box-price{ display: flex; align-items: center; padding-left: 22px; } .new-notes_mini .new-notes__center-min-price{ font-size: 36px; } .new-notes_mini .new-notes__center-star { margin-bottom: 19px; } .new-notes__manager{ padding-left: 40px; } .new-notes__manager-top{ font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0.02em; text-transform: uppercase; color: #256EAB; } .new-notes__manager-bot{ font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.02em; color: #8E949D; } .new-notes__manager{ display: flex; align-items: center; } .new-notes__manager-icon{ margin-left: 25px; } .new-notes_action .new-notes__price-box{ background: #F8BF45; color: #256EAB; } .new-notes_action { background: none; padding: 20px 10px; justify-content: space-between; } .new-notes_action .new-notes__price-box-text{ width: 540px; letter-spacing: 0; } .new-notes__price-box-text-blue{ color: #256EAB; font-size: 18px; } .new-notes_action .new-notes__manager { padding-left: 6px; } .new-notes_action .new-notes__center-min-price{ color: #256EAB; } .new-notes_action .new-notes__manager-top{ font-size: 26px; line-height: 31px; text-align: center; color: #283346; } .new-notes_action .new-notes__manager-bot{ font-family: Roboto; font-style: normal; font-weight: 500; font-size: 13px; line-height: 15px; text-align: center; color: #256EAB; } .new-notes__manager-title{ font-size: 16px; text-align: center; color: #283346; } .map-custom{ display: flex; background: white; padding-bottom: 20px !important; } .map-custom ul{ list-style: none; margin-right: 40px; } .map-custom .map__link{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #8E949D; text-decoration:none; border-bottom: 1px dashed #8E949D; margin-top: 20px; display: inline-block; } .map-custom .map__link:not(.map__link_first){ margin-left: 25px; } .map-custom .map__link_first{ color: #283346; border-bottom: 1px dashed #283346; } .new-site-popup__overlay{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000000; overflow: auto; overflow-x: auto; } .new-site-popup__content{ width: 600px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; position: relative; background: white; max-width:100%; overflow: hidden; } .new-site-popup__top{ background: #256EAB; padding-top: 135px; padding-bottom: 70px; } .new-site-popup__close{ background: #2167A1; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: 30px; cursor: pointer; top: 30px; } .new-site-popup__top-title{ text-transform: uppercase; font-family: Roboto; font-style: normal; font-weight: 900; font-size: 36px; line-height: 42px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; position: relative; color: #F8BF45; } .new-site-popup__top-subtitle{ font-family: Roboto; font-style: normal; font-weight: 900; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; margin-top:10px ; } .new-site-popup__center{ padding: 70px 15px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; text-align: center; color: #283346; } .new-site-popup__center-title{ font-weight: 500; font-size: 18px; line-height: 21px; } .new-site-popup__link{ text-decoration: none; color: #2167A1; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; } .new-site-popup__center-subtitle{ font-weight: 300; font-size: 18px; line-height: 21px; } .new-site-popup__center-link{ width: 212px; height: 40px; line-height: 40px; text-align: center; background: #F8BF45; border-radius: 5px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #283346; display: block; margin: 0 auto; margin-top: 20px; text-decoration: none; transition: .2s } .new-site-popup__center-link:hover{ background-color: #283346; color: #ffffff; } .new-site-popup__bot{ font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #8E949D; display: flex; justify-content: space-between; padding: 25px 30px; background: #E5E5E5; } .new-site-popup__bot-link{ color: #2167A1; text-decoration: none; font-weight: bold; } .new-site-popup__bot-social-item{ width: 32px; height: 32px; background: #8E949D; border-radius: 4px; display: flex; align-items: center; justify-content: center } .new-site-popup__bot-social-item:hover{ background-color: #283346; color: #ffffff; } .new-site-popup__top-design{ position: absolute; left:-10px; top: 50%; transform:translateY(-50%) } .new-site-popup__content_dpd-delivery .new-site-popup__top{ background: #EAEAEA; padding-top: 70px; border-bottom: 6px solid #E1E1E1; padding-bottom: 50px; } .new-site-popup__content_dpd-delivery .new-site-popup__top-subtitle{ color: #8E949D; margin-top: 40px; } .new-site-popup__content_dpd-delivery .new-site-popup__top-subtitle b{ color:#283346; font-size: 18px; } .new-site-popup__bg-ill-left{ position: absolute; top: 0; left: 0px; } .new-site-popup__bg-ill-right{ position: absolute; top: 0; right: 0; } .new-site-popup__center table{ font-family: Roboto; font-style: normal; font-size: 14px; width: 100%; color: #283346; } .new-site-popup__center table td{ width: 20%; padding: 15px 0 ; padding-left: 8px; text-align-last: left; font-weight: bold; } .new-site-popup__center table tr:nth-child(2n){ background: #F4F4F4; } .new-site-popup__center .new-site-popup__table-item-first{ color:#256EAB; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; width: 40%; } .new-site-popup__content_dpd-delivery .new-site-popup__center{ padding: 45px 30px 65px 30px; } .error-page__text-block{ display: block; width: 1170px; margin: 0 auto; max-width: 100%; } .error-page__text-block__wraps{ background: url(/includes/images/products/similiarBlocks-bg.png), #F4F4F4; background-repeat: no-repeat, repeat; background-position: 148px center, center center; height: 152px; box-sizing: border-box; border: none; padding-left: 48px; padding-right: 24px; display: flex; width: 100%; align-items: center; } .error-page__text-block h2{ font-weight: 500; font-size: 24px; line-height: 28px; color: #283346; padding-left: 142px; padding-top: 0px; flex-grow: 1; } .error-page__text-block__lastBlock p{ font-weight: 500; font-size: 24px; line-height: 28px; padding-right: 40px; } .error-page__text-link{ font-weight: 500; font-size: 24px; line-height: 28px; } .product-description__reademore p{ overflow: hidden; } .product-description__reademore .product-description__readmore-link{ display: block; } .mirror{ transform: scale(1,-1); } .product-description__readmore-link{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #256EAB; display: flex; align-items: center; display: none; width: 100%; cursor: pointer; justify-content: center; } .product-description__readmore-link svg{ margin-left: 6px; } .vozvrat-list{ list-style: none; padding-left: 15px; margin-bottom: 15px; position: relative; font-style: italic; } .vozvrat-list:before{ content: ''; width: 2px; position: absolute; height: 90%; background: #F8BF45; left: 0; } .vozvrat-list:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 2px; height: 4px; background: rgb(248,191,69); background: linear-gradient(180deg, rgba(248,191,69,1) 0%, rgba(248,191,69,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background-size:2px 2px; } .vozvrat-btn{ width: 492px; height: 40px; max-width: 100%; background: #256EAB; border-radius: 3px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center; text-transform: uppercase; color: #FFFFFF; display: block; margin: 0 auto; margin-top: 62px; cursor: pointer; } .vozvrat-btn:hover{ background-color: #275078; } .contentNotice_vozvrat{ margin: 20px 0; } .popup-vozvrat{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; background: rgba(40, 51, 70, 0.5); z-index: 10001; align-items: flex-start; overflow: auto; } .popup-vozvrat__content{ width: 567px; background: #F4F4F4; margin: 50px 0; position: relative; max-width: 90%; } .popup-vozvrat__close{ position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.5; } .popup-vozvrat__close:hover{ opacity: 1; } .popup-vozvrat__heade{ height: 80px; border-bottom: 1px solid #EAEAEA; display: flex; align-items: center; justify-content: center; } .popup-vozvrat__title{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 24px; line-height: 28px; text-align: center; color: #333333; } .popup__input{ background: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box; border-radius: 3px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #283346; width: 100%; height: 35px; margin-bottom: 20px; padding-left: 17px; } .popup__input::placeholder{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #283346; } .popup__input.error::placeholder{ color:red; } .popup__input.error{ color:red; } .popup__input-group{ display: flex; justify-content: space-between; } .popup__input-group .popup__input{ width: 48%; } .popup-vozvrat__form{ padding: 30px 35px; } .popup__select{ width: 100%; height: 35px; background: #FFFFFF; border: 1px solid #EAEAEA; padding-left: 17px; margin-bottom: 20px; } .popup__select.error{ color:red; } .popup__select option{ color:black } .popup-vozvrat__group-textarea{ margin-bottom: 20px; } .popup-vozvrat__group-title{ width: 100%; height: 35px; padding-left: 10px; position: relative; z-index: 2; display: flex; box-sizing: border-box; align-items: center; } .popup__textarea{ height: 170px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #8E949D; border-radius: 3px; padding-left: 17px; padding-right: 17px; padding-top: 17px; width: 100%; max-width: 100%; min-width: 100%; min-height:170px; border: 1px solid #EAEAEA; box-sizing: border-box; } .popup-vozvrat__group-body{ background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 5px; padding: 30px; } .popup-vozvrat__radio-wrap{ display: flex; cursor: pointer; z-index: 2; position: relative; } .popup-vozvrat__radio-wrap input[name="compensation"]{ display: none; } .popup-vozvrat__radio-wrap .popup__input{ width: 355px; } .popup-vozvrat__radio-wrap__text{ display: block; } .popup-vozvrat__radio-wrap input[name="compensation"]:checked + .popup-vozvrat__circle{ border: 3px solid #256eab; background: #FBBC43; } .popup-vozvrat__radio-wrap input[name="compensation"]:checked ~ .popup-vozvrat__radio-wrap-help{ pointer-events: auto; } .popup-vozvrat__radio-wrap .popup-vozvrat__radio-wrap-help{ pointer-events: none; } .popup-vozvrat__circle{ display: flex; justify-content: center; align-items: center; width: 15px; min-width: 15px; height: 15px; border-radius: 50%; margin-right: 17px; border: 1px solid #256eab; box-sizing: border-box; transition: border 0.2s; margin-top: 3px; } .popup-vozvrat__gray{ font-size: 12px; line-height: 21px; color: #8E949D; margin-bottom: 15px; } .popup-vozvrat__group-body p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 33px; color: #283346; padding-top: 25px; margin-bottom: 0; } .popup-vozvrat__check-wrap{ display: flex; align-items: center; margin-top: 24px; cursor: pointer; } .popup-vozvrat__check-wrap input { display: none; } .popup-vozvrat__square { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 15px; height: 15px; border: 1px solid #256eab; margin-right: 14px; transition: 0.2s; } .popup-vozvrat__text{ font-size: 14px; color: #256eab; } .popup-vozvrat__check-wrap input:checked + .popup-vozvrat__square { background: #256eab; } .popup-vozvrat__check-wrap input:checked + .popup-vozvrat__square img { opacity: 1; } .popup-vozvrat__check-wrap .popup-vozvrat__square img { opacity: 0; transition: 0.2s; } .popup-vozvrat__next { width: 100%; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256eab; border: 0; border-radius: 3px; margin-top: 24px; text-transform: uppercase; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; } .popup-vozvrat__next:hover { background: #283346; } .popup-vozvrat__act-whom{ text-align: right; } .popup-vozvrat__step{ display: none; } .popup-vozvrat__step.active{ display: block; } .popup-vozvrat__btn{ display: flex; justify-content: space-between; } .popup-vozvrat__btn .popup-vozvrat__next{ width: 48%; } .popup-vozvrat__next_back{ background: #FFFFFF; border: 1px solid #256EAB; box-sizing: border-box; color: #256EAB; } .popup-vozvrat__next_back:hover{ color:white; } .popup-vozvrat__notice{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #256EAB; margin-top: 12px; } .popup-vozvrat__body{ padding: 30px 35px; } .popup-vozvrat__footer .new-site-popup__bot{ background: #FFFFFF; } .popup-vozvrat__step_success .popup-vozvrat__heade{ background: #256EAB; height: 184px; text-align: center; } .popup-vozvrat__step_success .popup-vozvrat__title{ font-family: Roboto; font-style: normal; font-weight: 900; font-size: 36px; line-height: 42px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #F8BF45; } .popup-vozvrat__step_success .popup-vozvrat__body{ background-color: #FFFFFF; text-align: center; font-family: Roboto; font-style: normal; font-weight: 300; font-size: 18px; line-height: 21px; text-align: center; color: #283346; } .popup-vozvrat__step_success .popup-vozvrat__body b, .popup-vozvrat__step_success .popup-vozvrat__body span{ font-size: 18px; line-height: 21px; } @media(max-width:1250px) and (min-width:1000px){ .new-notes__right{ padding-left: 28px; box-sizing: border-box; padding-top: 15px; } .new-notes__left{ box-sizing: border-box; padding-right: 25px; padding-top: 15px; } .new-notes__center-bg{ width: 247px; } } @media(max-width:1200px){ .new-notes__manager { padding-left: 20px; } .new-notes_mini{ height: auto; } .new-notes_mini{ flex-flow: column; align-items: center; } .new-notes__manager { padding-left: 0; padding-top: 15px; } .new-notes__manager-top br{ display: none; } .error-page__text-block__wraps{ align-items: center; background-position: 168px center, center center; background-size: 422px 150px; } .error-page__text-block h2{ font-size: 18px; line-height: 20px; } .error-page__text-block__lastBlock p{ font-size: 18px; line-height: 20px; } .error-page__text-link{ font-size: 18px; line-height: 20px; } } @media(max-width:900px){ .company__delivery{ flex-flow: wrap; justify-content: space-around; } .delivery__item { max-width: 33%; margin-bottom: 20px; } .delivery__block-map{ display: block; } .delivery__block-map > div:first-child{ display: flex; justify-content: space-between; } .info-wrap__padding{ width: 50%; } .delivery__block-map > div:first-child > img{ width: 40%; margin-top: 0 !important; } #delivery-samo-map, #delivery-mitino-map{ width: 100%; margin-top: 10px; } .new-notes__wrapper{ flex-flow: column; padding: 20px 15px; align-items: center; } .new-notes{ height: auto; margin-top: 30px; } .new-notes__center{ height: 200px; margin-top: 25px; } .new-notes__right{ padding: 0 12px; } .new-notes__left{ padding: 0 12px; } .error-page__text-block{ } .error-page__text-block__wraps{ background: url(/includes/images/products/similiarBlocks-bg-mobile.png), #F4F4F4; background-repeat: no-repeat; background-position: top center; flex-flow: column; padding: 35px 0; height: auto; } .error-page__text-block h2{ padding: 0; text-align: center; padding-top: 15px; line-height: 21px; } .error-page__text-block__lastBlock p{ margin-top: 100px; text-align: center; width: auto; padding-right: 0; } .error-page__text-link{ } } @media(max-width:1060px){ .sticky-menu{ display: none !important; } } @media(max-width:1000px){ .error-404 svg{ max-width: 65%; } .error-illustration{ height: 374px; width: 100%; position: relative; } .error-illustration svg { max-width: 155%; position: absolute; left: 50%; transform: translateX(-50%); } .add-organizations__step .step{ flex-flow: column; } [data-step="1"] .col-right{ order: 1; } [data-step="1"] .col-left{ order: 2; } .info-text_auto-form{ padding-top: 0; margin-bottom: 20px; padding-left: 0; } .profilePage .container .new_design.content .contentBody{ justify-content: center; padding: 45px 10px; } .step-2 > div { display: flex; flex-flow: column; align-items: center; width: 100%; } .add-organizations__form{ margin: 0 auto; max-width: 100%; width: 100%; } .step_form-manually .btn-wrap{ flex-flow: column; align-items: center; max-width: 100%; margin: 0 auto; } .step-2{ padding-left: 0; } .add-organizations__step .step{ width: 100%; padding:0 10px; } .btn-wrap__right{ padding-left: 0; } #js_ipe_basket .buttons{ flex-flow: wrap; justify-content: space-between; } #js_ipe_basket .buttons > div:nth-child(1){ order: 2; } #js_ipe_basket .buttons > div:nth-child(2){ order: 1; width: 100%; justify-content: center; } #js_ipe_basket .buttons > div:nth-child(3){ order:3; } .buy-one-click__content, .ip-popup__content{ max-width: 90%; } .buy-one-click__right{ padding-left: 0; width: 100%; } .buy-one-click__wrapper{ flex-flow: column; } .buy-one-click__left { width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px; } .buy-one-click__total-price{ padding: 10px 10px; } .buy-one-click__product{ display: flex; width: 60%; margin-bottom: 0; } .buy-one-click__wrapper{ padding: 30px; } .buy-one-click__product-img{ min-width: 170px;; } .buy-one-click__total-price span{ font-size: 16px; } .buy-one-click__wrapper-price{ display: flex; flex-flow: column; justify-content: space-between; } .buy-one-click__product-options{ padding-left: 10px; } .about__company-grid { flex-flow: column; } .about__company-img { text-align: center; } .about-company__grid-number{ padding-left: 10px; } } @media(max-width:768px){ .new-notes__price-box{ flex-flow: column; width: 100%; align-items: center; } .new-notes__price-box-text{ width: 90%; margin-bottom: 25px; justify-content: center; text-align: center; } .new-notes_action .new-notes__price-box-text { width: 88%; letter-spacing: 0; display: block; padding-top: 10px; } .new-notes__price-box-price { display: flex; align-items: center; padding-left: 0; } .new-notes__price-box-text:after{ width: 0; height: 0; border-style: solid; border-width: 18px 44vw 0 44vw; border-color: #ffffff transparent transparent transparent; right: 0; top: auto; bottom: -17px; } .new-notes__price-box{ height: auto; padding-right: 0; padding-bottom: 10px; } .map-custom { flex-flow: column wrap; height: 1300px; } .map-custom ul{ width: 50%; justify-content: space-between; margin-bottom: 20px; margin-right: 0; } .defaultPage .container .wrap .col-right .wraps .deliveryBlock .content .contentHead h3 { font: 700 14px/20px "Roboto", sans-serif; color: #256eab; } .defaultPage .container .wrap .col-right .wraps .deliveryBlock .content .contentHead { background-color: #f8f8f8; padding: 15px; } .defaultPage .container .wrap .col-right .wraps .deliveryBlock .content .contentBody { padding-top: 10px; } .delivery__item { max-width: 50%; } .defaultPage .container .wrap .col-right .wraps .deliveryBlock .content .contentBody p{ font: 400 13px/21px "Roboto", sans-serif; } } @media(max-width:650px){ .popup-vozvrat__form { padding: 15px 15px; } .popup-vozvrat__close svg{ width: 20px; } .new-site-popup__content{ max-width: 90%; } .new-site-popup__top-design{ display: none; } .buy-one-click__product { width: 100%; box-sizing: border-box; } .buy-one-click__left{ flex-flow: column; } .buy-one-click__wrapper-price{ flex-flow: row; } #js_ipe_basket .buttons .center { flex-flow: column; padding-top: 43px; } .krr{ padding: 0; margin: 10px } #js_ipe_basket .buttons .center > div:nth-child(1){ order: 3; } #js_ipe_basket .buttons .center > div:nth-child(2){ order: 2; } #js_ipe_basket .buttons .center > div:nth-child(3){ order: 1; } #js_ipe_basket .buttons .center > div:nth-child(3) span{ top: -43px !important; } .buy-one-click__overlay_cart .buy-one-click__form-group{ flex-flow: column; align-items: flex-start; } .buy-one-click__overlay_cart .buy-one-click__footer .buy-one-click__left{ display: none; } .buy-one-click__overlay_cart .buy-one-click__footer .buy-one-click__right{ display: flex; flex-flow: column; align-items: center; padding-right: 0; } .buy-one-click__overlay_cart .buy-one-click__right{ padding-left: 0; } .buy-one-click__overlay_cart .buy-one-click__wrapper{ padding: 30px; } .buy-one-click__send, .subscribe__product, .ip-popup__send, .buy-one-click__send_cart{ max-width: 90%; } .buy-one-click__title, .ip-popup__title{ font-size: 22px; } #js_ipe_basket .buttons { justify-content: center; } .wrapper .container{ padding: 0 10px !important; } section.singleProductPage .container .wrap .content .col-right .wraps { padding: 0 20px !important; } .delivery-wrap .content-wrap{ padding: 26px 18px 76px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap::before{ right: -18px; left: -18px; top: -106px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap{ padding-left: 40px; } .delivery-wrap .content-wrap .tabs-wrap .tab{ font-size: 16px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row:nth-child(2) .input-wrap.w500{ max-width: 25%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row:nth-child(2) .input-wrap.w400{ max-width: 75%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"], .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea{ padding-left: 10px; } .delivery-wrap .content-wrap .tab-content .delivery > .radio-wrap img{ display: none; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .inline-radio{ flex-flow: wrap; } .delivery-wrap .content-wrap .tab-content .delivery .delivery-company .radio-wrap{ width: 50%; margin-left: 0 !important; margin-bottom: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .radio-wrap img { width: 120px; } .delivery-wrap .content-wrap .tab-content .pickup{ padding: 0; } .delivery-wrap .content-wrap .tabs-wrap{ margin: 0 -18px; } .delivery-wrap .content-wrap .tab-content .pickup::before{ display: none; } .delivery-wrap .pickup-img span{ display: block; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .inline-radio .radio-wrap + .radio-wrap{ margin-left: 0; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap{ display: block; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap #map { width: 100%; height: 255px; margin-top: 20px; } .delivery-wrap .content-wrap .step-wrap{ max-width: 100%; } .about-company__grid-number { padding-left: 0; flex-flow: column; justify-content: center; align-items: center; } .about-company__grid-number li { width: 80%; } .about-company__baner-text{ color: #283346; position: static; } .about-company__content:after{ display: none; } .about-company__content{ padding-left: 25px; } .company__partners{ justify-content: space-around; } } @media(max-width:500px){ .delivery__pochta-notice, .delivery__pochta{ display: block; } .delivery__pochta img{ display: block; margin-bottom: 10px; } .delivery__block-map > div:first-child{ display: block; text-align: center; } .info-wrap__padding{ width: 100%; text-align: left; } .delivery__block-map > div:first-child > img{ width: auto; margin-top: 10px; } .chec{ z-index: 5; } .new-site-popup__content_dpd-delivery .new-site-popup__center{ padding: 25px 5px 45px 5px; } .new-site-popup__content_dpd-delivery .new-site-popup__top-subtitle b{ font-size: 16px; } .new-site-popup__content_dpd-delivery .new-site-popup__top-subtitle br{ display: none; } .new-site-popup__center-title{ font-size: 16px; } .new-site-popup__center-subtitle{ font-size: 16px; } .new-site-popup__center-subtitle br{ display: none; } .new-site-popup__center { padding: 40px 15px; } .new-site-popup__top-title{ font-size: 26px; } .new-site-popup__top-subtitle{ font-size: 16px; } .new-site-popup__top { background: #256EAB; padding-top: 70px; padding-bottom: 40px; } .new-site-popup__close{ top: 10px; right: 10px; } .map-custom { flex-flow: column wrap; height: auto; } .map-custom ul{ width: 100%; margin-bottom: 20px; margin-right: 0; } .map-custom ul:first-child{ order: 4; } body{ overflow-x: hidden; } .buy-one-click__product{ flex-flow:column; margin-bottom: 36px; } .buy-one-click__wrapper-price{ flex-flow:column; } .buy-one-click__form-group, .ip-popup__form-group { flex-flow: column; align-items: flex-start !important; } section.singleProductPage .container .wrap .content .col-right .wraps .buyBlock .buyBlock__content .btn .submit{ font-size: 12px !important; } .buy-one-click__form-from__file-wrap{ flex-flow: column; } .buy-one-click__footer .buy-one-click__left{ display: none; } .buy-one-click__footer .buy-one-click__right { padding-right: 0; display: flex; flex-flow: column; align-items: center; } .parametrList-item{ overflow: auto; } section.singleProductPage .container .wrap .content .col-left .wraps .more{ padding-left: 0 !important } .step-2 .info-text br, .info-text_auto-form br{ display: none; } .auth-wrap .column .block{ padding: 26px 15px 25px 15px; } .auth-wrap .column .block .tabs-wrap{ margin: 0; margin-bottom: 18px; padding: 0 0px 8px 0; display: flex; } .auth-wrap .column .block .tabs-wrap .tab + .tab { margin-left: 28px; } .auth-wrap .column .block .tabs-wrap .tab{ font-size: 16px; } .delivery-wrap{ padding: 0; } .delivery-wrap .content-wrap .tabs-wrap{ padding: 0 10px 8px 10px; } .delivery-wrap .content-wrap .tabs-wrap .tab { font-size: 14px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap { padding-left: 20px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row:nth-child(2){ flex-flow: wrap; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row:nth-child(2) .input-wrap.w500{ width: 100%; max-width: 100%; margin-bottom: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .text.h2{ display: block; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .text.h2 label{ margin-left: 0; margin-top: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row:nth-child(2) .input-wrap.w400{ width: 100%; max-width: 100%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row{ flex-flow: wrap } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w500{ max-width: 100%; margin-bottom: 10px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w400{ max-width: 100%; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap .form-wrap .row .input-wrap.w687{ margin-top: 10px; } .oplata__payment-method { flex-flow: column; align-items: center; } .payment-method__item:first-child { width: 100%; margin-bottom: 20px; } .payment-method__item-item{ padding: 0 10px; } .about-company__grid-number li { width: 100%; } } @media(max-width:340px){ .join_reg{ display: none !important; } .error-illustration{ height: 260px; } .error-illustration svg { top: -77px; } .auth-wrap .column .block .tabs-wrap .tab{ font-size: 12px; } .auth-wrap .column .block .check-wrap .text{ font-size: 12px; } .auth-wrap .column .block-title { font-size: 18px; } .auth-wrap .column .block .auth-wrap__btn{ font-size: 12px; } .auth-wrap .column .block .note{ font-size: 12px; } .delivery-wrap .content-wrap .tabs-wrap .tab{ font-size: 11px; } .delivery-wrap .content-wrap .tabs-wrap .tab + .tab{ margin-left: 12px; } .delivery-wrap .content-wrap .tab-content .pickup .map-wrap .pickup-points .info-wrap .info-wrap__padding { padding-left: 20px; } .delivery-wrap .pickup-img{ display: block; } .delivery-wrap .content-wrap .tab-content .delivery .radio-wrap .text { font-size: 12px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap > .text{ font-size: 12px; } .delivery-wrap .content-wrap .tab-content .delivery .details-wrap input[type="text"], .delivery-wrap .content-wrap .tab-content .delivery .details-wrap textarea{ font-size: 12px; } } @media (max-width:1000px){ .productsListPage .container .wrap .col-right .wraps .listProducts_list .productsNew--item .productsNew--item-wrap .productsNew--item-wrap-content .productsNew--item-middle .title { margin: 0; max-width: 100% ; } .price-section__block{ min-width: 100%; } .price-section__value { font-size: 30px; } } @media (max-width:1210px){ .productsListPage_search.productsListPage .container .wrap .col-left{ display: none; } .productsListPage_search.productsListPage .container .wrap .col-right{ width: 100%; } } /* End */ /* Start:/includes/css/error-page.css?15840380106397*/ .page-404 .file-text{max-width: 120px;white-space: nowrap;overflow: hidden;} .request_product_form .input-wrap input.error{border-color: red;color: red;}.page-404{background: #fff;color:#283346;font-family:"Roboto";padding:50px 0}.page-404 *{box-sizing:border-box}.page-404 p,.page-404 h1,.page-404 h2,.page-404 h3,.page-404 h4,.page-404 h5,.page-404 h6{margin:0}.page-404 img{display:block}.page-404 input:focus,.page-404 textarea:focus,.page-404 button:focus{outline:none}.page-404 .content-wrap{width:1200px;display:flex;justify-content:center;align-items:flex-start;margin:0 auto;padding:0 15px}.page-404 .content-wrap .right{width:658px;margin-left:60px;padding-top:24px}.page-404 .content-wrap .right .title{font-size:21px;font-weight:500;color:#256Eab;margin-top:55px;padding-left:60px}.page-404 .content-wrap .right .title.black{font-weight:bold;color:#283346;margin-top:0}.page-404 .content-wrap .right .search-wrap{position:relative;display:flex;margin-top:52px;padding:0 11px 0 75px}.page-404 .content-wrap .right .search-wrap input{width:100%;height:54px;font-size:14px;color:#4b5584;font-family:"Roboto";background:#fff;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:0 20px}.page-404 .content-wrap .right .search-wrap button{z-index: 2;width:57px;height:54px;background:#4b5584;display:flex;justify-content:center;align-items:center;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:.2s;cursor:pointer}.page-404 .content-wrap .right .search-wrap button:hover{background:#256Eab}.page-404 .content-wrap .right .search-wrap .search{position: relative;z-index: 2;width: 100%;}.page-404 .content-wrap .right .search-wrap .bg{position:absolute;top:-6px;right:4px;max-width:969px;}.request_product_form{border:4px solid #f8bf45;margin-top:50px;padding:38px 65px 0 55px;box-shadow:0 4px 4px rgba(0,0,0,0.25)}.request_product_form .form-title{font-size:18px;margin-bottom:32px}.request_product_form .input-wrap{display:flex;justify-content:space-between;align-items:center}.request_product_form .input-wrap .label{font-size:16px;font-weight:300}.request_product_form .input-wrap .label span{color:#fc4123}.request_product_form .input-wrap input,.request_product_form .input-wrap textarea{width:385px;height:35px;font-size:16px;color:#283346;font-family:"Roboto";border:1px solid #eaeaea;border-radius:3px;padding-left:15px;transition:.2s}.request_product_form .input-wrap input[type="file"],.request_product_form .input-wrap textarea[type="file"]{position:absolute;left:-9999px;visibility:hidden}.request_product_form .input-wrap input:focus,.request_product_form .input-wrap textarea:focus{border-color:#256Eab}.request_product_form .input-wrap textarea{height:165px;padding-top:7px;padding-bottom:7px}.request_product_form .input-wrap .file{cursor: pointer;width:200px;height:40px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#256Eab;border:1px solid #256Eab;border-radius:3px;text-decoration:underline;transition:.2s}.request_product_form .input-wrap .file img{margin-right:18px}.request_product_form .input-wrap .file:hover{color:#4b5584;border-color:#4b5584;text-decoration:none}.request_product_form .input-wrap.full-width input{width:100%;font-size:14px}.request_product_form .input-wrap.comment{align-items:flex-start}.request_product_form .input-wrap.comment .label{padding-top:7px}.request_product_form .input-wrap+.input-wrap{margin-top:30px}.request_product_form .customer-type{margin-top:23px}.request_product_form .customer-type .customer-title{font-size:14px;color:#256Eab;margin-bottom:18px}.request_product_form .customer-type .radio-wrap{display:flex}.request_product_form .customer-type .radio-wrap input{position:absolute;left:-9999px;visibility:hidden}.request_product_form .customer-type .radio-wrap input:checked+.item::before{border-width:4px}.request_product_form .customer-type .radio-wrap .item{display:flex;align-items:center;font-size:14px;color:#000;cursor:pointer}.request_product_form .customer-type .radio-wrap .item~.item{margin-left:47px}.request_product_form .customer-type .radio-wrap .item::before{content:"";display:block;width:15px;height:15px;border:1px solid #256Eab;border-radius:50%;margin-right:17px;box-sizing:border-box;transition:.2s}.request_product_form input[type="checkbox"]{position:absolute;left:-9999px;visibility:hidden}.request_product_form input[type="checkbox"]:checked+.check-wrap .check{background:#256Eab}.request_product_form .check-wrap{display:flex;align-items:center;margin-top:40px;cursor:pointer}.request_product_form .check-wrap .check{position:relative;width:15px;height:15px;flex-shrink:0;border:1px solid #256Eab;margin-right:13px;transition:.2s}.request_product_form .check-wrap .check img{position:absolute;top:2px;left:2px}.request_product_form .check-wrap~.check-wrap{margin-top:18px}.request_product_form .btn-wrap{background:#eaeaea;margin:32px -65px 0 -55px;padding:14px 65px 35px 55px}.request_product_form .btn-wrap .asterisk{font-size:12px;font-weight:300}.request_product_form .btn-wrap .asterisk span{color:#fc4123}.request_product_form .btn-wrap button{width:300px;height:40px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:bold;color:#fff;background:#256Eab;border:none;border-radius:3px;margin-top:17px;text-transform:uppercase;cursor:pointer;transition:.2s}.request_product_form .btn-wrap button:hover{background:#4b5584}@media (max-width:1199px){.page-404 .content-wrap{width:768px;align-items:center;flex-direction:column}.page-404 .content-wrap .right{margin:60px 0 0 0}}@media (max-width:767px){.page-404 .content-wrap{width:100%;max-width:500px;padding:0 10px}.page-404 .content-wrap .right{width:100%}.page-404 .content-wrap .right .title{padding-left:0}.page-404 .content-wrap .right .search-wrap{padding:0}.page-404 .content-wrap .right .search-wrap .bg{right:-6px}.request_product_form{padding:25px 15px 0}.request_product_form .input-wrap{align-items:flex-start;flex-direction:column}.request_product_form .input-wrap .label{margin-bottom:10px}.request_product_form .input-wrap input,.request_product_form .input-wrap textarea{width:100%; box-sizing: border-box;}.request_product_form .btn-wrap{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.request_product_form .btn-wrap button{max-width:100%}}/*# sourceMappingURL=./style.css.map */ /* End */ /* Start:/includes/css/new_product.css?160432137818945*/ .products-wrap { display: flex; flex-flow: wrap; justify-content: space-evenly; } .products-wrap .product-item__horizontal .qtys{ height: 40px; max-width: 116px; width: 116px; } .products-wrap .product-item__horizontal .qtys input { min-width: 46px; width: 46px; height: 40px; } .products-wrap .product-item__horizontal .qtys button { font: 400 24px/28px "Roboto", sans-serif; min-width: 36px; width: 36px; height: 40px; } .products-wrap .qtys{ height: 28px; max-width: 80px; width: 80px; display: flex; align-items: center; font-size: 0; line-height: 0; } .products-wrap .qtys input { max-width: 100%; min-width: 32px; width: 32px; height: 28px; background: #F4F4F4; border: 1px solid #EAEAEA; box-sizing: border-box; box-shadow: none; padding: 0; margin: 0 -1px; font: 400 16px/19px "Roboto", sans-serif; color: #FC4123; text-align: center; } .products-wrap .qtys button { width: 24px; height: 28px; background: #FFFFFF; border: 1px solid #EAEAEA; box-sizing: border-box; transition: 200ms; font: 400 16px/19px "Roboto", sans-serif; color: #FC4123; cursor: pointer; } .products-wrap .qtys button:hover{ color:white; background: #256EAB; cursor: pointer; } .products-wrap .qtys .plus { border-radius: 0px 4px 4px 0px; } .products-wrap .qtys .minus { border-radius: 4px 0px 0px 4px; } .product-item__vertical *, .product-item__horizontal * { box-sizing: border-box; } .product-item__vertical img { display: block; max-height: 100%; } .product-item__vertical { position: relative; width: 250px; font-family: "Roboto"; background: #F8F8F8; border: 1px solid #C1C6CD; border-radius: 3px; padding: 12px 14px 15px; box-sizing: border-box; margin-bottom: 30px; } .product-item__vertical:hover .to-cart-wrap { opacity: 1; pointer-events: all; } .product-item__vertical .to-cart-wrap .to_basket_form{ width: 100%; } .to-cart-wrap .to_basket_form{ display: flex; align-items: center; justify-content: space-between; } .product-item__vertical:hover .shadow-element { opacity: 1; } .product-item__vertical .shadow-element { position: absolute; top: 0; right: 0; bottom: -111px; left: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); transition: .2s; opacity: 0; pointer-events: none; z-index: 5; } .product-item__vertical .logo-wrap { display: flex; align-items: center; height: 35px; justify-content: space-between; } .logo-wrap img{ max-height: 50px; max-width: 100px; } .column-info .logo-wrap{ margin-top: 15px; } .product-item__vertical .logo { margin-right: auto; } .product-item__vertical .action-btn { position: relative; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #EAEAEA; border-radius: 3px; transition: .2s; } .product-item__vertical .action-btn.like .action-btn-label { background: #FC4123; } .product-item__vertical .action-btn.like .action-btn-label::before { border-right-color: #FC4123; } .product-item__vertical .action-btn-label { position: absolute; top: 7px; left: 40px; font-size: 12px; color: #fff; line-height: 20px; background: #256EAB; border-radius: 3px; padding: 0 7px 0 8px; transition: .2s; opacity: 0; pointer-events: none; white-space: nowrap; z-index: 5; } .product-item__vertical .action-btn-label::before { content: ""; position: absolute; top: 6px; left: -4px; border-style: solid; border-width: 4px 4px 4px 0; border-color: transparent #256EAB transparent transparent; } .product-item__vertical .action-btn + .action-btn { margin-left: 2px; } .product-item__vertical .action-btn:hover { border-color: #256EAB; } .product-item__vertical .action-btn:hover .action-btn-label { opacity: 1; } .product-item__vertical .img-wrap { position: relative; display: block; height: 220px; background: #fff; margin-top: 17px; overflow: hidden } .product-item__vertical .img-wrap:hover ~ .title { text-decoration: none; } .product-item__vertical .img-wrap::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #C4C4C4; } .product-item__vertical .title { display: block; font-size: 14px; font-weight: 500; color: #283346; line-height: 18px; margin-top: 5px; padding: 0 18px 0 4px; } .product-item__vertical .title:hover { text-decoration: none; } .product-item__vertical .desc-wrap { padding: 0 5px; } .product-item__vertical .sku { height: 30px; font-size: 16px; font-weight: 500; color: #fff; line-height: 30px; background: #256EAB; border-radius: 3px; margin-top: 9px; text-align: center; } .product-item__vertical .separator { height: 1px; background: #7A8E9B; margin: 8px 0 11px; } .product-item__vertical .info-wrap { display: flex; justify-content: space-between; align-items: center; } .product-item__vertical .info-label { font-size: 14px; color: #283346; } .product-item__vertical .info-label span { font-size: 12px; } .product-item__vertical .info-value { font-size: 16px; color: #256EAB; } .product-item__vertical .discount-amount { width: 50px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; color: #fff; background: #FC4123; margin-left: auto; } .product-item__vertical .old-price { font-size: 14px; color: #283346; margin: 4px 0 0 auto; } .product-item__vertical .old-price span { text-decoration: line-through; text-decoration-color: #FC4123; } .product-item__vertical .to-cart-wrap { position: absolute; top: calc(100% - 4px); left: -1px; right: -1px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; border: 1px solid #C1C6CD; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 8px 19px 14px; transition: .2s; opacity: 0; pointer-events: none; z-index: 5; } .product-item__vertical .to-cart-btn { width: 125px; height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #256EAB; border-radius: 3px; text-align: center; text-transform: uppercase; text-decoration: none; transition: .2s; cursor: pointer; border: none; } .product-item__vertical .to-cart-btn:hover { background: #283346; } .product-item__vertical .quick-order { width: 100%; height: 40px; font-size: 16px; color: #283346; line-height: 42px; background: #FBBC43; border-radius: 3px; margin-top: 12px; text-align: center; text-transform: uppercase; text-decoration: none; transition: .2s; } .product-item__vertical .quick-order:hover { color: #fff; background: #283346; } .product-item__vertical.discount .img-wrap::before { border-color: #FBBC43; border-width: 2px; } .product-item__vertical .discount-arrow { position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: #FC4123; } .product-item__vertical.discount .info-wrap.price { margin: -3px 0 -4px; } .product-item__vertical.sell-out .sell-out-title { position: absolute; top: 0; left: 0; right: 0; height: 39px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #283346; background: #F8BF45; border: 2px dashed #283346; padding: 0 7px 0 9px; text-transform: uppercase; } .product-item__vertical.sell-out .img-wrap::before { top: 37px; border: 2px dashed #283346; } .product-item__vertical .sell-out-label { width: 50px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #283346; background: #F8BF45; } .product-item__vertical.related { width: 225px; border: 0; border-radius: 0; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); padding: 10px 13px 12px 12px; } .product-item__vertical.related + .product-item__vertical { margin-left: 11px; } .product-item__vertical.related .img-wrap { height: 190px; display: flex; align-items: center; margin-top: 0; overflow: hidden; } .product-item__vertical.related .img-wrap > img { width: 100%; } .product-item__vertical .sku-wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 0 2px 0 1px; } .product-item__vertical.related .sku { height: auto; font-size: 12px; line-height: 23px; margin-top: 0; padding: 0 8px; } .product-item__vertical.related .title { font-size: 12px; margin-top: 4px; padding: 0 2px 0 1px; } .product-item__vertical .price-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 8px 0 11px; } .product-item__vertical .price-wrap + .price-wrap { margin-top: 8px; } .product-item__vertical .price { font-size: 16px; color: #256EAB; } .product-item__vertical .quantity { font-size: 12px; color: #256EAB; line-height: 18px; border: 1px solid #5B92C0; border-radius: 3px; padding: 0 7px; } .product-item__vertical .title + .price-wrap { margin-top: 12px; } .product-item__vertical .title + .price-wrap .price { font-size: 21px; } .product-item__vertical.related.sell-out .img-wrap::before { top: 32px; border-color: #f8bf45; } .product-item__vertical.related .sell-out-title { height: 34px; font-size: 13px; } .product-item__vertical.related .sell-out-title img { width: 18px; } .product-item__vertical.related.blue-bordered .img-wrap::before { border: 2px solid #006EB7; } .product-item__vertical.related.discount .img-wrap::before { border-width: 1px; } .product-item__vertical.related.discount .title + .price-wrap { margin-top: 20px; } .product-item__vertical.related.discount .price-wrap + .price-wrap { margin-top: 21px; } .product-item__vertical.related.discount .old-price { position: absolute; top: -20px; left: 11px; color: #8E949D; } .product-item__vertical.related.discount .old-price span { color: #283346; } .product-item__horizontal { width: 870px; font-family: "Roboto"; border: 1px solid #DBDCDE; transition: .2s; } .product-item__horizontal:hover { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); } .product-item__horizontal + .product-item__horizontal { margin-top: 30px; } .product-item__horizontal .info-wrap { display: flex; background: #fff; padding: 16px 13px 4px 29px; } .product-item__horizontal .column-img { display: flex; flex-direction: column; font-size: 18px; color: #256EAB; } .product-item__horizontal .column-img a { margin-bottom: 17px; } .product-item__horizontal .column-img img { display: block; width: 100px; } .product-item__horizontal .price-title { margin-top: auto; font-size: 18px; } .product-item__horizontal .column-desc { width: 438px; margin-left: 11px; } .product-item__horizontal .title { display: block; font-size: 16px; font-weight: 500; color: #283346; padding-left: 3px; } .product-item__horizontal .title b { color: red; } .product-item__horizontal .title:hover { text-decoration: none; } .product-item__horizontal .sku-wrap { display: flex; align-items: center; margin-top: 13px; flex-flow:wrap; } .product-item__horizontal .sku { font-size: 16px; font-weight: 500; color: #fff; line-height: 32px; background: #256EAB; border-radius: 3px; margin-right: 12px; padding: 0 13px; margin-bottom: 7px; } .product-item__horizontal .delivery { font-size: 14px; color: #434C5D; } .product-item__horizontal .desc { width: 400px; font-size: 12px; color: #434C5D; line-height: 18px; margin: 5px 0 9px 3px; height: 58px; overflow: hidden; } .product-item__horizontal .column-info { display: flex; } .product-item__horizontal .logo-wrap { width: 132px; text-align: center; } .product-item__horizontal .manufacturer { font-size: 12px; color: #434C5D; line-height: 18px; } .product-item__horizontal .manufacturer-country { font-weight: 300; } .product-item__horizontal .stock-wrap { font-size: 22px; color: #256EAB; } .product-item__horizontal .stock-amount { position: relative; width: 126px; height: 40px; display: flex; justify-content: center; align-items: center; background: #FFF; margin-left: 34px; } .to-cart-wrap__stock{ flex:1; display: flex; align-items: center; font-size: 18px; line-height: 21px; color: #256EAB; } .stock-amount{ font-size: 22px; line-height: 26px; } .product-item__horizontal .stock-amount::before { content: ""; position: absolute; top: 0; right: -16px; border-style: solid; border-width: 20px 16px 20px 0; border-color: transparent #FFF transparent transparent; transform: scale(-1); } .product-item__horizontal .to-cart-wrap { height: 69px; display: flex; align-items: center; background: #F4F4F4; border-top: 1px solid #E2E2E2; padding: 0 13px 0 29px; } .product-item__horizontal .price { font-size: 26px; color: #256EAB; margin-top: 10px; margin-bottom: 10px; } .product-item__horizontal .vat { font-size: 14px; font-weight: 300; color: #283346; margin-top: 2px; } .product-item__horizontal .old-price-wrap { } .product-item__horizontal .old-price { position: relative; font-size: 21px; font-weight: 300; color: #283346; padding-left: 3px; margin-top: 10px; } .product-item__horizontal .old-price::before { content: ""; position: absolute; left: 0; bottom: 4px; width: 68px; height: 1px; background: #FC4123; transform: rotate(-15deg); transform-origin: left; pointer-events: none; } .product-item__horizontal .discount-amount { width: 50px; font-size: 16px; font-weight: bold; color: #fff; line-height: 20px; background: #FC4123; margin-top: 6px; text-align: center; } .product-item__horizontal .btn { width: 130px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; color: #fff; background: #256EAB; border-radius: 3px; margin-left: 9px; text-transform: uppercase; text-decoration: none; transition: .2s; border: none; cursor: pointer; } .product-item__horizontal .btn:hover { background: #283346; } .product-item__horizontal .btn.quick-order { width: 170px; font-weight: 500; color: #283346; background: #FBBC43; } .product-item__horizontal .btn.quick-order:hover { color: #fff; background: #283346; } .product-item__horizontal .action-btn { position: relative; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #EAEAEA; margin-left: 14px; border-radius: 3px; transition: .2s; } .product-item__horizontal .action-btn.like .action-btn-label { background: #FC4123; } .product-item__horizontal .action-btn.like .action-btn-label::before { border-right-color: #FC4123; } .product-item__horizontal .action-btn-label { position: absolute; top: 9px; left: 44px; font-size: 12px; color: #fff; line-height: 20px; background: #256EAB; border-radius: 3px; padding: 0 7px 0 8px; transition: .2s; opacity: 0; pointer-events: none; white-space: nowrap; z-index: 5; } .product-item__horizontal .action-btn-label::before { content: ""; position: absolute; top: 6px; left: -4px; border-style: solid; border-width: 4px 4px 4px 0; border-color: transparent #256EAB transparent transparent; } .product-item__horizontal .action-btn + .action-btn { margin-left: 3px; } .product-item__horizontal .action-btn:hover { border-color: #256EAB; } .product-item__horizontal .action-btn:hover .action-btn-label { opacity: 1; } .product-item__horizontal .out-of-stock { font-size: 14px; font-weight: 300; color: #283346; margin-right: 23px; } .product-item__horizontal .out-of-stock-btn { width: 260px; font-weight: 500; background: #FC4123; } @media (max-width:768px){ .product-item__vertical .to-cart-wrap{ opacity:1; pointer-events: auto; } .product-item__vertical{ margin-bottom: 145px; } .products-wrap__slider .product-item__vertical{ margin:0 15px; margin-bottom: 145px; } .products-wrap__slider .slick-next, .products-wrap__slider .slick-prev{ top: -40px; } .products-wrap__slider .slick-next { right: 0; } .products-wrap__slider .slick-prev { left: 0; } .products-wrap__slider .slick-next:before, .products-wrap__slider .slick-prev:before{ color:#256EAB; } .product-item__horizontal { width: 300px; } .product-item__horizontal .info-wrap { position: relative; flex-direction: column-reverse; padding-top: 23px; padding-left: 16px; padding-right: 7px; } .product-item__horizontal .column-desc { width: 100%; margin-left: 0; } .product-item__horizontal .desc { display: none; } .product-item__horizontal .logo-wrap { padding-left: 2px; } .product-item__horizontal .manufacturer { flex-grow: 1; margin-left: 14px; } .product-item__horizontal .column-info { width: 100%; } .product-item__horizontal .title { margin-top: 17px; padding-left: 1px; } .product-item__horizontal .column-img { align-items: flex-start; margin-top: 8px; height: 167px; } .product-item__horizontal .sku-wrap { position: absolute; right: 8px; bottom: 79px; width: 165px; display: flex; align-items: flex-start; flex-direction: column; margin-top: 0; } .product-item__horizontal .sku { font-size: 14px; line-height: 28px; margin-right: 0; padding: 0 10px; } .product-item__horizontal .delivery { font-size: 14px; margin-top: 17px; } .product-item__horizontal .stock-wrap { position: absolute; right: 12px; bottom: 40px; font-size: 14px; margin: 0; } .product-item__horizontal .stock-amount { width: 71px; height: 28px; font-size: 16px; margin-left: 22px; } .product-item__horizontal .stock-amount::before { left: -11px; border-width: 14px 11px 14px 0; } .product-item__horizontal .to-cart-wrap { height: auto; flex-wrap: wrap; padding-top: 7px; padding-left: 16px; padding-bottom: 17px; } .product-item__horizontal .to-cart-wrap::before { content: ""; width: 100%; margin-top: 12px; } .product-item__horizontal .price { font-size: 20px; } .product-item__horizontal .vat { margin-top: 7px; } .product-item__horizontal .price-wrap { order: -1; } .product-item__horizontal .old-price-wrap { order: -1; margin: 0 0 0 auto; } .product-item__horizontal .btn.quick-order { margin-top: 11px; margin-left: 0; } .product-item__horizontal .action-btn { margin-top: 11px; } .product-item__horizontal .out-of-stock-btn { width: 100%; margin-top: 11px; margin-left: 0; } .product-item__horizontal .out-of-stock-btn + .action-btn { margin-left: auto; } .product-item__horizontal + .product-item__horizontal{ margin-top: 0; } .product-item__horizontal{ margin-bottom: 30px; } .to-cart-wrap .to_basket_form{ width: 100%; } } /* End */ /* Start:/local/templates/tmpl/components/arturgolubev/search.title/top_search/style.css?1684396924648*/ .new-title-search{ z-index:205; background: #F7F7F7; border-radius: 3px; } .new-title-search a{ display:flex; padding:5px; padding-top:7px; padding-bottom:7px; color:black; text-decoration:none; } .new-title-search a img{ margin-right:5px; margin-top:1px; height:16px; width:16px; } .new-title-search a:hover{ background:lightblue; } div.title-search-result { border:0; border-radius: 3px; background: #F7F7F7; display:none; overflow:hidden; z-index:205; } div.title-search-fader { display:none; background-image: url('/local/templates/tmpl/components/arturgolubev/search.title/top_search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/components/ipe/menu/templates/top_menu_shop/style.css?163541804318057*/ .container{position:relative;z-index:1} .container .wrap{font-size:0;line-height:0} .container .wrap .left{width:24%;display:inline-block;vertical-align:top;background-color:#ffffff;position:relative;z-index:4} .container .wrap .left .sidebarMenu{margin-bottom:15px} .container .wrap .left .sidebarMenu h2{padding:14px 20px 14px 55px;background-color:#f8bf45;font:400 16px/20px "Roboto", sans-serif;color:#283346} .container .wrap .left .sidebarMenu nav{border:1px solid #eaeaea;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .container .wrap .left .sidebarMenu nav ul li{list-style:none;border-bottom:1px solid #eaeaea;position:relative} .container .wrap .left .sidebarMenu nav ul li a,.container .wrap .left .sidebarMenu nav ul li div.a{font:400 16px/20px "Roboto", sans-serif;color:#283346;text-decoration:none;display:block;padding:10px 35px 10px 45px;position:relative;border-left:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li a img,.container .wrap .left .sidebarMenu nav ul li div.a img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:-webkit-filter 200ms ease 0s;transition:-webkit-filter 200ms ease 0s;-o-transition:filter 200ms ease 0s;transition:filter 200ms ease 0s;transition:filter 200ms ease 0s, -webkit-filter 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li a:after, .container .wrap .left .sidebarMenu nav ul li div.a:after{position:absolute;content:"";top:15px;right:22px;border-color:#b2b2b2 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)} .container .wrap .left .sidebarMenu nav ul li a:before, .container .wrap .left .sidebarMenu nav ul li div.a:before{position:absolute;content:"";top:0;bottom:0;right:-10px;width:20px;height:100%;background-color:#ffffff;z-index:1;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li a:hover, .container .wrap .left .sidebarMenu nav ul li div.a:hover{color:#256eab} .container .wrap .left .sidebarMenu nav ul li a:hover img, .container .wrap .left .sidebarMenu nav ul li div.a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)} .container .wrap .left .sidebarMenu nav ul li a:hover:after,.container .wrap .left .sidebarMenu nav ul li div.a:hover:after{border-color:#256eab transparent transparent transparent} .container .wrap .left .sidebarMenu nav ul li div.a .img-wrap{position:absolute;top:0;bottom:0;left:0;width:45px;display:flex;justify-content:center;align-items:center} .container .wrap .left .sidebarMenu nav ul li:last-child{border-bottom:0 none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu{position:absolute;top:-50%;left:100%;background-color:#fff;-webkit-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);border:1px solid #cfcfcf;padding:25px 0 25px 13px;border-radius:6px;width:100%;width:-moz-max-content;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li{border:0 none;margin-bottom:15px} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li div.a{font:500 15px/20px "Roboto", sans-serif;color:#283346;padding:10px 15px;border-left:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;display:block;position:relative} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li a .count,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li div.a .count{font:400 14px/20px "Roboto", sans-serif;color:#256eab} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li div.a:after{border-color:#256eab transparent transparent transparent} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li div.a:before{position:absolute;content:"";top:0;bottom:0;right:-10px;width:20px;height:100%;background-color:#f0efef;z-index:1;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li div.a:hover{color:#f8bf45} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li:last-child{margin-bottom:0} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2{position:absolute;top:-50%;left:105%;background-color:#f0efef;-webkit-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);border:1px solid #256eab;border-radius:6px;padding:40px 20px 0 20px;width:100%;min-width:510px;margin:0 -15px;font-size:0;line-height:0;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li{width:50%;display:inline-block;vertical-align:top;margin-bottom:40px;position:relative} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a{font:400 15px/20px "Roboto", sans-serif;color:#256eab;text-decoration:underline;padding:10px 20px 10px 15px;border-left:1px solid transparent !important;border-top:1px solid transparent !important;border-bottom:1px solid transparent !important;-webkit-transition:color 200ms ease 0s;-o-transition:color 200ms ease 0s;transition:color 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a .count,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a .count{color:#8e949d} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a img,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a img{-webkit-filter:grayscale(0);filter:grayscale(0);float:left;margin-right:5px} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a:after{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a:before{opacity:0;visibility:hidden} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li div.a:hover{color:#f8bf45} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 div.a{position:relative;display:block} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 div.a:before{position:absolute;content:"";top:0;bottom:0;right:-10px;width:20px;height:100%;background-color:#ffffff;z-index:8;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3 div.a:after{position:absolute;z-index:6;content:"";top:30px;right:10px;border-color:#256eab transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);display:block} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) div.a{border-left:0px solid transparent !important;border-right:1px solid transparent !important;border-top:1px solid transparent !important;border-bottom:1px solid transparent !important;position:relative;display:block} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) div.a:before{position:absolute;content:"";top:0;bottom:0;left:-10px;right:inherit;width:20px;height:100%;background-color:#ffffff;z-index:8;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) a img,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) div.a img{left:15px} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3{left:inherit;right:106%} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li div.a{border:0 none !important} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li div.a:after{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li div.a:before{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even) ul.sub-menu3 li div.a:hover{color:#283346} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > div.a{border-left:0px solid #256eab !important;border-right:1px solid #256eab !important;border-top:1px solid #256eab !important;border-bottom:1px solid #256eab !important;background-color:#ffffff} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > div.a:before{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > div.a:after{position:absolute;z-index:6;content:"";top:30px;right:inherit;left:9px;border-color:#256eab transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);display:block} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:nth-child(even):hover > div.a:hover{color:#283346} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > div.a{border-left:1px solid #256eab !important;border-top:1px solid #256eab !important;border-bottom:1px solid #256eab !important;background-color:#ffffff} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > div.a:before{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover > div.a:hover{color:#283346} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li div.a{border:0 none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li div.a:before{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li:hover a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li.drop3:hover ul.sub-menu3 li:hover div.a{border:0 none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3{position:absolute;top:-40px;left:106%;z-index:7;background-color:#ffffff;-webkit-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);border:1px solid #256eab;border-radius:6px;padding:40px 20px 0 30px;width:100%;max-width:224px;margin:0 -15px;font-size:0;line-height:0;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease 0s;-o-transition:all 200ms ease 0s;transition:all 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li{width:100%;display:block;vertical-align:top;margin-bottom:30px} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li div.a{font:400 15px/20px "Roboto", sans-serif;color:#256eab;text-decoration:underline;padding:0;background-color:#ffffff;-webkit-transition:color 200ms ease 0s;-o-transition:color 200ms ease 0s;transition:color 200ms ease 0s} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a .count,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li div.a .count{color:#8e949d} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:after,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li div.a:after{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li div.a:before{display:none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li a:hover,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li ul.sub-menu2 li ul.sub-menu3 li div.a:hover{color:#283346} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a, .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover div.a{border-left:1px solid #256eab;border-top:1px solid #256eab;border-bottom:1px solid #256eab;background-color:#f0efef} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:before,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover div.a:before{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover a:hover, .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover div.a:hover{color:#283346} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2{opacity:1;visibility:visible;z-index:9} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li a, .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li div.a{border:0 none} .container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li:hover a,.container .wrap .left .sidebarMenu nav ul li ul.sub-menu li.drop2:hover .sub-menu2 li:hover div.a{border:0 none} .container .wrap .left .sidebarMenu nav ul li.drop:hover a, .container .wrap .left .sidebarMenu nav ul li.drop:hover div.a{border-left:1px solid #c0bcbc;border-top:1px solid #c0bcbc;border-bottom:1px solid #c0bcbc;color:#256eab} .container .wrap .left .sidebarMenu nav ul li.drop:hover a img, .container .wrap .left .sidebarMenu nav ul li.drop:hover div.a img{-webkit-filter:grayscale(0);filter:grayscale(0)} .container .wrap .left .sidebarMenu nav ul li.drop:hover a:after, .container .wrap .left .sidebarMenu nav ul li.drop:hover div.a:after{border-color:#256eab transparent transparent transparent} .container .wrap .left .sidebarMenu nav ul li.drop:hover a:before, .container .wrap .left .sidebarMenu nav ul li.drop:hover div.a:before{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li.drop:hover .sub-menu{opacity:1;visibility:visible} .container .wrap .left .sidebarMenu nav ul li.drop:hover .sub-menu li a,.container .wrap .left .sidebarMenu nav ul li.drop:hover .sub-menu li div.a{border-left:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent} .container .wrap .left .sidebarMenu nav ul li.drop:hover .sub-menu li a:before,.container .wrap .left .sidebarMenu nav ul li.drop:hover .sub-menu li div.a:before{opacity:0;visibility:hidden} div.a{cursor:pointer} li.drop div.a{background:#fff} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/top/style.min.css?1540970194490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/bread/style.min.css?1540970194467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/tmpl/template_styles.css?168941869213815*/ .compareWraps .compareColumnTop .button span{font-size:12px} .label-percent{float:right;background:#FC4123;padding:0 5px;color:#fff;margin-top:4px;margin-right:4px;font-weight:bold;font-size:16px} .b-discount, .b-discount > *{display:block;text-align:center;margin:0 auto} .b-discount{padding-top:5px} .b-discount span{font-size:9px;margin-top:-2px} .hb-info-user{color:#fff;display:flex;align-items:center} .hb-info-user a{padding-bottom:0!important} .hb-info-user span:after{display:none} .hb-info-user2{flex-wrap:wrap} .hb-info-user2> *{padding-left:10px} .hb-info-user2 span.small_statys{color:#C1C6CD;font-size:76%;display:block;margin-top:-7.5px} header .col-top .container .wrap .col-right{padding-left:3em} header .col-top .container .wrap .col-right .item .wraps{padding:0 6px!important} .h1-flex.page-kupim{justify-content:space-between} .h1-flex.page-kupim a{text-decoration:none;background:#f8bf45;padding:9px 10px;border-radius:5px;font-weight:500;display:inline-block;color:#283346} .h1-flex.page-kupim a:hover{cursor:pointer;background:#283346;color:#fff} .bx-filter .bx-filter-input-checkbox .bx-filter-param-text{display:inline-block} header .col-bottom .container .wrap .left{z-index:99} .sidebar_action-bg{text-align:center} .buy-one-click__form-group textarea#buy-one-click__form-address{height:35px;overflow:hidden} header .col-bottom .container .wrap .right ul ul{margin:0} header .col-bottom .container .wrap .right ul ul li.email{padding:0} header .col-bottom .container .wrap .right ul ul li.email a{font-size:16px} header .col-bottom .container .wrap .middle{width:48.6%;padding:0 24px} header .center_flex{display:flex;align-items:center;justify-content:space-between} header .zayavka-podbor{background:#f8bf45;border-radius:4px;padding:10px 15px} header .zayavka-podbor:hover{font-weight:600;cursor:pointer} header .col-middle .wrap{display:flex;align-items:center;justify-content:space-between} header .col-middle .container .wrap .logo, header .col-middle .container .wrap .search{margin-right:0} header .col-middle .container .wrap .search{width:43%;margin-left:2%} header .col-bottom .container .wrap .left a.viewFullCatalog{margin-top:0} .zakaz-podbor .buy-one-click__form-from.type_user{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .zakaz-podbor .files_requisites_file, .zakaz-podbor .files_requisites_file_all_vis{text-align:left} .zakaz-podbor .files_requisites_file span, .zakaz-podbor .files_requisites_file_all_vis span{padding-left:10px;text-decoration:underline;color:#256EAB} .zakaz-podbor .buy-one-click__form-from.type_user .buy-one-click__form-from__variant{margin:0} .zakaz-podbor .buy-one-click__form-from.type_user .buy-one-click__form-from__file-wrap{width:230px;flex-wrap:wrap;text-align:center;justify-content:flex-end;margin-top:0;} .zakaz-podbor .buy-one-click__form-from.type_user .buy-one-click__form-from__file{line-height:24px;height:auto;padding:10px 10px 10px 20px;text-align:left;width:100%} .zakaz-podbor .buy-one-click__form-input-group,.zakaz-podbor .buy-one-click__form-input{width:100%} .zakaz-podbor .buy-one-click__form-group, .zakaz-podbor .buy-one-click__form-group_textarea{flex-wrap:wrap} .zakaz-podbor .buy-one-click__form-group.all_vis>div, .zakaz-podbor .buy-one-click__form-group.all_vis{display:flex!important} .buy-one-click__send_podbor{width:300px;height:40px;background:#256EAB;border-radius:3px;display:flex;justify-content:center;align-items:center;margin-top:14px;border:none;font-weight:bold;font-size:16px;line-height:19px;color:#fff;cursor:pointer;transition:.2s;text-transform:uppercase;font-family:Roboto;font-style:normal;font-weight:bold;text-transform:uppercase;letter-spacing:1px} .form_zakaz_podbor .buy-one-click__footer{justify-content:center;flex-wrap:wrap} .form_zakaz_podbor .buy-one-click__layout-thx__timer-close .buy-one-click__footer{justify-content:space-between} .form_zakaz_podbor .buy-one-click__footer .buy-one-click__mandatory-fields{width:100%} .zakaz-podbor .buy-one-click__form-label{width:100%!important;text-align:left} .zakaz-podbor .buy-one-click__form-group textarea{width:100%!important} .zakaz-podbor .buy-one-click__form-from__file span{display:flex;align-items:center;justify-content:center;height:100%} header .col-bottom .container .wrap .right .dropDownContact.active{margin-left:-100px} header .col-bottom .container .wrap .right .dropDownContact .dropDownContact__wrap .offices ul li{width:100%} #input_file_zayavka{display:none} body.kontact{background:none} .contacts-page{padding:5px 10px 0} h1.contacts-page__title{font-size:24px;line-height:1.2} .contacts-page__cards{margin:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px} .contacts-page__cards .contacts-card{border-radius:5px;overflow:hidden;-webkit-box-shadow:0 4px 16px 0 rgba(40, 51, 70, 0.2); box-shadow:0 4px 16px 0 rgba(40, 51, 70, 0.2)} .contacts-page__cards .contacts-card__image img{max-width:262px} .contacts-page__cards .contacts-card__info{padding:20px;text-align:center} .contacts-page__cards .contacts-card__branch{color:#256eab;font-family:"Roboto", sans-serif;font-weight:normal;font-size:18px;line-height:1.2} .contacts-page__cards .contacts-card__title{margin-top:20px;color:#283346;font-family:"Roboto", sans-serif;font-weight:bold;font-size:16px;line-height:1.2} .contacts-page__cards .contacts-card__status{margin-top:5px;color:#8e949d;font-family:"Roboto", sans-serif;font-weight:normal;font-size:14px;line-height:1.2;margin-bottom:20px} .contacts-page__cards .contacts-card__contact{margin-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center} .contacts-page__cards .contacts-card__contact a{text-decoration:none} .contacts-page__cards .contacts-card__contact a:hover span{text-decoration:underline} .contacts-page__cards .contacts-card__contact span{margin-left:8px;color:#283346;font-family:"Roboto", sans-serif;font-weight:"normal";font-size:14px;line-height:1.2} .contacts-page__section{margin:30px auto 0;max-width:100%;padding:0 15px 0 10px} .contacts-page__section .contacts-section__header{padding:20px 30px;position:relative;background-image:url("/kontakt/img/bg.svg");background-repeat:no-repeat;background-position:right bottom;cursor:pointer;border-radius:5px;border:1px solid #f8bf45;background-color:#f6f6f6;-webkit-transform:skewX(-10deg) translateX(5px);transform:skewX(-10deg) translateX(5px)} .contacts-page__section .contacts-section__title{color:#256eab;font-family:"Roboto", sans-serif;font-weight:bold;font-size:18px;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none} /* .contacts-page__section .contacts-section__bg{position:absolute;top:0;left:0;right:0;bottom:-1px;z-index:-1; }*/ .contacts-page__section .contacts-section__content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 25px;border-radius:0 0 5px 5px;border:1px solid #f8bf45;border-top:none;overflow:hidden;max-height:0;opacity:0;-webkit-transition:0.5s;transition:0.5s} .contacts-page__section .contacts-section__image{margin-right:20px} .contacts-page__section .contacts-section__image img{border-radius:50%;width:120px;height:120px;-o-object-fit:cover;object-fit:cover} .contacts-page__section .contacts-section__info{padding-top:15px} @media screen and (max-width:499px){ .contacts-page__section .contacts-section__info{padding:0;} } .contacts-page__section .contacts-section__name{color:#283346;font-family:"Roboto", sans-serif;font-weight:bold;font-size:16px;line-height:1.2} .contacts-page__section .contacts-section__name span{color:#8e949d;font-weight:normal;font-size:14px;margin-left:12px} .contacts-page__section .contacts-section__description{margin-top:6px;color:#283346;font-family:"Roboto", sans-serif;font-weight:normal;font-size:14px;line-height:1.2} .contacts-page__section .contacts-section__links{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px} .contacts-page__section .contacts-section__links.all-contacts{gap:20px;margin:0;-ms-flex-pack:distribute;justify-content:space-around;width:100%} .contacts-page__section .contacts-section__contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center} .contacts-page__section .contacts-section__contact a{text-decoration:none} .contacts-page__section .contacts-section__contact a:hover span{text-decoration:underline} .contacts-page__section .contacts-section__contact span{margin-left:6px;color:#283346;font-family:"Roboto", sans-serif;font-weight:normal;font-size:14px;line-height:1.2} .contacts-page__section .contacts-section__list{width:100%;max-width:365px} .contacts-page__section .contacts-section__item{margin-bottom:15px} .contacts-page__section .contacts-section__item p{color:#283346;font-family:"Roboto", sans-serif;font-weight:normal;font-size:14px;line-height:1.2} .contacts-page__section .contacts-section__download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center} .contacts-page__section .contacts-section__download a{margin-left:15px;color:#256eab;font-family:"Roboto", sans-serif;font-weight:normal;font-size:14px;line-height:1.2;text-decoration:none} .contacts-page__section .contacts-section__download a:hover{text-decoration:underline} .contacts-page__section .contacts-section__adress{color:#283346;font-family:"Roboto", sans-serif;font-size:14px;line-height:1.2;margin-bottom:20px} .contacts-page__section .contacts-section__adress h5{font-weight:bold;margin-bottom:20px} .contacts-page__section .contacts-section__map{border-radius:5px;overflow:hidden;border:1px solid #c1c6cd;margin-bottom:25px} .contacts-page__section .contacts-section__map iframe{display:block;width:100%} .contacts-page__section .contacts-section__block{margin-bottom:25px} .contacts-page__section .contacts-section__block a{text-decoration:none} .contacts-page__section .contacts-section__block a:hover span{text-decoration:underline} .contacts-page__section .contacts-section__block a span{margin-left:6px;color:#283346;font-family:"Roboto", sans-serif;font-size:14px;font-weight:bold;line-height:1.2} .contacts-page__section .contacts-section__block p{margin-top:12px} .contacts-page__section .contacts-section__hours{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center; align-items:center;margin-top:10px} .contacts-page__section .contacts-section__hours svg{-ms-flex-negative:0;flex-shrink:0} .contacts-page__section .contacts-section__hours p{margin:0;margin-left:10px} .contacts-page__section .contacts-section__office{margin-top:40px} .contacts-page__section .contacts-section__office h5{color:#256eab;font-family:"Roboto", sans-serif;font-size:18px;font-weight:normal;line-height:1.2} .contacts-page__section .contacts-section__office-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px} .contacts-page__section .contacts-section__office-item a{text-decoration:none} .contacts-page__section .contacts-section__office-item a:hover span{text-decoration:underline} .contacts-page__section .contacts-section__office-item svg{margin-top:2px} .contacts-page__section .contacts-section__office-item img{width:18px;height:18px} .contacts-page__section .contacts-section__office-item span{color:#283346;font-family:"Roboto", sans-serif;font-size:14px;font-weight:normal;line-height:1.2;margin-left:8px} .contacts-page__section--open .contacts-section__bg{border-radius:5px 5px 0 0} .contacts-page__section--open .contacts-section__content{max-height:1000px;opacity:1;-webkit-transition:0.5s;transition:0.5s;padding:15px 25px} @media(min-width:1201px) and (max-width:1208px){ header .col-middle .container .wrap .search .item input{min-width:425px} } @media(max-width:575px){.h1-flex.page-kupim{padding-top:10px}} @media(max-width:768px){.h1-flex.page-kupim{display:flex!important}} @media(max-width:992px){header .col-middle .container .wrap .search{margin-left:0;max-width:100%;width:auto}} @media(min-width:993px) and (max-width:1179px){.b-discount{display:none}} @media (min-width:1033px) and (max-width:1211px){ header .col-top .container .wrap .col-left .title p{font-size:95%} header .col-top .container .wrap .col-right{padding-left:1%} } @media screen and (max-width:767px){ .contacts-page__cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .contacts-page__section .contacts-section__links{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px} } @media screen and (max-width:499px){.contacts-page__section .contacts-section__map iframe{height:350px} .contacts-page__section .contacts-section__title{font-size:15px} .contacts-page__section .contacts-section__image img{width:55px;height:55px} } @media(min-width:750px) and (max-width:1024px){.categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul#subMenu-1{column-count:2} header .col-bottom .container .wrap .right{width:19%} .breadcrumbs .container .wrap ul{padding:0 20px} .section4 .container .wrap .subscribe .inputs button{padding:16px 2%} .section4 .container .wrap .subscribe{margin:0 auto} header .col-middle .container .wrap .search{width:40%} } @media (max-width:1032px){header .col-top .container .wrap .col-left .title p{font-size:90%} header .col-top .container .wrap .col-right{padding-left:1%} .categoriesList .categoriesList__wraps .categoriesList-item .categoriesList-item-wraps .listMenu ul li .subMenu-1>li{padding-left:0} } /* End */ /* /includes/css/jquery.fancybox.min.css?154136725013706 */ /* /includes/css/style.css?1689429128754679 */ /* /includes/css/additional.css?167947864210061 */ /* /includes/css/new.css?1672257436134998 */ /* /includes/css/error-page.css?15840380106397 */ /* /includes/css/new_product.css?160432137818945 */ /* /local/templates/tmpl/components/arturgolubev/search.title/top_search/style.css?1684396924648 */ /* /local/components/ipe/menu/templates/top_menu_shop/style.css?163541804318057 */ /* /local/templates/.default/components/bitrix/menu/top/style.min.css?1540970194490 */ /* /local/templates/.default/components/bitrix/breadcrumb/bread/style.min.css?1540970194467 */ /* /local/templates/tmpl/template_styles.css?168941869213815 */