@font-face { font-family: 'ProbaPro'; src: url('../fonts/ProbaPro-Regular.ttf'); font-weight: 300; font-style: normal; } .merop .uk-panel-title { width: 35%; float: left; font-size: 16px !important; margin: 0 !important; padding-right: 20px; } .merop .uk-panel-title span { font-size: 14px !important; } .merop .uk-panel-title + .uk-margin ul { margin: 0; } .merop .uk-panel-title + .uk-margin ul> li::before { display: none; } .merop .uk-panel-title + .uk-margin ul> li{ padding: 0 10px; font-size: 14px !important; list-style: none; width: 30%; float: left; } .merop .uk-panel-title + .uk-margin ul > li span { font-weight: 600; font-size: 16px; } .merop.uk-grid { margin-left: 0px !important; } .merop.uk-grid > *{ padding: 0px !important ; } .merop.uk-grid > *> * { padding: 10px !important ; } .merop.uk-grid > *:hover { background: #eee; } .merop .uk-grid-margin.uk-row-first > .uk-panel { margin-top: 0px; border-top: 1px solid #ccc; } .merop .uk-panel-title + .uk-margin ul> li:first-child{ width: 40%; float: left; } .merop .uk-panel-title + .uk-margin { width: 65%; float: right; margin: 0; } .otziv .uk-text-center.uk-panel-teaser .uk-border-circle.uk-overlay-scale { border-radius: 50%; } .otziv .uk-panel-title + .uk-margin blockquote { background: url("../images/skob.png") no-repeat scroll 0px 0px; border: none; padding: 30px 0 0; margin: 0; font-size: 16px; } #pwebcontact988_container { background: #fff !important; padding: 20px !important; } #pwebcontact988_container .uk-margin p { margin: 0; } #pwebcontact988_container .uk-panel-title, #pwebcontact988_container .uk-margin { color: #222; text-align: center; } #pwebcontact988_container .ktoya .uk-grid { margin: 0 !important; } #pwebcontact988_container .ktoya .uk-grid > * { width: 100%; padding: 0 !important; } #pwebcontact988_container .ktoya .uk-panel-space { border-left: 0px solid #eee; padding: 0px 0px 0px 0px; } #pwebcontact988_container .pweb-field-container.pweb-field-buttons { display: none; } .in #pwebcontact988_container .ktoya .uk-margin + p a { margin-top: 0px !important; display: inline-block; background: #fff; color: #444 !important;} .otziv .uk-panel-title + .uk-margin blockquote::before { display: none; } .otziv .uk-panel-title + .uk-margin { width: 100%; display: inline-block; } .video .uk-slideshow, .video .uk-slideshow li { height: 80vh !important; } .otziv .uk-panel-title { font-size: 18px !important; min-height: 105px; } .otziv .uk-panel-title span { font-size: 14px !important; } .otziv .uk-text-center.uk-panel-teaser { margin: 0 !important; width: 35%; float: left; padding-right: 5%; } .otziv .uk-panel-box { padding: 20px; border: 0px solid #e5e5e5; } .slider3 .uk-overlay-panel > div { width: 1200px; text-align: left; color: #647584; } .slider3 .uk-h3 + .uk-margin { font-size: 21px; } .slider3 a.uk-button { } .slider3 .uk-h3 { font-size: 60px; text-transform: none; font-weight: 600; margin-bottom: -20px !important; } .parallax { background-size: 100% !important; } .vst .uk-panel-title { font-size: 21px !important; font-family: 'ProbaPro' !important; } @font-face { font-family: 'ProbaPro'; src: url('../fonts/ProbaPro-Bold.ttf'); font-weight: 600; font-style: normal; } @font-face { font-family: 'PlayfairDisplay'; src: url('../fonts/PlayfairDisplay-Regular.otf'); font-weight: 400; font-style: normal; } body, .box.big-title .header > small, #mod-search-searchword, .addtocart-area .product-fields-title, .td-vmshipment td h3{ font-family: 'ProbaPro'; } h1, h2, h3, h4, h5, h6, .item-body ol li:before, button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .cc-notification-buttons > li > .cc-link, .box h2, .box h3, .box h4, .item-top-info, .itemTags, .gk-bottom-links, .product-fields-title { font-weight: 600; font-family: 'ProbaPro'; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; -ms-transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; -ms-transition: height .35s ease; } .collapse.in { height: auto; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { width: 98%; position: relative; max-height: 400px; padding: 1%; } .modal-body iframe { width: 100%; max-height: none; border: 0 !important; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } div.modal { position: fixed; top: 5%; left: 50%; z-index: 1050; width: 80%; margin-left: -40%; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } div.modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; top: -25%; } div.modal.fade.in { top: 5%; } .modal-batch { overflow-y: visible; } .modal-body[class^="jviewport-height"], .modal-body[class*="jviewport-height"] { max-height: none; } .jviewport-height10 { height: 10vh; } .jviewport-height20 { height: 20vh; } .jviewport-height30 { height: 30vh; } .jviewport-height40 { height: 40vh; } .jviewport-height50 { height: 50vh; } .jviewport-height60 { height: 60vh; } .jviewport-height70 { height: 70vh; } .jviewport-height80 { height: 80vh; } .jviewport-height90 { height: 90vh; } .jviewport-height100 { height: 100vh; } div.modal.jviewport-width10 { width: 10vw; margin-left: -5vw; } div.modal.jviewport-width20 { width: 20vw; margin-left: -10vw; } div.modal.jviewport-width30 { width: 30vw; margin-left: -15vw; } div.modal.jviewport-width40 { width: 40vw; margin-left: -20vw; } div.modal.jviewport-width50 { width: 50vw; margin-left: -25vw; } div.modal.jviewport-width60 { width: 60vw; margin-left: -30vw; } div.modal.jviewport-width70 { width: 70vw; margin-left: -35vw; } div.modal.jviewport-width80 { width: 80vw; margin-left: -40vw; } div.modal.jviewport-width90 { width: 90vw; margin-left: -45vw; } div.modal.jviewport-width100 { width: 100vw; margin-left: -50vw; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-font-smoothing: subpixel-antialiased; display: block !important; font-size: 62.5%; line-height: 1.5; } .gkPage, #gkBg, #gkTop, #gkHeaderNav { max-width: 100% !important; } section.gk-clearfix .gk-clearfix, #gkHeaderNav .gk-clearfix, #gkMainbodyabc, #gkHeaderNavabc, #gkTopabc, #gkTop1 .gk-clearfix, #gkTop2 .gk-clearfix, #gkBottom1 .gk-clearfix, #gkBottom2 .gk-clearfix, #gkBottom3 .gk-clearfix, #gkBottom4 .gk-clearfix, #gkBottom5 .gk-clearfix, #gkBreadcrumb.gk-clearfix, #gkMainbody, #gkFooter, #gkHeaderNavabc2 > div, #gkTop3 #gkTopMenu { margin: 0 auto !important; max-width: 1280px; padding: 0 30px; } body { color: #636565; font-size: 1.8rem; font-weight: 400; margin: 0; min-height: 100%; padding: 0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; } li { list-style: none; } img { height: auto; max-width: 100%; } a { color: #3c3e3f; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -ms-transition: all 0.2s linear; } a:hover, a:active, a:focus { color: #7A8C9C; } a.inverse { color: #7A8C9C; } a.inverse:hover, a.inverse:active, a.inverse:focus { color: #3c3e3f; } h1, h2, h3, h4, h5, h6 { color: #3c3e3f; font-weight: 400; margin-bottom: 1.5rem; text-transform: uppercase; } h1 { font-size: 2.88651rem; line-height: 1.039; margin-bottom: 3rem; } @media all and (min-width: 980px) { h1 { font-size: 3.24732rem; line-height: 1.478; } } h2 { font-size: 2.2807rem; line-height: 1.315; margin-top: 1.5rem; } @media all and (min-width: 980px) { h2 { font-size: 2.56578rem; line-height: 1.247; } } @media all and (min-width: 37.5em) and (max-width: 61.1875em) { h2 { margin-top: 0; } } h3 { font-size: 2.02729rem; line-height: 1.479; } @media all and (min-width: 980px) { h3 { font-size: 2.2807rem; line-height: 1.403; } } h4 { font-size: 1.80203rem; line-height: 0.832; } @media all and (min-width: 980px) { h4 { font-size: 2.02729rem; line-height: 0.789; } } h5 { font-size: 1.60181rem; line-height: 0.936; } @media all and (min-width: 980px) { h5 { font-size: 1.80203rem; line-height: 0.887; } } h6 { font-size: 1.42383rem; line-height: 1.053; } @media all and (min-width: 980px) { h6 { font-size: 1.60181rem; line-height: 0.998; } } p { margin: 0 0 3rem; } @media all and (min-width: 980px) { .double { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 7rem; -moz-column-gap: 7rem; column-gap: 7rem; } } strong { font-weight: 700; } .item-body > div[itemprop="articleBody"] ul, .item-body > .itemIntroText ul, .item-body > .itemFullText ul { margin: 3rem 0 0 1rem; } .item-body > div[itemprop="articleBody"] ul li, .item-body > .itemIntroText ul li, .item-body > .itemFullText ul li { list-style: outside; padding-left: 1rem; } .item-body > div[itemprop="articleBody"] ol, .item-body > .itemIntroText ol, .item-body > .itemFullText ol { margin: 3rem 0 0; } .item-body > div[itemprop="articleBody"] ol li, .item-body > .itemIntroText ol li, .item-body > .itemFullText ol li { counter-increment: step-counter; position: relative; padding-left: 2rem; } .item-body > div[itemprop="articleBody"] ol li:before, .item-body > .itemIntroText ol li:before, .item-body > .itemFullText ol li:before { content: counter(step-counter) "."; color: #3c3e3f; left: 0; position: absolute; } iframe { max-width: 100% !important; } hr { border: none; border-top: 1px solid rgba(0,0,0,0.12); clear: both; display: block; margin: 20px auto; width: 200px; } #gkBg, .gkPage, #gkMainbody .content { margin: 0 auto !important; padding: 0; } #gkBg { background: #fff; -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09); margin: 0 auto; width: 100%; } .frontpage #gkBg:after { display: none; } #gkHeader { position: static; } #gkPageContent { padding: 0 10rem; position: relative; z-index: 2; } #gkLogo { display: block; float: left; height: 80px; width: auto; } #gkLogo img { display: block; height: 60px; margin: 10px 0; max-width: 300px; width: auto; } #gkLogo.text { color: #fff; font-size: 2.6rem; font-weight: bold; line-height: 108px; max-width: 300px; padding: 0 0 0 4.166666%; text-transform: uppercase; } #gkLogo.text > span { display: block; } #gkLogo.text .gkLogoSlogan { color: #ccc; display: block; font-size: 1.2rem; font-weight: 300; letter-spacing: 0; line-height: 1; margin-top: -36px; text-align: center; text-transform: none; } #gkTopMenu, #gkUser, #gkSearch { float: right; display: flex; } #gkTopMenu a, #gkUser a, #gkSearch a { color: #636565; } #gkTopMenu a:active, #gkTopMenu a:focus, #gkTopMenu a:hover, #gkUser a:active, #gkUser a:focus, #gkUser a:hover, #gkSearch a:active, #gkSearch a:focus, #gkSearch a:hover { color: #7A8C9C; } #gkTopMenu li { float: left; font-size: 1.4rem; line-height: 6.8rem; margin-right: 1.8rem; } #gkSearch { position: relative; } #gkSearch input { background: transparent; font-size: 1.4rem; height: 3.2rem; margin: 1.8rem 0 1.8rem 1rem; padding: 0; width: 170px; } #gkSearch:after { content: "\f002"; font-family: FontAwesome; font-size: 1.7rem; height: 1.8rem; line-height: 1.8rem; margin-top: -1.1rem; position: absolute; right: 0; top: 50%; } #gkUser { float: right; font-size: 1.4rem; line-height: 6.8rem; margin-right: 1.8rem; position: relative; } .breadcrumbs { background: #fff; border: 1px solid #eee; border-left: none; border-right: none; float: left; font-size: 1.4rem; margin: 0; overflow: hidden; padding: 40px 130px; text-align: left; width: 100%; } .breadcrumbs li.separator { color: #ccc; font-size: 1.2rem; padding: 4px 6px !important; text-align: center; width: 22px; } .breadcrumbs > li { border: none !important; clear: none; display: inline-block; } .breadcrumbs li a { color: #3c3e3f; } .breadcrumbs li a:hover { color: #7A8C9C; } #gkTools { float: right; margin: 4px 0 0 10px; } #gkTools a { display: block; float: left; width: 22px; height: 16px; margin: 0 0 0 0px !important; text-indent: -99999em; background: url('../images/font_size.png') no-repeat -38px 50%; } a#gkToolsReset { background-position: -15px 50%; margin-left: 6px; } a#gkToolsDec { background-position: 6px 50%; } .subpage { margin: 0; padding: 0; } .subpage:after { clear: both; content: ""; display: table; } .subpage-transparent { background: transparent; padding: 0; } #gkFooter { font-size: 1.6rem; line-height: 2; margin: 0 auto; padding: 40px 0; position: relative; } div#pwebcontact982_container { width: 85%; } button#pwebcontact982_send:hover { border: 1px solid #fff !important; } #gkFooter strong { color: #3c3e3f; } #gkFooter a { color: #3c3e3f; } #gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover { color: #7A8C9C; } #gkCopyrights { color: #757575; float: right; font-size: 1.6rem; line-height: 1.7; margin: 0; padding: 0; text-align: right; width: 35%; } #gkFooterNav { color: #636565; float: left; font-size: 1.6rem; font-weight: normal; margin: 0; overflow: hidden; width: 100%; } #gkBackToTop { display: none !important; } .footer .uk-text-center { text-align: left !important; } #gkFooterNav li { float: left; } #gkFooterNav a { color: #555; display: block; } #gkFooterNav a:active, #gkFooterNav a:focus, #gkFooterNav a:hover { color: #7A8C9C; } #gkBackToTop { float: left; padding: 0 15px 0 0 !important; } #gkBackToTop > svg { fill: #7A8C9C; height: 3.6rem; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; width: 3.6rem; } #gkBackToTop > svg:active, #gkBackToTop > svg:focus, #gkBackToTop > svg:hover { fill: #3c3e3f; } #gkFrameworkLogo { display: block; width: 90px; height: 36px; background: url('../images/gavern-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 12px auto 0 auto; opacity: 0.4; } #gkPopupOverlay, #gkPopupLogin, #gkPopupCart { color: #636565; display: none; max-height: 80%; overflow: auto; position: fixed; z-index: 1000002; left: 50%; top: 80px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } #gkPopupOverlay { max-height: 100%; position: fixed; } #gkPopupLogin, #gkPopupCart { margin-left: -320px; width: 526px; } #gkPopupLogin fieldset { border: none; margin: 0; padding: 0; } #gkPopupLogin li { font-size: 1.6rem; float: none; line-height: 25px; margin: 10px 16px 10px 0; } #gkPopupLogin .button { clear: both; display: block; margin: 0 0 5px 0; width: 100%; } #gkPopupLogin > div, #gkPopupCart > div { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .gkPopupWrap { background: #fff; padding: 40px; overflow: hidden; } .gkPopupWrap h3 { font-size: 24px; font-weight: 400; line-height: 32px; margin: 0 0 32px; } .gkPopupWrap h3 small { font-size: 1.6rem !important; } .gkPopupWrap h3 a { color: #7A8C9C; } .gkPopupWrap h3 a:hover { color: #3c3e3f; } .gkPopupWrap ul.menu { margin: 0; } .gkPopupWrap .logout-button .button { margin-top: 10px; } .gkPopupWrap .logout-button { margin-top: 20px; } #gkPopupOverlay { background: #777777; width: 100%; height: 100%; z-index: 1000001; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; margin-left: 0; } #gkFBLogin { float: left; width: 45%; } #gkFBLogin p { line-height: 18px; margin: 14px 0 20px; } #gkFBLogin + #login-form, #gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #eee; } #form-login-remember { margin: 10px 0; } #form-login-remember #modlgn-remember { width: auto; } #form-login-remember label { color: #636565; font-size: 1.1rem; font-weight: normal; line-height: 27px; } .item-social-icons .dropdown-item { margin-left: 10px; } .box { line-height: 1.6; position: relative; width: 100%; } .box li { line-height: 1.3; } .box li a, .box li .separator { color: #7A8C9C; display: inline-block; margin: 0; padding: 8px 0; } .box li a:hover, .box li .separator:hover { color: #3c3e3f; } .box ul ul { margin-left: 20px; } .box .content { clear: both; } .box .header { color: #3c3e3f; font-size: 1.8rem; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1; margin: 0 0 16px; text-transform: uppercase; } .box .header small { display: block; } .box.clear { clear: none; margin: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; } .box.clear p { margin: 0; } .box.clear img { display: block; } .box.advertisement .header { background: transparent; color: #757575 !important; font-size: 1.0rem !important; line-height: 1; margin: 0 0 10px; text-transform: uppercase !important; } .box.light .box-wrap { background: #f6f6f6; border: none; padding: 32px !important; } .box.light .box-wrap a:active, .box.light .box-wrap a:focus, .box.light .box-wrap a:hover { color: #7A8C9C; } .box.dark .box-wrap { background: #3c3e3f; border: none; color: #636565; padding: 32px !important; } .box.dark .header { background: transparent !important; line-height: 1.2; } .box.dark h1, .box.dark h2, .box.dark h3, .box.dark h4, .box.dark h5, .box.dark h6 { color: #fff; } .box.dark ul { margin: 0; padding: 0; } .box.dark ul ul { margin: 0 0 0 20px; } .box.dark li { border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; } .box.dark li:last-child { border-bottom: none; } .box.dark a { color: #bbb !important; } .box.dark a:active, .box.dark a:focus, .box.dark a:hover { color: #7A8C9C !important; } .box.color .box-wrap, .box.color-bg .box-wrap, .box.animated-color-bg .box-wrap { background: #7A8C9C; border: none; color: rgba(255,255,255,0.7); padding: 32px; } .box.color .header, .box.color-bg .header, .box.animated-color-bg .header { background: transparent !important; line-height: 1.2; } .box.color h1, .box.color h2, .box.color h3, .box.color h4, .box.color h5, .box.color h6, .box.color-bg h1, .box.color-bg h2, .box.color-bg h3, .box.color-bg h4, .box.color-bg h5, .box.color-bg h6, .box.animated-color-bg h1, .box.animated-color-bg h2, .box.animated-color-bg h3, .box.animated-color-bg h4, .box.animated-color-bg h5, .box.animated-color-bg h6 { color: #fff; } .box.color ul, .box.color-bg ul, .box.animated-color-bg ul { margin: 0; padding: 0; } .box.color ul li, .box.color-bg ul li, .box.animated-color-bg ul li { border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; } .box.color ul li:last-child, .box.color-bg ul li:last-child, .box.animated-color-bg ul li:last-child { border-bottom: none; } .box.color ul ul, .box.color-bg ul ul, .box.animated-color-bg ul ul { margin: 0 0 0 20px; } .box.color a, .box.color-bg a, .box.animated-color-bg a { color: rgba(255,255,255,0.8); } .box.color a:active, .box.color a:focus, .box.color a:hover, .box.color-bg a:active, .box.color-bg a:focus, .box.color-bg a:hover, .box.animated-color-bg a:active, .box.animated-color-bg a:focus, .box.animated-color-bg a:hover { color: #fff; } .box.animated-color-bg { background: #7A8C9C; color: #fff; overflow: hidden; padding: 10rem; position: relative; } .box.animated-color-bg .box-wrap { color: #fff; font-size: 1.8rem; font-weight: normal; padding: 0; } .box.animated-color-bg .box-wrap h2 { font-size: 4.6rem; } .box.animated-color-bg .box-wrap p { margin: 0 0 5rem 0; } .box.animated-color-bg:before { -webkit-animation: circle-1 10s ease infinite; animation: circle-1 10s ease infinite; border: 1px solid rgba(255,255,255,0.9); border-radius: 50%; content: ""; display: block; height: 100%; left: auto; position: absolute; right: -90%; top: 5%; width: 100%; z-index: 0; } .box.animated-color-bg:after { -webkit-animation: circle-2 10s ease infinite; animation: circle-2 10s ease infinite; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; content: ""; display: block; height: 120%; position: absolute; right: -86%; top: 10%; width: 100%; z-index: 1; } .box.beige-bg .box-wrap { background: #f3f0e4; } .box.border1 .box-wrap, .box.border2 .box-wrap { background: #fff; border: 1px solid #7A8C9C; padding: 45px 45px 35px 45px; } .box.border1 .header, .box.border2 .header { color: #7A8C9C; float: left; font-weight: 600; margin: -15px 0 20px 0; padding: 10px 0 0 0; } .box.border1 a, .box.border2 a { color: #7A8C9C; } .box.border1 a:active, .box.border1 a:focus, .box.border1 a:hover, .box.border2 a:active, .box.border2 a:focus, .box.border2 a:hover { color: #3c3e3f; } .box.border2 .box-wrap { border: 1px solid #ddd; } .box.border2 .header { color: #3c3e3f; } .box.border2 a { color: #3c3e3f; } .box.border2 a:active, .box.border2 a:focus, .box.border2 a:hover { color: #7A8C9C; } .box ul.menu ul { padding: 0 10px 10px 10px; margin: 0; } .box ul.menu li { line-height: 1; } .box ul.menu li a, .box ul.menu li .separator { color: #3c3e3f; display: block; padding-left: 16px; position: relative; } .box ul.menu li a:hover, .box ul.menu li .separator:hover { color: #7A8C9C !important; } .box ul.menu li a:before, .box ul.menu li .separator:before { background: #3c3e3f; border-radius: 50%; content: ""; display: inline-block; height: 5px; left: 0; position: absolute; top: 15px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; width: 5px; } .box ul.menu li strong { display: block; } .box ul.menu li li { padding-left: 6px; } .box ul.menu li li a, .box ul.menu li li .separator { color: #636565; font-weight: normal; } .box.big-title { padding: 6rem 0; } .box.big-title .header { font-weight: 400; text-align: center; } .box.big-title .header > span { display: block; font-size: 4.6rem; line-height: 1.25; margin: 2.7rem 0; text-transform: uppercase; } .box.big-title .header > small { color: #636565; font-size: 1.8rem; line-height: 1.6; margin: 0 0 5.4rem 0; text-transform: none; } .beige-bg .beige-bg .box-wrap { background: transparent; } .no-circle-animation .box.animated-color-bg:before, .no-circle-animation .box.animated-color-bg:after { -webkit-animation: none; animation: none; display: none; } #gkSidebar .box + .box, #gkMainbodyTop .box + .box, #gkMainbodyBottom .box + .box { margin: 0rem 0 0; } #gkTop1, #gkTop2 { padding: 10rem 0; } #gkTop1 + #gkTop2 { padding: 0; } #gkTop2 .header { text-align: center; margin-bottom: 50px; font-size: 60px; color: #7A8C9C; } #gkTop2 .header small { font-size: 36px; color: #7A8C9C; } #gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5 { background: #fff; overflow: hidden; padding: 14rem 0; } form.pwebcontact-form label .pweb-asterisk { color: #F3E7DD !important; } .only-bigscreens { display: none; } .no-bigscreens { display: block; } @media (min-width: 1600px) { .only-bigscreens { display: block; } .no-bigscreens { display: none; } } .only-desktop { display: block; } .only-tablet { display: none; } .only-mobile { display: none; } .no-desktop { display: none; } .no-tablet { display: block; } .no-mobile { display: block; } html { border-bottom: 1px solid transparent; min-height: 100%; } body > div footer, body > div header, body > div section { clear: both; margin: 0 auto; } .gk-clearfix { clear: both; } #gkPageContent:after, #gkContent:after, #gkSidebar:after, .gk-cols:after, .box:after, .gkTabsNav:after, #k2Container:after, .single-page > .item-content:after, .single-page > .itemComments:after, .box .box-wrap:after, .gk-clearfix:after { border-spacing: 0; clear: both; content: ""; display: table; } #gkContent, #gkSidebar, #gk-content-wrapper { float: left; width: 100%; } #gkSidebar { float: right; padding: 14rem 0 10rem 0; } div[data-sidebar-pos="left"] #gkContent, div[data-sidebar-pos="left"] .single-page .item-content { float: right; } div[data-sidebar-pos="left"] #gkSidebar { float: left; padding-left: 0; padding-right: 10rem; } div[data-sidebar-pos="right"] #gkContent, div[data-sidebar-pos="right"] .single-page .item-content { float: left; } div[data-sidebar-pos="right"] #gkSidebar { float: right; padding-left: 10rem; padding-right: 0; } #gkMainbody .box, #gkMainbodyTop .box, #gkMainbodyBottom .box { width: 100%; } #gkMainbodyTop .box, #gkMainbodyBottom .box { padding: 0 0 4rem 0; } #gkMainbodyTop + #gkMainbody { margin-top: 0; padding-top: 4rem; } #gkMainbody + #gkMainbodyBottom { margin-top: 0; padding-top: 4rem; } #gkTop1.gray-bg, #gkTop2.gray-bg, #gkBottom1.gray-bg, #gkBottom2.gray-bg, #gkBottom3.gray-bg, #gkBottom4.gray-bg, #gkBottom5.gray-bg { background: #f5f5f5; } #gkTop1.beige-bg, #gkTop2.beige-bg, #gkBottom1.beige-bg, #gkBottom2.beige-bg, #gkBottom3.beige-bg, #gkBottom4.beige-bg, #gkBottom5.beige-bg { background: #f3f0e4; position: relative; } #gkTop1.beige-bg > div:before, #gkTop2.beige-bg > div:before, #gkBottom1.beige-bg > div:before, #gkBottom2.beige-bg > div:before, #gkBottom3.beige-bg > div:before, #gkBottom4.beige-bg > div:before, #gkBottom5.beige-bg > div:before { background: #feffff; background: -webkit-radial-gradient(center ellipse,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%); background: -moz-radial-gradient(ellipse at center,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%); background: radial-gradient(ellipse at center,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%); bottom: 0; content: ""; height: 320px; left: 0; position: absolute; width: 480px; } #gkTop1.big-spaces, #gkTop2.big-spaces, #gkBottom1.big-spaces, #gkBottom2.big-spaces, #gkBottom3.big-spaces, #gkBottom4.big-spaces, #gkBottom5.big-spaces { padding: 10rem; } #gkTop1.overlay, #gkTop2.overlay, #gkBottom1.overlay, #gkBottom2.overlay, #gkBottom3.overlay, #gkBottom4.overlay, #gkBottom5.overlay { padding: 0; } #gkTop1 .box, #gkTop2 .box, #gkBottom1 .box, #gkBottom2 .box, #gkBottom3 .box, #gkBottom4 .box, #gkBottom5 .box { float: left; } #gkTop1.animated-circles, #gkTop1.animated-circles-left, #gkTop2.animated-circles, #gkTop2.animated-circles-left, #gkBottom1.animated-circles, #gkBottom1.animated-circles-left, #gkBottom2.animated-circles, #gkBottom2.animated-circles-left, #gkBottom3.animated-circles, #gkBottom3.animated-circles-left, #gkBottom4.animated-circles, #gkBottom4.animated-circles-left, #gkBottom5.animated-circles, #gkBottom5.animated-circles-left { overflow: hidden; position: relative; } #gkTop1.animated-circles:before, #gkTop1.animated-circles-left:before, #gkTop2.animated-circles:before, #gkTop2.animated-circles-left:before, #gkBottom1.animated-circles:before, #gkBottom1.animated-circles-left:before, #gkBottom2.animated-circles:before, #gkBottom2.animated-circles-left:before, #gkBottom3.animated-circles:before, #gkBottom3.animated-circles-left:before, #gkBottom4.animated-circles:before, #gkBottom4.animated-circles-left:before, #gkBottom5.animated-circles:before, #gkBottom5.animated-circles-left:before { -webkit-animation: circle-1 10s ease infinite; animation: circle-1 10s ease infinite; border: 1px solid rgba(159,159,159,0.9); border-radius: 50%; content: ""; display: block; height: 160%; left: auto; position: absolute; right: -69%; top: -30%; width: 100%; z-index: 0; } #gkTop1.animated-circles:after, #gkTop1.animated-circles-left:after, #gkTop2.animated-circles:after, #gkTop2.animated-circles-left:after, #gkBottom1.animated-circles:after, #gkBottom1.animated-circles-left:after, #gkBottom2.animated-circles:after, #gkBottom2.animated-circles-left:after, #gkBottom3.animated-circles:after, #gkBottom3.animated-circles-left:after, #gkBottom4.animated-circles:after, #gkBottom4.animated-circles-left:after, #gkBottom5.animated-circles:after, #gkBottom5.animated-circles-left:after { -webkit-animation: circle-2 10s ease infinite; animation: circle-2 10s ease infinite; border: 1px solid rgba(159,159,159,0.4); border-radius: 50%; content: ""; height: 180%; position: absolute; right: -69%; top: -48%; width: 100%; z-index: 1; } #gkTop1.animated-circles > div, #gkTop1.animated-circles-left > div, #gkTop2.animated-circles > div, #gkTop2.animated-circles-left > div, #gkBottom1.animated-circles > div, #gkBottom1.animated-circles-left > div, #gkBottom2.animated-circles > div, #gkBottom2.animated-circles-left > div, #gkBottom3.animated-circles > div, #gkBottom3.animated-circles-left > div, #gkBottom4.animated-circles > div, #gkBottom4.animated-circles-left > div, #gkBottom5.animated-circles > div, #gkBottom5.animated-circles-left > div { position: relative; z-index: 2; } #gkTop1.animated-circles-left:before, #gkTop2.animated-circles-left:before, #gkBottom1.animated-circles-left:before, #gkBottom2.animated-circles-left:before, #gkBottom3.animated-circles-left:before, #gkBottom4.animated-circles-left:before, #gkBottom5.animated-circles-left:before { height: 170%; left: -67%; right: auto; top: -30%; width: 100%; z-index: 4; } #gkTop1.animated-circles-left:after, #gkTop2.animated-circles-left:after, #gkBottom1.animated-circles-left:after, #gkBottom2.animated-circles-left:after, #gkBottom3.animated-circles-left:after, #gkBottom4.animated-circles-left:after, #gkBottom5.animated-circles-left:after { height: 180%; left: -66%; right: auto; top: -48%; width: 100%; z-index: 4; } #gkTop1.animated-circles-left .box, #gkTop2.animated-circles-left .box, #gkBottom1.animated-circles-left .box, #gkBottom2.animated-circles-left .box, #gkBottom3.animated-circles-left .box, #gkBottom4.animated-circles-left .box, #gkBottom5.animated-circles-left .box { position: relative; z-index: 5; } .no-circle-animation #gkTop1.animated-circles:before, .no-circle-animation #gkTop1.animated-circles:after, .no-circle-animation #gkTop2.animated-circles:before, .no-circle-animation #gkTop2.animated-circles:after, .no-circle-animation #gkBottom1.animated-circles:before, .no-circle-animation #gkBottom1.animated-circles:after, .no-circle-animation #gkBottom2.animated-circles:before, .no-circle-animation #gkBottom2.animated-circles:after, .no-circle-animation #gkBottom3.animated-circles:before, .no-circle-animation #gkBottom3.animated-circles:after, .no-circle-animation #gkBottom4.animated-circles:before, .no-circle-animation #gkBottom4.animated-circles:after, .no-circle-animation #gkBottom5.animated-circles:before, .no-circle-animation #gkBottom5.animated-circles:after { -webkit-animation: none; animation: none; display: none; } @-webkit-keyframes circle-1 { 0% { -webkit-transform: translate(0) scaleY(1.2); transform: translate(0) scaleY(1.2); } 40% { -webkit-transform: translate(-40px) scaleY(1.3); transform: translate(-40px) scaleY(1.3); } 80% { -webkit-transform: translateX(20px) scaleY(1.3); transform: translateX(20px) scaleY(1.3); } 100% { -webkit-transform: translateX(0) scaleY(1.2); transform: translateX(0) scaleY(1.2); } } @keyframes circle-1 { 0% { -webkit-transform: translate(0) scaleY(1.2); transform: translate(0) scaleY(1.2); } 40% { -webkit-transform: translate(-40px) scaleY(1.3); transform: translate(-40px) scaleY(1.3); } 80% { -webkit-transform: translateX(20px) scaleY(1.3); transform: translateX(20px) scaleY(1.3); } 100% { -webkit-transform: translateX(0) scaleY(1.2); transform: translateX(0) scaleY(1.2); } } @-webkit-keyframes circle-2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 33% { -webkit-transform: translate(20px); transform: translate(20px); } 66% { -webkit-transform: translate(-20px); transform: translate(-20px); } 100% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes circle-2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 33% { -webkit-transform: translate(20px); transform: translate(20px); } 66% { -webkit-transform: translate(-20px); transform: translate(-20px); } 100% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } .gk-modules-block { position: relative; } .gk-modules-block + .gk-modules-block:before { border-top: 0px solid #f6f6f6; content: ""; left: 80px; position: absolute; right: 80px; top: 0; } form.pwebcontact-form button, form.pwebcontact-form .btn { font-size: 16px !important; padding: 0px 20px !important; } .gk-modules-block.gray-bg + .gk-modules-block:before, .gk-modules-block + .gk-modules-block.gray-bg:before { display: none; } .cols-2 .column-1, .cols-2 .column-2 { width: 50%; } .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 { float: left; width: 33.3%; } .column-1, .column-2, .column-3 { float: left; } #gkMainbody .error-page-container .box { padding: 12px; } .cols-2 .column-1, .cols-3 .column-1 { padding-right: 10px; } .cols-2 .column-2, .cols-3 .column-3 { padding-left: 10px; } .cols-3 .column-2 { padding-left: 10px; padding-right: 10px; } .gkCols3 .box.gkmod-1, .gkCols3 .box.gkmod-2, .gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more { float: left; padding: 0 50px; } .gkCols3 .box.gkmod-1 { width: 100%; } .gkCols3 .box.gkmod-2 { width: 50%; } .gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more { width: 33.3%; } .gkCols3 .box.gkmod-more:nth-child(3n+1) { clear: both; } .gkCols3 .box.gkmod-more.gkmod-last-1:last-child { width: 100% !important; } .gkCols3 .box.gkmod-more.gkmod-last-2:last-child, .gkCols3 .box.gkmod-more.gkmod-last-2:nth-last-child(2) { width: 50% !important; } .gkCols4 .box.gkmod-1, .gkCols4 .box.gkmod-2, .gkCols4 .box.gkmod-3, .gkCols4 .box.gkmod-4, .gkCols4 .box.gkmod-more { float: left; padding: 0 50px; } .gkCols4 .box.gkmod-1 { width: 100%; } .gkCols4 .box.gkmod-2 { width: 50%; } .gkCols4 .box.gkmod-3 { width: 33.3%; } .gkCols4 .box.gkmod-4, .gkCols4 .box.gkmod-more { width: 25%; } .gkCols4 .box.gkmod-more:nth-child(4n+1) { clear: both; } .gkCols4 .box.gkmod-more.gkmod-last-1:last-child { width: 100% !important; } .gkCols4 .box.gkmod-more.gkmod-last-2:last-child, .gkCols4 .box.gkmod-more.gkmod-last-2:nth-last-child(2) { width: 50% !important; } .gkCols4 .box.gkmod-more.gkmod-last-3:last-child, .gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(2), .gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(3) { width: 33.3% !important; } .gkCols6 .box.gkmod-1, .gkCols6 .box.gkmod-2, .gkCols6 .box.gkmod-3, .gkCols6 .box.gkmod-4, .gkCols6 .box.gkmod-5, .gkCols6 .box.gkmod-6, .gkCols6 .box.gkmod-more { float: left; padding: 0 50px; } .gkCols6 .box.gkmod-1 { width: 100%; } .gkCols6 .box.gkmod-2 { width: 50%; } .gkCols6 .box.gkmod-3 { width: 33.3%; } .gkCols6 .box.gkmod-4, .gkCols6 .box.gkmod-more { width: 25%; } .gkCols6 .box.gkmod-5, .gkCols6 .box.gkmod-more { width: 20%; } .gkCols6 .box.gkmod-6, .gkCols6 .box.gkmod-more { width: 16.66%; } .gkCols6 .box.gkmod-more:nth-child(6n+1) { clear: both; } .gkCols6 .box.gkmod-more.gkmod-last-1:last-child { width: 100% !important; } .gkCols6 .box.gkmod-more.gkmod-last-2:last-child, .gkCols6 .box.gkmod-more.gkmod-last-2:nth-last-child(2) { width: 50% !important; } .gkCols6 .box.gkmod-more.gkmod-last-3:last-child, .gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(2), .gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(3) { width: 33.3% !important; } .gkCols6 .box.gkmod-more.gkmod-last-4:last-child, .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(2), .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(3), .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(4) { width: 20% !important; } .gkCols6 .box.gkmod-more.gkmod-last-5:last-child, .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(2), .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(3), .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(4), .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(5) { width: 16.66% !important; } .gkCols3 > div, .gkCols4 > div, .gkCols6 > div { margin: 0 -50px; } .frontpage-grid #gkPageContent, .frontpage-grid #gkSidebar { background: url("../images/fon.png") no-repeat scroll top right/ auto 50%; padding: 140px 0; } .frontpage-grid #gkPageContent .header { text-align: center; background: #7A8C9C; color: #fff !important; font-size: 36px; padding: 30px; margin-bottom: 100px; } .frontpage-grid #gkPageContent .pechat .uk-panel-title { background: #7A8C9C; } .box .header small { padding-top: 10px; text-transform: none; } .frontpage-grid #gkPageContent #gkMainbody { ; } #gkHeader { padding: 80px 0 0 0; position: relative; z-index: 999; } #gkHeaderNav { position: absolute; top: 0; -webkit-transition: background-color .25s ease-out; -moz-transition: background-color .25s ease-out; -o-transition: background-color .25s ease-out; transition: background-color .25s ease-out; -ms-transition: background-color .25s ease-out; z-index: 1000; } #gkHeaderNav.fixed-menu { position: fixed; top: 0 !important; } #gkHeaderNav .gkMainMenu { color: #3c3e3f; cursor: pointer; display: block; float: right; font-size: 16px; font-weight: 400; height: 80px; line-height: 80px; margin: 0 20px 0 0 !important; padding: 0; top: 0; } #menu640 { display: none !important; } #gkHeaderNav .gkMainMenu:after { clear: both; content: ""; display: table; } #gkHeaderNav .gkMainMenu .gkmenu { display: block; margin: 0; padding: 0; position: relative; } #gkHeaderNav .gkMainMenu .gkmenu.level0 > li { padding: 0; position: relative; } #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a.active, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span.active { color: #7A8C9C; } #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span { height: 80px; line-height: 80px; padding: 0 1.6rem; } #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a.haschild:after, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span.haschild:after { padding-left: 5px; content: ' \25BE'; } #gkHeaderNav .gkMainMenu .gkmenu > li { clear: none !important; display: inline-block; width: auto; } #gkHeaderNav .gkMainMenu .gkmenu > li > a, #gkHeaderNav .gkMainMenu .gkmenu > li > span { color: #555; display: block; position: relative; } #gkHeaderNav .gkMainMenu .gkmenu > li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li > a:hover { color: #7A8C9C; } #gkHeaderNav .gkMainMenu .gkmenu > li a small { display: block; font-size: 1.1rem; line-height: 1; } #gkHeaderNav .gkMainMenu .gkmenu > li > .childcontent, #gkHeaderNav .gkMainMenu .gkmenu > li > .childcontent .childcontent { position: absolute; left: -9999px; z-index: 9999; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent { background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .14); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .14); box-shadow: 0 2px 3px rgba(0, 0, 0, .14); margin: 0; padding: 1.8rem 0; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent-inner { background: #fff; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent .gkcol { padding-bottom: 0; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li { border: none; display: block; font-size: 1.4rem; font-weight: 400; height: auto; line-height: 1.2 !important; margin: 0; padding: 0; text-align: left; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span { color: #3c3e3f; height: auto; padding: 1.25rem 2.7rem; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a.active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span.active { color: #7A8C9C; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li.group { padding: 0; margin: 0; height: auto; border: none !important; background: none; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent .header { color: #3c3e3f; display: block; font-weight: 600 !important; margin: 0; padding: 10px; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent .header a { color: #3c3e3f; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent .header small { color: #757575; display: block; font-weight: normal; margin: 3px 0 0; text-transform: none; } #gkHeaderNav .gkMainMenu .gkmenu li .module { font-size: 1.2rem; font-weight: normal; line-height: 1.4; margin: 0 10px; text-align: left; text-transform: none; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol { float: left; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol.gkcol2, #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol.gkcol3, #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol.gkcol4, #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol.gkcol5 { padding: 0 10px; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent .gkcol:first-child { border-left: none; } #gkHeaderNav .gkMainMenu .gkmenu > li:hover > .childcontent, #gkHeaderNav .gkMainMenu .gkmenu > li:hover > .childcontent li:hover > .childcontent { left: inherit; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent.active, #gkHeaderNav .gkMainMenu .gkmenu > li:hover > .childcontent { pointer-events: auto; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent { pointer-events: none; z-index: 1000 !important; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent .childcontent { z-index: 1001 !important; } #gkHeaderNav .gkMainMenu .gkmenu .childcontent .childcontent .childcontent { z-index: 1002 !important; } #gkHeaderNav .gkMainMenu .gkmenu > li .childcontent { margin-top: 0; } #gkHeaderNav .gkMainMenu .gkmenu > li .childcontent .childcontent { margin-left: 150px; margin-top: -60px !important; } #gkHeaderNav .gkMainMenu .gkmenu > li .childcontent .childcontent .childcontent { margin-top: -60px !important; } #gk-menu-overlay { background: rgba(60,62,63,0.9); left: 0; min-height: 100%; position: absolute; top: 0; width: 100%; z-index: 10000; } #gk-menu-overlay-wrap { left: 50%; margin: 0 auto 0 -320px; max-width: 640px; position: absolute; top: 0; width: 100%; z-index: 10001; } #gk-menu-overlay-wrap .gkMainMenu { display: block; padding: 10px 0; position: static; } #gk-menu-overlay-wrap .gkMainMenu a, #gk-menu-overlay-wrap .gkMainMenu span { color: #fff; display: block; font-size: 2.4rem; padding: 10px 0; } #gk-menu-overlay-wrap .gkMainMenu a:active, #gk-menu-overlay-wrap .gkMainMenu a:focus, #gk-menu-overlay-wrap .gkMainMenu a:hover, #gk-menu-overlay-wrap .gkMainMenu span:active, #gk-menu-overlay-wrap .gkMainMenu span:focus, #gk-menu-overlay-wrap .gkMainMenu span:hover { color: #7A8C9C; } #gk-menu-overlay-wrap .gkMainMenu li { border-top: 1px solid rgba(255,255,255,0.2); clear: both; width: 100%; } #gk-menu-overlay-wrap .gkMainMenu li:first-child { border-top: none; } #gk-menu-overlay-wrap .gkMainMenu li.haschild, #gk-menu-overlay-wrap .gkMainMenu li .group { padding-bottom: 0; } #gk-menu-overlay-wrap .gkMainMenu li .gkmenu { margin-top: 5px; } #gk-menu-overlay-wrap .gkMainMenu li li { border-top: 1px solid rgba(255,255,255,0.2); } #gk-menu-overlay-wrap .gkMainMenu li li a { font-size: 2rem; padding: 8px 0; } #gk-menu-overlay-wrap .gkMainMenu li li:first-child { border-top: 1px solid rgba(255,255,255,0.2); } #gk-menu-overlay-wrap .gkMainMenu li li li a { font-size: 1.6rem; padding: 5px 0; } #gk-menu-overlay-wrap .gkMainMenu .childcontent, #gk-menu-overlay-wrap .gkMainMenu .childcontent .childcontent { display: block !important; height: auto !important; margin-left: 0 !important; opacity: 1 !important; position: static; width: 100% !important; } #gk-menu-overlay-wrap .gkMainMenu .childcontent .gkcol, #gk-menu-overlay-wrap .gkMainMenu .childcontent .childcontent .gkcol { height: auto !important; width: 100% !important; } #gk-menu-overlay-wrap .module { display: none; } #gk-menu-overlay-wrap .header > a { color: #fff; } #gk-menu-overlay-wrap .header > a:active, #gk-menu-overlay-wrap .header > a:focus, #gk-menu-overlay-wrap .header > a:hover { color: #3c3e3f; } #gk-menu-overlay-wrap .header > a > small { display: block; } #gk-menu-overlay-wrap #gk-menu-overlay-close { color: #fff; cursor: pointer; font-size: 3.2rem; line-height: 1; position: absolute; right: 0; top: 22px; } #gk-menu-overlay-wrap #gk-menu-overlay-close:active, #gk-menu-overlay-wrap #gk-menu-overlay-close:focus, #gk-menu-overlay-wrap #gk-menu-overlay-close:hover { color: #7A8C9C; } #gk-menu-overlay, #gk-menu-overlay-wrap { display: none; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } #gk-menu-overlay.gk-show, #gk-menu-overlay-wrap.gk-show { display: block; } #gk-menu-overlay.gk-active, #gk-menu-overlay-wrap.gk-active { opacity: 1; } #gkMobileMenu { display: none; } #gkMobileMenu.off-canvas { display: block; } #gkMobileMenu { color: #fff; cursor: pointer; float: right; font-size: 1.4rem; font-weight: bold; height: 32px; line-height: 32px; margin: 3.8rem 5rem 3.8rem 2rem !important; overflow: hidden; padding: 14px 0; text-align: center; text-transform: uppercase; width: 32px; } #gkMobileMenu #static-aside-menu-toggler { background: #7A8B9B; border-radius: 1px; display: block; float: right; height: 4px; position: relative; right: 0; text-align: center; top: 0; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; -ms-transition: background .3s ease-out; width: 32px; } #gkMobileMenu #static-aside-menu-toggler:before, #gkMobileMenu #static-aside-menu-toggler:after { background: #7A8B9B; border-radius: 1px; content: ""; display: block; height: 4px; position: absolute; top: -10px; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; -ms-transition: background .3s ease-out; width: 32px; } #gkMobileMenu #static-aside-menu-toggler:after { top: 10px; } #gkMobileMenu:active > i, #gkMobileMenu:active > i:before, #gkMobileMenu:active > i:after, #gkMobileMenu:focus > i, #gkMobileMenu:focus > i:before, #gkMobileMenu:focus > i:after, #gkMobileMenu:hover > i, #gkMobileMenu:hover > i:before, #gkMobileMenu:hover > i:after { background: #7A8C9C; } #gkHeaderNav { background: #fff; width: 100%; } body.nav-transparent #gkHeaderNav { background: rgba(255,255,255,0.8); } body.nav-transparent #gkHeaderNav.solid-color { } body.nav-transparent #gkHeader { } #gkBg, #gkTop { left: 0; position: relative; -webkit-transition: left .3s ease-out; -moz-transition: left .3s ease-out; -o-transition: left .3s ease-out; transition: left .3s ease-out; -ms-transition: left .3s ease-out; z-index: 1; } #gkBg.menu-open, #gkTop.menu-open { left: -280px !important; } #static-aside-menu-toggler { cursor: pointer; } #aside-menu { background: #3c3e3f; display: block; float: right; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 280px; z-index: 0; } #aside-menu:after { background: #f6f6f6; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } #aside-menu.menu-open { display: block; position: fixed; } #aside-menu.menu-open:after { width: 0; } #aside-menu > div { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; padding-right: 32px; min-width: 280px; max-width: 100%; } #aside-menu li { font-size: 1.4rem; font-weight: 400; padding: 4px 0; text-transform: uppercase; } #aside-menu li a, #aside-menu li span { color: #ccc; } #aside-menu li a:active, #aside-menu li a:focus, #aside-menu li a:hover, #aside-menu li span:active, #aside-menu li span:focus, #aside-menu li span:hover { color: #7A8C9C; } #aside-menu li.last { margin-bottom: 12px; } #aside-menu li a.active { color: #7A8C9C; } #aside-menu li li { font-weight: 400; padding: 4px 0; text-transform: none; } #aside-menu li li a, #aside-menu li li span { color: #ccc; } #aside-menu li li li { padding-left: 10px; } #aside-menu li li li:before { content: "-"; padding: 0 10px 0 0; } #close-menu { color: #636565; cursor: pointer; font-style: normal; font-size: 2.6rem; line-height: 17px; opacity: 0; position: fixed; right: 0; top: 22px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; z-index: 2; } #close-menu:hover { color: #7A8C9C; } #close-menu.menu-open { opacity: 1.0; right: 18px; } .gkAsideMenu > ul { padding: 20px 0 20px 32px; } .android-stock-browser #aside-menu { height: auto; min-height: 100%; position: absolute; } .android-stock-browser #aside-menu > div { height: auto; min-height: 100%; } #gk-menu-top, #gk-menu-bottom { color: #636565; font-size: 1.3rem; padding: 15px 0; } #gk-menu-top a, #gk-menu-bottom a { color: #fff; } #gk-menu-top a:active, #gk-menu-top a:focus, #gk-menu-top a:hover, #gk-menu-bottom a:active, #gk-menu-bottom a:focus, #gk-menu-bottom a:hover { color: #7A8C9C; } #gk-menu-top { border-bottom: 1px solid rgba(255,255,255,0.15); margin: 5px 0 20px 32px; } #gk-menu-bottom { border-top: 1px solid rgba(255,255,255,0.15); margin: 20px 0 0 32px; } .k2FeedIcon a, a.k2FeedIcon { color: #bbb; display: block; font-size: 1.6rem; height: 2.1rem; letter-spacing: 1px; line-height: 2.1rem; margin: 60px auto 30px auto; text-align: center; text-transform: uppercase; } .k2FeedIcon a:active, .k2FeedIcon a:focus, .k2FeedIcon a:hover, a.k2FeedIcon:active, a.k2FeedIcon:focus, a.k2FeedIcon:hover { color: #7A8C9C; } .k2FeedIcon a:before, a.k2FeedIcon:before { color: #7A8C9C; content: "\f09e"; font-family: FontAwesome; font-size: 1.6rem; margin: 0 12px 0 0; text-indent: inherit; } .k2FeedIcon { float: none !important; } .activeCategory { background: #f6f6f6; } .activeCategory a { padding: 8px 16px !important; } .itemExtraFields ul li span.itemExtraFieldsValue, .itemLinks .itemCategory a { display: block; } .latestView .itemsContainer { float: left; } .clr { clear: both; } .itemContainerLast:first-child .itemImageBlock, .clr + .itemContainerLast .itemImageBlock { padding: 0; } .itemCommentsPagination ul li { display: inline-block; margin: 0 3px; font-size: 80%; } .itemCommentsPagination ul { text-align: right; } .itemsContainer .itemsContainerWrap, .itemContainer .itemsContainerWrap { margin: 0 10px; } .itemsContainer .itemsContainerWrap .itemList article { margin-bottom: 50px; } .itemContainer { float: left; } .k2LatestCommentsBlock li { clear: both; font-size: 1.4rem; overflow: hidden; padding: 10px 0; } .k2LatestCommentsBlock li a { display: inherit; } .k2LatestCommentsBlock li.lastItem a { color: #5b5b5b; } .k2LatestCommentsBlock li.lastItem a:hover { color: #3c3e3f; } .k2LatestCommentsBlock .k2Avatar { float: left; } .k2LatestCommentsBlock .lcCommentInfo { clear: both; font-size: 1.1rem; } .tcUsername { font-size: 1.8rem; color: #3c3e3f; } .tcLatestComment { display: block; margin: 6px 0; font-size: 1.3rem; color: #636565; } .tcLatestCommentDate { display: block; font-size: 1.1rem; color: #757575; } .k2ItemsBlock ul { margin-right: -20px; } .k2ItemsBlock ul li { margin: 0 0 12px; background: none !important; padding: 12px 20px 12px 0 !important; list-style: none !important; } .moduleItemTitle { color: #3c3e3f; display: block; font-size: 1.8rem; font-weight: 400; line-height: 1.4; } .moduleItemAuthor { overflow: hidden; margin: 0 0 16px; font-size: 1.1rem; border-bottom: 1px solid #eee; } .moduleItemAuthor a { color: #3c3e3f; display: block; font: bold 12px Verdana, Geneva, sans-serif; padding: 0 0 12px; } .moduleItemAuthor p { clear: both; } .moduleItemIntrotext { display: block; padding: 12px 0 0; line-height: 1.6; } .moduleItemIntrotext a.moduleItemImage img { float: left; overflow: hidden; margin: 4px 0; } .moduleItemDateCreated, .moduleItemCategory { font: normal 10px Verdana, Geneva, sans-serif; color: #636565; } .moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel { display: block; float: left; font-weight: 500; margin: 0 4px 0 0; width: 30%; } .moduleItemTags, .moduleAttachments { overflow: hidden; border-top: 1px solid #eee; margin: 12px 0 0; padding: 12px 0 0; } .moduleItemTags strong { font-size: 1.2rem; color: #3c3e3f; } .moduleItemTags a { float: right; } a.moduleItemComments { font-size: 1.2rem; } a:hover.moduleItemComments { background-position: 0 100%; color: #fff; } .k2ItemsBlock ul li span.moduleItemHits { font-size: 90%; } .moduleItemImage { display: block; margin-bottom: 10px; overflow: hidden; width: 100%; } .moduleItemReadMore { display: block; clear: both; } .k2LoginBlock fieldset { border: none; } .k2LoginBlock fieldset.input { margin: 0; padding: 0 0 8px 0; } .k2LoginBlock fieldset.input p { margin: 0; padding: 0 0 4px 0; } .k2LoginBlock fieldset.input p#form-login-remember label, .k2LoginBlock fieldset.input p#form-login-remember input { display: inline; } .k2LoginBlock fieldset.input p label, .k2LoginBlock fieldset.input p input { display: block; } .k2LoginBlock fieldset.input p input[type="text"], .k2LoginBlock fieldset.input p input[type="password"] { margin: 0 0 10px 0; width: 100%; } .k2UserBlock p.ubGreeting { border-bottom: 1px dotted #eee; } .k2UserBlock .k2UserBlockDetails span.ubName { display: block; font-weight: 500; font-size: 1.4rem; } .k2BreadcrumbsBlock span.bcTitle { padding: 0 4px 0 0; color: #636565; } .k2BreadcrumbsBlock span.bcSeparator { padding: 0 4px; font-size: 1.4rem; } .k2CalendarLoader { background: #fff; } .k2CalendarBlock { margin-bottom: 8px; } .k2CalendarBlock table.calendar { width: 100%; margin: 0 auto; background: #fff; border-collapse: collapse; border-left: 1px solid #eee; } .k2CalendarBlock table.calendar tr td { font-size: 1.3rem !important; text-align: center; vertical-align: middle; padding: 3px; border: 1px solid #eee; background: #fff; } .k2CalendarBlock table.calendar tr td.calendarNavMonthPrev, .k2CalendarBlock table.calendar tr td.calendarNavMonthNext { background: #fff; text-align: center; font-size: 1.5rem !important; } .k2CalendarBlock table.calendar tr td.calendarDayName { background: #f6f6f6; width: 14.2%; color: #3c3e3f; font-weight: 500; } .k2CalendarBlock table.calendar tr td.calendarDateEmpty { background: #f6f6f6; } .k2CalendarBlock table.calendar tr td.calendarDate { font-size: 1.1rem; } .k2CalendarBlock table.calendar tr td.calendarDateLinked { padding: 0; } .k2CalendarBlock table.calendar tr td.calendarDateLinked a { display: block; font-weight: bold; padding: 2px; } .k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover { display: block; background: #7A8C9C; color: #fff !important; padding: 2px; } .k2CalendarBlock table.calendar tr td.calendarToday { background: #7A8C9C; color: #fff; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked { background: #f6f6f6; padding: 0; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked a { display: block; padding: 2px; color: #7A8C9C; font-size: 1.2rem; font-weight: bold; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover { display: block; background: #7A8C9C; color: #fff !important; padding: 2px; } .calendarNavLink { color: #7A8C9C; } .k2CategorySelectBlock form select { width: auto; } .k2ArchivesBlock ul li b { color: #bbb; font-size: 1.1rem; font-weight: 400; padding: 0 0 0 4px; } .ubUserItems { margin: 20px 0 !important; } .k2TagCloudBlock a { color: #bbb; float: left; font-size: 1.6rem; font-weight: 400; line-height: 1.5; margin: 0 1rem 0 0; padding: 0.2rem 0; } .k2TagCloudBlock a:active, .k2TagCloudBlock a:focus, .k2TagCloudBlock a:hover { color: #7A8C9C; } #k2Container .gsc-branding-text { text-align: right; } #k2Container .gsc-control { width: 100%; } #k2Container .gs-visibleUrl { display: none; } a.ubUserFeedIcon, a.ubUserFeedIcon:hover { display: inline-block; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span { display: none; } a.ubUserURL, a.ubUserURL:hover { display: inline-block; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } a.ubUserURL span, a.ubUserURL:hover span { display: none; } span.ubUserEmail { display: inline-block; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; overflow: hidden; } span.ubUserEmail a { display: inline-block; margin: 0; padding: 0; width: 16px; height: 16px; text-indent: -9999px; } .k2UsersBlock ul li h3 { clear: both; margin: 8px 0 0 0; padding: 0; } .catCounter { color: #636565; font-size: 1.1rem; font-weight: normal; } .item-body { clear: both; margin: 7.2rem 0 1rem; } .item-body h2, .item-body h3, .item-body h4 { } .single-page > .header { margin: 0 -10rem; position: relative; text-align: center; } .single-page .header-wrap { max-width: 100%; position: relative; } .single-page .header-wrap > img { display: block; margin: 0 auto; max-width: 100%; width: 100%; } .single-page .header-wrap .item-image-info { background: rgba(0,0,0,0.5); bottom: 4rem; color: #fff; font-size: 1.3rem; left: auto; line-height: 2; padding: .5rem 1rem; right: 4rem; position: absolute; text-align: left; text-transform: none; z-index: 1; } .single-page .header-wrap .item-image-caption, .single-page .header-wrap .item-image-credits { display: block; line-height: 1.5; } .single-page .item-social-icons { float: left; } .single-page .item-social-icons span { margin-right: 10px; } .single-page .item-social-icons > a:hover, .single-page .item-social-icons > a:hover > i { color: #7A8C9C !important; } .single-page div[itemprop="articleBody"] + .item-social-icons { margin-top: 50px; } .in .uslugi .uk-margin p strong { font-weight:400; font-size: 24px; font-family: 'PlayfairDisplay' !important; display: block; margin-top: 0; } .in .itemFullText h3 { font-family: 'PlayfairDisplay' !important; text-transform: none; font-size: 28px; } .in .preim.uk-grid { margin-left: -20px !important; } .in .preim.uk-grid > * { padding-left: 20px !important; } .preim .uk-panel-box-primary .uk-panel-title a { color: #fff; text-transform: uppercase; font-size: 21px !important; font-family: 'ProbaPro' !important; } .preim .uk-panel-box-primary .uk-panel-title a b { display: block; margin-top: 20px; font-size: 42px !important; font-weight: 400; } .preim .uk-panel-box-primary a.uk-button { border: 1px solid #fff !important; } .preim .uk-panel-box-primary { background-color: #87A5C2; color: #fff; padding-top: 40px; padding-bottom: 40px; } .in a.uk-button { text-transform: uppercase; } .in .subpage .uslugi .uk-row-first + div { margin-top: 30px; } .in .box .header { font-family: 'PlayfairDisplay' !important; text-transform: none; font-size: 28px; margin-bottom: 40px; font-weight: 400; } .in .ktoya .uk-margin + p a { margin-top: 0px !important; } .in .single-page .item-title { text-transform: none; margin: 8rem 0 0 0; font-family: 'PlayfairDisplay' !important; } .single-page .item-title .item-featured > i { color: #7A8C9C; } .single-page .item-body { clear: none; float: right; margin: 0 0 10rem 0; width: 100%; } .single-page .itemIntroText { line-height: 1.6; } .single-page .itemIntroText p { margin: 0 0 3rem 0; } .single-page .itemFullText { color: #636565; line-height: 1.6; } .single-page .itemFullText p { } .single-page .itemFullText iframe { margin: 4rem 0; } .single-page .itemVideoBlock { margin: 4.5rem 0 0 0; text-align: center; } .single-page .itemVideoBlock p { font-size: 1.4rem; color: #757575; margin: 0 0 2em; padding: 12px 0; text-align: center; } .single-page .itemVideoBlock p span { display: block; } .single-page > .item-content, .single-page > .itemComments { } .single-page > .item-content figure { margin: 9rem 0; text-align: center; } .single-page > .item-content figure.gk-big-image { margin: 9rem -12.5% !important; } .single-page > .item-content figure.gk-big-image img { display: block; width: 100%; } .single-page > .item-content figure img { margin: 0 auto; } .single-page > .item-content figure figcaption { color: #757575; font-size: 1.2rem; margin: 0; padding: 1rem 0; text-align: left; } .single-page .itemDateModified { float: right; margin-top: 6.4rem; } .single-page .item-social-icons { font-size: 1.8rem; } .single-page.hasSidebar > .item-content figure.gk-big-image { margin: 9rem 0 !important; } .item-featured { font-size: 50%; top: -2.4rem; } .item-top-info { color: #ccc; font-size: 2.4rem; line-height: 1.1; margin: 0 0 7.5rem 0; overflow: hidden; padding: 0 0 .5rem 0; } .item-top-info li { float: left; padding: 0 8px; } .item-top-info li:first-child { padding: 0 8px 0 0; } .item-top-info li:before { display: none; } .item-top-info a { color: #7A8C9C; } .item-top-info a:active, .item-top-info a:focus, .item-top-info a:hover { color: #636565; } .item-readmore { padding: 6rem 0 0 0; } .item-readmore .btn { display: inline-block; } .itemAuthor { float: left; margin-top: 6rem; font-style: italic; } .itemAuthor > span { margin-right: 5px; } .itemVideoCaption, .itemVideoCredits { color: #757575; display: inline-block; font-size: 1.3rem; line-height: 2; padding: 0; text-align: center; } .itemAttachmentsBlock { border-top: 1px solid #ccc; } .itemAttachmentsBlock ul { margin: 0 0 1rem 0 !important; } .itemAttachmentsBlock ul li { list-style-type: none !important; padding: 5px 0 !important; } .itemAttachmentsBlock ul li:before { display: none; } .itemAttachmentsBlock ul li i { margin-right: 10px; color: #bbb; } .itemAttachmentsBlock ul li span { color: #636565; font-weight: normal; font-size: 1.1rem; margin-left: 12px; } .itemAttachmentsBlock h3 { font-size: 2.4rem; font-weight: bold; margin: 0; padding: 4rem 0; text-transform: uppercase; } .itemAttachmentsBlock + .itemExtraFields { margin-top: 5.4rem; } .itemExtraFields { border-top: 1px solid #ccc; font-size: 1.5rem; } .itemExtraFields h3 { font-size: 2.4rem; font-weight: bold; margin: 0; padding: 4rem 0; text-transform: uppercase; } .itemExtraFields dl { overflow: hidden; } .itemExtraFields dt { clear: both; color: #3c3e3f; float: left; font-weight: bold; margin: 0 0 10px 0; width: 20%; } .itemExtraFields dd { float: left; margin: 0 0 10px 0; padding: 0 0 0 10px; width: 80%; } .itemRatingBlock { float: right; margin: 0; } .itemRatingBlock span { display: block; font-size: 1.4rem; font-weight: 400; margin: 0 0 8px; } .itemRatingForm { display: inline-block; vertical-align: middle; line-height: 25px; margin: 0; text-align: center; } .itemRatingLog { margin: -2px 0 0; padding: 0 0 0 4px; float: left; line-height: 25px; font-size: 1.1rem; color: #636565; } span#formLog { display: block; float: none; clear: both; color: #3c3e3f; background: #FFFFDD; font-size: 1.4rem; font-weight: 400; line-height: 32px; text-align: center; margin: 10px 0; position: relative; top: 10px; } .itemRatingForm .formLogLoading { height: 25px; padding: 0 0 0 20px; } .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background: url('../images/k2/star.png') left -1000px repeat-x; } .itemRatingList { position: relative; float: left; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0 6px 0 0 !important; padding: 0; background-position: left top; } .itemRatingList li { background: none; border: none !important; float: left; display: block; height: 25px !important; padding: 0 !important; position: static !important; width: 25px !important; } .itemRatingList li:before { display: none; } .itemRatingList li a { border-bottom: none !important; position: absolute; } .itemRatingList li[class] { width: inherit !important; } .itemRatingList a, .itemRatingList .itemCurrentRating { position: absolute; top: 0; left: 0; text-indent: -1000px; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -ms-transition: none; } .itemRatingList a:hover { background-position: left center; } .itemRatingList a.one-star { width: 20%; z-index: 6; } .itemRatingList a.two-stars { width: 40%; z-index: 5; } .itemRatingList a.three-stars { width: 60%; z-index: 4; } .itemRatingList a.four-stars { width: 80%; z-index: 3; } .itemRatingList a.five-stars { width: 100%; z-index: 2; } .itemRatingList .itemCurrentRating { z-index: 1; background-position: 0 bottom; margin: 0; padding: 0; } .itemLinks, .itemTagsBlock { color: #636565; line-height: 2.3; } .itemTags { border-top: 1px solid #ccc; color: #3c3e3f; font-size: 1.4rem; margin: 8.1rem auto 5.4rem; padding-top: 2.7rem; text-transform: uppercase; } .itemTags > li { display: inline-block; list-style-type: none; margin: 0 5px 0 0; padding: 0; } .itemTags > li:after { content: ","; } .itemTags > li:last-child:after, .itemTags > li:first-child:after { content: ""; } .itemTags > li:before { display: none; } .itemTags > li > a { color: #636565; } .itemTags > li > a:active, .itemTags > li > a:focus, .itemTags > li > a:hover { color: #7A8C9C; } .itemTags > li > a, .itemTags > li:before { border-bottom: none; } .itemTags > li > a:hover, .itemTags > li:hover:before { color: #7A8C9C !important; } .itemTags > li > strong { padding-right: 5px; } .itemLinks > div { margin: 0 0 8px; } .itemLinks .itemTagsBlock, .itemLinks .itemSocialSharing { clear: both; overflow: hidden; } .itemSocialSharing { margin: 20px 0 0 0; padding: 40px 0 0; text-align: center; } .itemSocialSharing > div { display: inline-block; margin: 0 12px; vertical-align: top; } .itemSubheader { clear: both; margin: 80px 0 0 0; padding: 0; } .itemSubheader h3 { border-top: 1px solid #ccc; font-size: 2.4rem; font-weight: bold; margin: 0; padding: 4rem 0; text-transform: uppercase; } .itemAuthorContent { clear: both; overflow: hidden; } .itemAuthorContent a { border-bottom: none !important; } .itemAuthorContent ul { margin: 0 -10px !important; } .itemAuthorContent ul li { float: left; font-size: 1.6rem; font-weight: 400; line-height: 1.5; margin: 0; padding: 0 10px !important; text-align: left; width: 33.333333%; } .itemAuthorContent ul li:before { display: none; } .itemAuthorContent ul li img { display: block; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .itemAuthorContent ul li a { font-weight: 500; line-height: 1.2; } .itemAuthorContent ul li a.itemRelTitle { display: block; margin: 0 0 20px 0; overflow: hidden; } .itemAuthorContent ul li a.itemRelTitle:hover img { opacity: .65; } .itemAuthorContent ul[data-cols="1"] li { width: 100%; } .itemAuthorContent ul[data-cols="2"] li { width: 50%; } .itemAuthorContent ul[data-cols="3"] li { width: 33%; } .itemAuthorContent ul[data-cols="4"] li { width: 25%; } .itemAuthorLinks ul { margin: 0 -25px !important; } .itemAuthorLinks ul li { padding: 0 25px !important; } .itemAuthorLinks ul li:first-child { border-left: none; } .itemNavigation { clear: both; font-size: 1.8rem; font-weight: 400; margin: 8rem 0 0 0; overflow: hidden; padding: 4rem 0; } .itemNavigation .itemPrevious, .itemNavigation .itemNext { border-bottom: none !important; max-width: 48%; overflow: hidden; position: relative; } .itemNavigation .itemPrevious { float: left; } .itemNavigation .itemNext { float: right; } #itemCommentsAnchor { clear: both; } .itemCommentsForm label { display: block; clear: both; padding: 12px 0 10px; } .itemCommentsForm textarea, .itemCommentsForm .inputbox { float: left; margin: 0 3% 3% 0; width: 30%; } .itemCommentsForm textarea.inputbox { height: 200px !important; width: 100%; } .itemCommentsForm .itemCommentsFormNotes { color: #636565; font-size: 1.3rem; margin: -30px 0 40px; } .itemComments .itemCommentsList { padding: 0 0 24px 0; } .itemComments .itemCommentsList li { margin: 6.4rem 0; padding: 0; } .itemComments .itemCommentsList li:before { display: none; } .itemComments .itemCommentsList li a { border-bottom: none; } .itemComments .itemCommentsList li > div { margin: 0 0 0 100px; padding: 0; } .itemComments .itemCommentsList li > div > span { font-size: 1.6rem; } .itemComments .itemCommentsList li > div p { color: #636565; font-size: 1.8rem; margin: 1.5rem 0; } .itemComments .itemCommentsList li span { color: #757575; display: block; margin: 0 12px 0 0; } .itemComments .itemCommentsList li span > a.inverse { font-weight: bold; letter-spacing: 1px; } .itemComments .itemCommentsList li .comment-author { font-size: 2rem; } .itemComments .itemCommentsList li .comment-date { font-size: 1.4rem; } .itemComments .itemCommentsList li .comment-links { font-size: 1.4rem; } .itemComments .itemCommentsList li .comment-links a { margin-right: 20px; } .itemComments .itemCommentsList li > img, .k2LatestCommentsBlock img, .lcAvatar img { display: block; float: left; margin: 0 2rem 0 0; } #submitCommentButton { float: left; } .itemBackToTop { float: right; } .blog-page .page-header { margin: 0; } .blog-page .page-header p { margin: 1rem 0 0 0; } .blog-page .item-list { min-width: 100%; padding: 0; } .blog-page .item-list .item-info { margin: 0; } .blog-page .item-list + .k2FeedIcon { margin-top: 10rem; } .blog-page .item-list .item-list-row { margin: 0; width: 100%; } .blog-page .item-list .item-list-row-blank .item-view { padding: 0; } .blog-page .item-list .item-view { background: #fff; margin: 0; padding: 0; position: relative; text-align: left; width: 100%; } .blog-page .item-list .item-view .item-title { font-size: 4.6rem; margin: 0; } .blog-page .item-list .item-view .item-image { margin: 10rem -10rem 0 -10rem; } .blog-page .item-list .item-view .item-image a { display: block; overflow: hidden; } .blog-page .item-list .item-view .item-image img { display: block; width: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .blog-page .item-list .item-view .item-image a:hover img { opacity: 0.65; } .blog-page .item-list .item-view .item-content { margin: 10rem auto 0 auto; width: 80%; } .blog-page .item-list .item-view .item-featured > i { color: #7A8C9C; } .blog-page .items-more { width: 80%; margin: 10rem auto 0 auto; } .blog-page.hasSidebar .item-view .item-image { margin: 10rem 0 0 0; } .blog-page.hasSidebar .item-view .item-content { width: 100%; } .blog-page .item-more-links { margin: 50px 0 0 0; } .blog-page .item-more-links .item-more-header { font-size: 2.4rem; margin: 0 0 10px 0; text-transform: none; } .blog-page .item-more-links .item-more-list { list-style-type: none; } .blog-page .item-more-links .item-more-item a { color: #3c3e3f; display: block; font-size: 1.6rem; padding: 5px 0; } .blog-page .item-more-links .item-more-item a:active, .blog-page .item-more-links .item-more-item a:focus, .blog-page .item-more-links .item-more-item a:hover { color: #7A8C9C; } .blog-page .itemAuthor { float: none; margin-top: 6rem; } .user-page .item-author { margin: 6rem 0 8rem; padding: 0; } .user-page .item-author .item-author-avatar { float: left; margin: 0 80px 0 0; max-width: 160px !important; } .user-page .item-author .item-author-desc { margin: 5px 0; } .user-page .item-author .item-author-email, .user-page .item-author .item-author-twitter, .user-page .item-author .item-author-www { display: inline-block; padding: 5px 20px 5px 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #3c3e3f; } input::-moz-placeholder, textarea::-moz-placeholder { color: #3c3e3f; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #3c3e3f; } input:-moz-placeholder, textarea:-moz-placeholder { color: #3c3e3f; opacity: 1; } select::-ms-expand { display: none; } html.-moz-select { padding: 3px 5px; } .btn, .readon, button, .button, input[type="submit"], input[type="button"], ul.pagenav .previous > a, ul.pagenav .next > a, #gkMainbody .readmore > a, .cc-notification-buttons > li > .cc-link, #fancybox-content > div > .showcart, #fancybox-content > div > .continue_link, .gkPopupWrap .gkShowCart > a { background-color: #7A8C9C; border: none; color: #fff; cursor: pointer; line-height: inherit; outline: none; padding: 1.6rem 4.8rem; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; } .btn [class^="fa fa-"], .btn [class*=" fa-"], .readon [class^="fa fa-"], .readon [class*=" fa-"], button [class^="fa fa-"], button [class*=" fa-"], .button [class^="fa fa-"], .button [class*=" fa-"], input[type="submit"] [class^="fa fa-"], input[type="submit"] [class*=" fa-"], input[type="button"] [class^="fa fa-"], input[type="button"] [class*=" fa-"], ul.pagenav .previous > a [class^="fa fa-"], ul.pagenav .previous > a [class*=" fa-"], ul.pagenav .next > a [class^="fa fa-"], ul.pagenav .next > a [class*=" fa-"], #gkMainbody .readmore > a [class^="fa fa-"], #gkMainbody .readmore > a [class*=" fa-"], .cc-notification-buttons > li > .cc-link [class^="fa fa-"], .cc-notification-buttons > li > .cc-link [class*=" fa-"], #fancybox-content > div > .showcart [class^="fa fa-"], #fancybox-content > div > .showcart [class*=" fa-"], #fancybox-content > div > .continue_link [class^="fa fa-"], #fancybox-content > div > .continue_link [class*=" fa-"], .gkPopupWrap .gkShowCart > a [class^="fa fa-"], .gkPopupWrap .gkShowCart > a [class*=" fa-"] { color: #fff; } .btn:active, .btn:focus, .btn:hover, .readon:active, .readon:focus, .readon:hover, button:active, button:focus, button:hover, .button:active, .button:focus, .button:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, ul.pagenav .previous > a:active, ul.pagenav .previous > a:focus, ul.pagenav .previous > a:hover, ul.pagenav .next > a:active, ul.pagenav .next > a:focus, ul.pagenav .next > a:hover, #gkMainbody .readmore > a:active, #gkMainbody .readmore > a:focus, #gkMainbody .readmore > a:hover, .cc-notification-buttons > li > .cc-link:active, .cc-notification-buttons > li > .cc-link:focus, .cc-notification-buttons > li > .cc-link:hover, #fancybox-content > div > .showcart:active, #fancybox-content > div > .showcart:focus, #fancybox-content > div > .showcart:hover, #fancybox-content > div > .continue_link:active, #fancybox-content > div > .continue_link:focus, #fancybox-content > div > .continue_link:hover, .gkPopupWrap .gkShowCart > a:active, .gkPopupWrap .gkShowCart > a:focus, .gkPopupWrap .gkShowCart > a:hover { background: #3c3e3f; color: #fff; } .btn:active [class^="fa fa-"], .btn:active [class*=" fa-"], .btn:focus [class^="fa fa-"], .btn:focus [class*=" fa-"], .btn:hover [class^="fa fa-"], .btn:hover [class*=" fa-"], .readon:active [class^="fa fa-"], .readon:active [class*=" fa-"], .readon:focus [class^="fa fa-"], .readon:focus [class*=" fa-"], .readon:hover [class^="fa fa-"], .readon:hover [class*=" fa-"], button:active [class^="fa fa-"], button:active [class*=" fa-"], button:focus [class^="fa fa-"], button:focus [class*=" fa-"], button:hover [class^="fa fa-"], button:hover [class*=" fa-"], .button:active [class^="fa fa-"], .button:active [class*=" fa-"], .button:focus [class^="fa fa-"], .button:focus [class*=" fa-"], .button:hover [class^="fa fa-"], .button:hover [class*=" fa-"], input[type="submit"]:active [class^="fa fa-"], input[type="submit"]:active [class*=" fa-"], input[type="submit"]:focus [class^="fa fa-"], input[type="submit"]:focus [class*=" fa-"], input[type="submit"]:hover [class^="fa fa-"], input[type="submit"]:hover [class*=" fa-"], input[type="button"]:active [class^="fa fa-"], input[type="button"]:active [class*=" fa-"], input[type="button"]:focus [class^="fa fa-"], input[type="button"]:focus [class*=" fa-"], input[type="button"]:hover [class^="fa fa-"], input[type="button"]:hover [class*=" fa-"], ul.pagenav .previous > a:active [class^="fa fa-"], ul.pagenav .previous > a:active [class*=" fa-"], ul.pagenav .previous > a:focus [class^="fa fa-"], ul.pagenav .previous > a:focus [class*=" fa-"], ul.pagenav .previous > a:hover [class^="fa fa-"], ul.pagenav .previous > a:hover [class*=" fa-"], ul.pagenav .next > a:active [class^="fa fa-"], ul.pagenav .next > a:active [class*=" fa-"], ul.pagenav .next > a:focus [class^="fa fa-"], ul.pagenav .next > a:focus [class*=" fa-"], ul.pagenav .next > a:hover [class^="fa fa-"], ul.pagenav .next > a:hover [class*=" fa-"], #gkMainbody .readmore > a:active [class^="fa fa-"], #gkMainbody .readmore > a:active [class*=" fa-"], #gkMainbody .readmore > a:focus [class^="fa fa-"], #gkMainbody .readmore > a:focus [class*=" fa-"], #gkMainbody .readmore > a:hover [class^="fa fa-"], #gkMainbody .readmore > a:hover [class*=" fa-"], .cc-notification-buttons > li > .cc-link:active [class^="fa fa-"], .cc-notification-buttons > li > .cc-link:active [class*=" fa-"], .cc-notification-buttons > li > .cc-link:focus [class^="fa fa-"], .cc-notification-buttons > li > .cc-link:focus [class*=" fa-"], .cc-notification-buttons > li > .cc-link:hover [class^="fa fa-"], .cc-notification-buttons > li > .cc-link:hover [class*=" fa-"], #fancybox-content > div > .showcart:active [class^="fa fa-"], #fancybox-content > div > .showcart:active [class*=" fa-"], #fancybox-content > div > .showcart:focus [class^="fa fa-"], #fancybox-content > div > .showcart:focus [class*=" fa-"], #fancybox-content > div > .showcart:hover [class^="fa fa-"], #fancybox-content > div > .showcart:hover [class*=" fa-"], #fancybox-content > div > .continue_link:active [class^="fa fa-"], #fancybox-content > div > .continue_link:active [class*=" fa-"], #fancybox-content > div > .continue_link:focus [class^="fa fa-"], #fancybox-content > div > .continue_link:focus [class*=" fa-"], #fancybox-content > div > .continue_link:hover [class^="fa fa-"], #fancybox-content > div > .continue_link:hover [class*=" fa-"], .gkPopupWrap .gkShowCart > a:active [class^="fa fa-"], .gkPopupWrap .gkShowCart > a:active [class*=" fa-"], .gkPopupWrap .gkShowCart > a:focus [class^="fa fa-"], .gkPopupWrap .gkShowCart > a:focus [class*=" fa-"], .gkPopupWrap .gkShowCart > a:hover [class^="fa fa-"], .gkPopupWrap .gkShowCart > a:hover [class*=" fa-"] { color: #fff; } a.btn { display: inline-block; } .readon { padding: 1rem 3.2rem; } .btn > i { color: #fff; } .btn.inverse { background: #3c3e3f; color: #fff; } .btn.inverse:active, .btn.inverse:focus, .btn.inverse:hover { background: #7A8C9C; color: #fff; } .btn.border { border: 1px solid #fff; color: #fff !important; } .btn.border:active, .btn.border:focus, .btn.border:hover { background: #fff; color: #3c3e3f !important; } fieldset { border: 1px solid #ccc; margin-bottom: 2rem; padding: 2rem 3rem; } fieldset > legend { margin: 0 0 -1rem -1rem; padding: 0 1rem; } legend { font-weight: 500; padding: 0; } label { font-weight: 500; margin: 0 1rem 0.75rem 0; } input[type="text"], input[type="url"], input[type="tel"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], textarea, select { color: #757575; background-color: #fff; border: none; border-bottom: 1px solid #ccc; margin-bottom: 2rem; outline: none; padding: 1.6rem 0; } input[type="text"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #7A8C9C; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; } input[type="file"] { margin-bottom: 1.5rem; width: 100%; } select { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; max-width: 100%; width: auto; position: relative; } select:not([multiple]) { background: url('data:image/svg+xml;utf8,') no-repeat right center; background-size: 10px 10px; padding-right: 2rem; } select:not([multiple])[multiple] { border: 1px solid #ccc; padding: 1.5rem 2rem; width: 100%; } select:not([multiple])[multiple]:hover { border-color: #757575; } select:not([multiple])[multiple]:focus { border-color: #3c3e3f; } select:not([multiple])[multiple]:disabled { background-color: #f6f6f6; cursor: not-allowed; } select:not([multiple])[multiple]:disabled:hover { border-color: #ccc; } textarea { display: block; overflow: auto; resize: vertical; } table { text-align: left; width: 100%; } table th { font-weight: 500; padding: 0.75rem 0; } table td { border-top: 1px solid #ccc; padding: 0.75rem 0; } table tfoot { font-weight: 500; } input[type=checkbox], .checkbox, input[type=radio], .radio { background: transparent !important; border: none !important; height: auto !important; margin-top: 7px !important; } .invalid, .invalid-input { border-bottom-color: #d45555 !important; color: #3c3e3f; } label.invalid { background: #fff; border: none !important; color: #d45555 !important; } fieldset.filters > div > * { float: left; margin-right: 10px; } fieldset.filters > div > label { margin-top: 1.3rem; } #limit { margin-bottom: 0; } .contentpane, .categories-list, .newsfeed, .registration, .reset, .remind, .tag-category, .vm-orders-list, .vm-order-done, #shipmentForm, #paymentForm { padding: 10rem 0; } .page-header { margin: 0 0 5.4rem 0; } .page-header h1, .page-header h2, .page-header h3 { font-size: 5.8rem; font-weight: normal; line-height: 1.6; margin: 0; padding: 0; } .page-header p { margin-bottom: 5.4rem; } #shipmentForm .vm-shipment-header-select, #shipmentForm .vm-payment-header-select, #paymentForm .vm-shipment-header-select, #paymentForm .vm-payment-header-select { font-size: 5.8rem; font-weight: normal; margin: 0 0 3.2rem 0; padding: 0; } #shipmentForm .buttonBar-right, #paymentForm .buttonBar-right { margin-bottom: 3.2rem; } .vm-order-done, .vm-orders-list { margin: 0 0 5.4rem 0; } .vm-order-done h1, .vm-order-done h2, .vm-order-done h3, .vm-orders-list h1, .vm-orders-list h2, .vm-orders-list h3 { font-size: 5.8rem; font-weight: normal; margin: 0; padding: 0; } .featured .page-header { margin: 0; } .categories-list > h1, .categories-list > h2, .newsfeed-category > h1, .newsfeed-category > h2, .newsfeed > h1, .newsfeed > h2, .tag-category > h1, .tag-category > h2 { font-size: 5.8rem; font-weight: normal; margin: 0 0 5.4rem 0; padding: 0; } .categories-list .category-desc, .newsfeed-category .category-desc, .newsfeed .category-desc, .tag-category .category-desc { margin: 0 0 5.4rem 0; } .categories-list .page-header > a, .newsfeed-category .page-header > a, .newsfeed .page-header > a, .tag-category .page-header > a { color: #7A8C9C; font-size: 5.8rem; font-weight: normal; margin: 0; padding: 0; } .categories-list .page-header > a:active, .categories-list .page-header > a:focus, .categories-list .page-header > a:hover, .newsfeed-category .page-header > a:active, .newsfeed-category .page-header > a:focus, .newsfeed-category .page-header > a:hover, .newsfeed .page-header > a:active, .newsfeed .page-header > a:focus, .newsfeed .page-header > a:hover, .tag-category .page-header > a:active, .tag-category .page-header > a:focus, .tag-category .page-header > a:hover { color: #3c3e3f; } .categories-list .page-header > .badge-info, .newsfeed-category .page-header > .badge-info, .newsfeed .page-header > .badge-info, .tag-category .page-header > .badge-info { float: right; line-height: 5.8rem; vertical-align: bottom; } .categories-list .category li, .newsfeed-category .category li, .newsfeed .category li, .tag-category .category li { padding: 2rem 0; } .categories-list .category .list-title > a, .newsfeed-category .category .list-title > a, .newsfeed .category .list-title > a, .tag-category .category .list-title > a { color: #7A8C9C; display: block; font-size: 3.8rem; font-weight: normal; margin: 0; padding: 0; } .categories-list .category .list-title > a:active, .categories-list .category .list-title > a:focus, .categories-list .category .list-title > a:hover, .newsfeed-category .category .list-title > a:active, .newsfeed-category .category .list-title > a:focus, .newsfeed-category .category .list-title > a:hover, .newsfeed .category .list-title > a:active, .newsfeed .category .list-title > a:focus, .newsfeed .category .list-title > a:hover, .tag-category .category .list-title > a:active, .tag-category .category .list-title > a:focus, .tag-category .category .list-title > a:hover { color: #3c3e3f; } .categories-list .category br, .newsfeed-category .category br, .newsfeed .category br, .tag-category .category br { clear: both; display: block; } .newsfeed-category #filter-search { width: 240px; } .newsfeed ol li { padding: 5.8rem 0 0 0; } .newsfeed ol li img.pull-left { margin: 0 3rem 3rem 0; } .newsfeed ol li img.pull-right { margin: 0 0 3rem 3rem; } .newsfeed ol li p { margin: 1.5rem 0; } .newsfeed ol h3 > a { color: #7A8C9C; display: block; font-size: 3.8rem; font-weight: normal; margin: 0 0 3.2rem 0; padding: 0; } .newsfeed ol h3 > a:active, .newsfeed ol h3 > a:focus, .newsfeed ol h3 > a:hover { color: #3c3e3f; } .tags-list { overflow: hidden; } .tags-list li { float: left; font-size: 2.4rem; margin: 1rem 2rem 1rem 0; } .tag-category h3 { font-size: 4.8rem; margin: 0 0 4rem 0; } .tag-category h3 a { color: #7A8C9C; } .tag-category h3 a:active, .tag-category h3 a:focus, .tag-category h3 a:hover { color: #3c3e3f; } .tag-category .tag-body p { margin: 4rem 0; } .tag-category .filters .input-group { float: left; max-width: 40%; } .float-right { float: right; } .item-content img, header img, #k2Container img { height: auto; max-width: 100%; } .category .children, .blog .children { clear: both; margin-top: 32px; } .categories-list ul ul li { border-bottom: 1px solid #eee; border-left: 3px solid #eee; padding-left: 16px; } .categories-list ul ul li:first-child, .blog .items-row article header li { border-bottom: none; border-top: none; } .categories-list li > div p, .category .children li > div p, .blog .children li > div p { margin: .5em 0; } .categories-list li > dl, .category .children li > dl, .blog .children li > dl { float: right; font-size: 1.1rem; margin: 0; } .categories-list li > dl > dt, .category .children li > dl > dt, .blog .children li > dl > dt { float: left; } .categories-list li > dl > dd, .category .children li > dl > dd, .blog .children li > dl > dd { float: left; font-weight: 700; margin-left: 5px; } .category .children h3, .blog .children h3 { color: #3c3e3f; font-weight: 700; line-height: 1.8; margin: 20px 0 0 10px; } .category .children li, .blog .children li { border: none; border-bottom: 1px solid #eee; font-weight: 400; padding: 10px; } .filters .display-limit { float: right; } .filters .display-limit select { display: inline !important; float: none; } table { margin-bottom: 2rem; width: 100%; } table th { background: #f6f6f6; color: #3c3e3f; font-weight: 500; padding: 2rem; text-align: left; } table th a { color: #7A8C9C; } table th a:hover { color: #3c3e3f; } tbody tr td { border-bottom: 1px solid #ccc; padding: 1rem 2rem; } tbody tr td.list-author { color: #757575; } tbody tr td p { margin: .5em 0; } tbody tr td a, .category .children li a { color: #3c3e3f; } tbody tr td a:hover, .category .children li a:hover { color: #7A8C9C; } .blog .items-row { clear: both; margin-bottom: 0px; overflow: hidden; } .blog-featured .items-row { margin-top: 40px; margin-bottom: 0; } .blog-featured .items-row:first-child { margin-top: 0; } .blog-featured article { padding: 52px 0 0 0; } .blog .items-row.cols-2 header h2, .blog-featured .items-row.cols-2 header h2 { font-size: 2.8rem; } .blog .items-more { margin: 32px 0; } .blog .items-more h3 { font-size: 1.8rem; font-weight: 500; margin-bottom: 20px; } .items-leading > div { clear: both !important; margin-top: 50px; } .items-leading > div:first-child { margin-top: 0; } .img-intro-none { float: none; } .img-intro-none img { float: none !important; margin: 0 auto; } .img-fulltext-none, .img-fulltext-left, .img-fulltext-right { float: none; margin: 0 0 40px; overflow: hidden; position: relative; } .img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img { display: block; height: auto !important; max-width: 100% !important; width: 100% !important; } p.img_caption { display: block; color: #636565; padding: 8px 0 0; font-size: 1.1rem; } .blog div.img_caption img.caption { display: block; float: none !important; } .item-page ul { list-style-type: none; } .contact #gk-content-wrapper > div { float: left; padding: 0 0 0 65px; width: 50%; } .contact #gk-content-wrapper > div:first-child { padding: 0 65px 0 0; } .contact fieldset.empty { border: 0; padding: 0; margin: 0; } .contact fieldset.empty .control-group { margin: 0; } .contact .contact-info-column { float: left; width: 40%; } .contact .contact-form-column { float: right; width: 55%; } .contact .contact-additional-info { clear: both; padding-top: 5rem; } .contact .contact-additional-info .contact-miscinfo p { margin: 1rem 0; } .contact .contact-info-column dt { padding: 2rem 0 0.5rem; } .contact .contact-form .spacer { position: relative; top: -20px; } .contact .contact-form .control-group { margin-bottom: 2.4rem; position: relative; clear: both; } .contact .contact-form #jform_contact_email_copy { position: absolute; left: 0; top: 0; } .contact .contact-form #jform_contact_email_copy-lbl { padding-left: 25px; } .contact .contact-form-checkbox .controls { float: left; width: 4%; } .contact .contact-form-checkbox .control-label { float: right; width: 96%; } .contact-form .contact-form-info { margin: 0 0 80px; } .contact-form dl { float: left; width: 50%; } .contact-form p { margin: 0 0 20px 0; } .contact-form legend { color: #636565; font-size: 1.2rem; margin: 0 0 24px; } .contact-form .button.validate { clear: both; margin: 20px 0 0 0; } .contact-form input[type="text"], .contact-form input[type="email"] { margin: 6px 0 0 0; width: 100%; } .contact-form input[type="checkbox"] { float: left; margin: 8px 6px 0 0; } .contact-form textarea { height: 210px !important; width: 100%; } html.j4 #contact-form > fieldset + .control-group .controls { margin-left: 0; } .contact-misc > h3 { padding-top: 40px; } .contact-misc > h3:first-child { padding-top: 0; } .contact-misc > big { color: #3c3e3f; display: block; font-size: 2.4rem; font-weight: bold; line-height: 1.2; padding-top: 48px; } .contact-misc > big + small { font-size: 1.4rem; } dt.inline, dd.inline { display: inline-block !important; float: left !important; margin: 12px 0 0; width: auto !important; } .jicons-text { color: #3c3e3f; font-size: 1.6rem; font-weight: 500; } .contentpane iframe { border: 1px solid #eee; } .contentpane:after { clear: both; content: ""; display: table; } .tip-wrap { z-index: 1; } .tooltip { background: rgba(0,0,0,0.75); border: none; max-width: 350px; min-width: 160px; padding: 8px; position: absolute !important; opacity: 1; z-index: 10; } .tooltip.top { border: none; } .tooltip-inner strong { background: transparent; color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 20px; margin: 0; padding: 2px 0; width: 100%; clear: both; display: block; } .tooltip-inner { color: #ccc; font-size: 1.2rem; padding: 0 5px 5px 5px; } .tooltip-inner br { display: none; } #system-message { margin: 0; position: relative; } #system-message dd ul { list-style: none !important; } #system-message dd ul, #system-message dd ul li { line-height: 1; } #system-message dd { background: #7A8C9C; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 2rem; min-height: 3.6rem; padding: 12px; text-align: center; } #system-message dd.error { background: #d45555; color: #fff; } #system-message dd.notice { background: #3c3e3f; color: #fff; } #system-message-container { margin: 0; padding: 0; } .item-page > div.pagination { display: none !important; } .pagination { clear: both; margin: 60px auto 20px !important; text-align: center; width: 80%; } .pagination .pagination { width: auto; } .pagination li { color: #7A8C9C; cursor: default; display: inline-block; font-size: 2.4rem; margin: 0 1.8rem 0 0; } .pagination li:before { content: "" !important; } .pagination li span { color: #bbb; } .pagination li a { color: #7A8C9C; } .pagination li a:active, .pagination li a:focus, .pagination li a:hover { color: #3c3e3f; } .pagination li.counter { color: #636565; display: block; font-size: 1rem; line-height: 5; margin-right: 12px; text-transform: uppercase; } ul.pagenav { margin: 0; overflow: hidden; padding: 50px 0 0 0; width: 100%; } ul.pagenav .next, ul.pagenav .previous { color: #fff !important; } ul.pagenav a { display: block; } ul.pagenav .previous { float: left; } ul.pagenav .next { float: right; } .bannergroup:first-line, .bannergroup_text:first-line { font-size: 1.6rem; line-height: 3; font-weight: 300; } div.bannerfooter { border-top: 1px solid #eee; color: #7A8C9C; font-size: 1.2rem; padding: 5px 5px 0 0; text-align: right; } .banneritem { border-top: 1px solid #f6f6f6; font-size: 1.4rem; padding: 1rem 0; } .banneritem img { max-width: 100%; } .banneritem a { font-weight: bold; } #dynamic_recaptcha_1, #recaptcha_area { max-width: 480px; min-height: 140px; } #gkMainbody #dynamic_recaptcha_1, #gkMainbody #recaptcha_area { margin-bottom: 10px; } .pane-sliders .panel h3 { border-top: 1px solid #ccc; font-size: 1.4rem; font-weight: bold; line-height: 32px; margin: -1px 0 0; padding: 8px 0; text-transform: uppercase; } .pane-slider { padding-left: 32px; } .pagenavcounter { color: #3c3e3f; font-size: 1.3rem; font-weight: 600; margin: 0 0 20px 0; } .article-index { float: right; margin: 0 0 30px 72px; width: auto; } .article-index h3 { color: #3c3e3f; font-weight: bold; line-height: 1; margin: 0 0 -8px; text-transform: uppercase; } .article-index li { list-style-type: none !important; padding: 2px 0 !important; } .article-index li:before { display: none; } .article-index li:first-child { border-top: none; margin-top: 10px; } .article-index li a.active { color: #3c3e3f; font-weight: bold; } .pager { text-align: center; } .pager li { display: inline-block; } .pager li:before { display: none; } dl#tabs, dl.tabs { border-bottom: 3px solid #eee; height: 52px; margin-bottom: 40px; } dl#tabs dt.tabs, dl.tabs dt.tabs { float: left; } dl#tabs dt.tabs span h3, dl.tabs dt.tabs span h3 { color: #636565; font-weight: bold; margin: 0 30px 0 0; padding: 15px 0; text-align: center; text-transform: uppercase; } dl#tabs dt.tabs span h3 a, dl.tabs dt.tabs span h3 a { color: #636565; } dl#tabs dt.tabs.open span h3, dl.tabs dt.tabs.open span h3 { color: #3c3e3f; position: relative; } dl#tabs dt.tabs.open span h3:after, dl.tabs dt.tabs.open span h3:after { bottom: -3px; border-bottom: 3px solid #7A8C9C; content: ""; left: 0; position: absolute; width: 100%; } dl#tabs dt.tabs.open span h3 a, dl.tabs dt.tabs.open span h3 a { color: #3c3e3f; } dl#tabs dt.tabs.open span h3 a:hover, dl.tabs dt.tabs.open span h3 a:hover, dl#tabs dt.tabs.open span h3 a:focus, dl.tabs dt.tabs.open span h3 a:focus { color: #3c3e3f; } dl#tabs dt.tabs h3:hover a, dl.tabs dt.tabs h3:hover a { cursor: pointer; } .profile fieldset dl, .profile-edit fieldset dl { clear: both; } .profile fieldset dt, .profile-edit fieldset dt { clear: both; color: #3c3e3f; float: left; font-weight: bold; min-width: 240px; } .profile fieldset dd, .profile-edit fieldset dd { padding: 2px 0; } .profile fieldset dd select, .profile-edit fieldset dd select { margin: 5px 0; } .profile #member-profile, .profile-edit #member-profile { background: none; border: 0; box-shadow: none; padding: 0; } .profile #member-profile fieldset > legend, .profile-edit #member-profile fieldset > legend { padding-left: 0; } .profile #member-profile input, .profile #member-profile select, .profile-edit #member-profile input, .profile-edit #member-profile select { width: 100%; } .profile #member-profile input[type="radio"], .profile #member-profile input[type="checkbox"], .profile-edit #member-profile input[type="radio"], .profile-edit #member-profile input[type="checkbox"] { width: auto; margin-top: 3px !important; } .profile .button-gray, .profile-edit .button-gray { float: right; } .login, .logout, .registration, .reset, .remind, .profile { overflow: hidden; } .login fieldset, .logout fieldset, .registration fieldset, .reset fieldset, .remind fieldset, .profile fieldset { border: none; padding: 0; } .login fieldset legend, .logout fieldset legend, .registration fieldset legend, .reset fieldset legend, .remind fieldset legend, .profile fieldset legend { display: none; } .login .control-group, .logout .control-group, .registration .control-group, .reset .control-group, .remind .control-group, .profile .control-group { margin: 0 0 2rem 0; } .login input, .logout input, .registration input, .reset input, .remind input, .profile input { margin: 6px 0 0; width: 100%; } .login input[type="radio"], .login input[type="checkbox"], .logout input[type="radio"], .logout input[type="checkbox"], .registration input[type="radio"], .registration input[type="checkbox"], .reset input[type="radio"], .reset input[type="checkbox"], .remind input[type="radio"], .remind input[type="checkbox"], .profile input[type="radio"], .profile input[type="checkbox"] { width: auto; } .login button, .logout button, .registration button, .reset button, .remind button, .profile button { float: left; } .login ul, .logout ul, .registration ul, .reset ul, .remind ul, .profile ul { clear: both; margin: 2rem 0 0 0; } .login ul li, .logout ul li, .registration ul li, .reset ul li, .remind ul li, .profile ul li { float: left; line-height: 25px; margin: 1.2rem 1.6rem 1.2rem 0; } .login ul li.last, .logout ul li.last, .registration ul li.last, .reset ul li.last, .remind ul li.last, .profile ul li.last { clear: both; float: none; display: block; padding: 62px 0 0; } .login button[type="submit"] + a { line-height: 5.8rem; float: right; } .registration button[type="submit"] + a, .profile-edit button[type="submit"] + a { background: #ccc; float: right; } .registration button[type="submit"] + a:active, .registration button[type="submit"] + a:focus, .registration button[type="submit"] + a:hover, .profile-edit button[type="submit"] + a:active, .profile-edit button[type="submit"] + a:focus, .profile-edit button[type="submit"] + a:hover { background: #3c3e3f; } .profile .page-header h1, .profile .page-header h2, .profile-edit .page-header h1, .profile-edit .page-header h2, .reset .page-header h1, .reset .page-header h2, .remind .page-header h1, .remind .page-header h2, .registration .page-header h1, .registration .page-header h2 { font-size: 4.8rem; } .search .btn-toolbar { display: table; margin-bottom: 5rem; width: 100%; } .search .btn-toolbar > div { display: table-cell; float: none; table-layout: fixed; } .search .btn-toolbar > div:first-child { width: 100%; } .search .phrases-box { float: left; } .search .ordering-box { float: right; } .search .ordering-box select { margin: -7px 0 0 0; } .search #search-searchword, .search #q { width: 95%; } .search .searchintro { font-size: 1.8rem; } .search .searchintro p { margin-top: 1rem; } .search .search-results { margin: 40px 0 0; text-align: left; } .search .search-results .result-title { border-top: 1px solid #ccc; color: #ccc; font-size: 2.8rem; margin: 4rem 0 0 0; padding: 4rem 0 0 0; } .search .search-results .result-title a { color: #7A8C9C; } .search .search-results .result-title a:active, .search .search-results .result-title a:focus, .search .search-results .result-title a:hover { color: #3c3e3f; } .search .search-results .result-category { color: #ccc; } .search .search-results .result-text { margin: 2rem 0; } .search .search-results .result-created { color: #636565; font-size: 1.4rem; padding: 2rem 0 0 0; } .search .counter { font-weight: bold; margin: 0; padding: 10px 0; } #searchForm fieldset input[type="radio"], #searchForm #searchForm fieldset input[type="checkbox"] { margin-top: 11px !important; } #searchForm fieldset.word { margin: 0 0 30px; } #searchForm fieldset.word label, #searchForm fieldset.word input, #searchForm fieldset.word button { float: left; margin-right: 5px; } #searchForm label, #searchForm input { margin: 0 5px 0 0; text-transform: none; } #searchForm .form-limit { float: right; } #searchForm .form-limit select { position: relative; top: 0; } #searchForm .btn-toolbar > div .btn { min-width: 100px; display: inline-block; box-sizing: unset; } .finder #finder-filter-select-list .control-group { margin: 10px 0 0; } .finder #finder-filter-select-list .control-group label { clear: both; float: left; line-height: 3; min-width: 180px; } .finder #finder-filter-select-list .control-group li { overflow: hidden; padding: 0; } .finder .advanced-search-tip { background: #f6f6f6; padding: 25px; } .finder .advanced-search-tip p { margin: 5px 0; } .finder #finder-filter-select-list select { min-width: 20%; } .finder #advanced-search-toggle { margin: -10px 0 15px 0; } .finder #advancedSearch { height: 0; overflow: hidden; } .finder #advancedSearch hr { display: none; } .finder #advancedSearch .finder-selects { display: block; width: 100%; } .finder #advancedSearch .finder-selects br { display: none; } .finder #advancedSearch #finder-filter-window { overflow: hidden; padding: 2rem 0; } .finder #advancedSearch.show { height: auto; } .finder .word { border: none; padding: 0; } .finder #search-query-explained { margin: -1rem 0 3rem 0; } .finder .search-results { margin: 40px 0 0; text-align: left; } .finder .search-results .result-title { border-top: 1px solid #eee; font-size: 4.6rem; margin: 4rem 0 0 0; padding: 4rem 0 0 0; } .finder .search-results .result-title a { color: #7A8C9C; } .finder .search-results .result-title a:active, .finder .search-results .result-title a:focus, .finder .search-results .result-title a:hover { color: #3c3e3f; } .finder .search-results .result-category { color: #ccc; font-size: 2.4rem; } .finder .search-results .result-text { margin: 2rem 0; } .finder .search-results .result-url, .finder .search-results .result-created { color: #636565; font-size: 1.4rem; padding: 2rem 0 0 0; } .finder .search-pages-counter { color: #636565; text-align: center; } fieldset.phrases, fieldset.only { font-weight: 600; line-height: 2.4; margin: 0 0 32px 0; } .autocompleter-queried { color: #7A8C9C !important; } .autocomplete-suggestion { font-size: 1.6rem; padding: 5px 10px; } .autocomplete-suggestions { border: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .archive .filter-search select, .archive .filter-search input { margin-bottom: 0; } .archive .filter-search button { float: right; } .blog-page .item-list .item-view .cat-item-image img { max-width: 100% !important; } .img-intro-left, .img-intro-right, .img-intro-center { margin-bottom: 20px; max-width: 100% !important; } .img-intro-left img, .img-intro-right img, .img-intro-center img { display: block; width: 100%; } div.mod-languages { margin-top: 32px; text-align: center; } div.mod-languages p { margin-bottom: .5em; } .mod-languages ul.lang-inline, .mod-languages ul.lang-block { display: block; margin: 10px 0; width: 100%; } div.mod-languages > ul.lang-block > li, div.mod-languages > ul.lang-inline > li { display: inline-block; line-height: 32px; margin: 0 5px; } .mod-languages ul li a { color: #ccc; } .mod-languages ul li.lang-active a { color: #000; } .mod-languages ul li a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform .1s ease-out; -moz-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; transition: transform .1s ease-out; -ms-transition: transform .1s ease-out; } .mod-languages ul li a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; -ms-transition: all .6s ease-out; } .mod-languages ul li.lang-active a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } legend.hidelabeltxt, .filters .hidelabeltxt, .contact .jicons-icons, #system-message dt { display: none; } fieldset.filters, .blog .leading, .content-links, .pane-sliders { margin-bottom: 30px; } .img-intro-left, .img-intro-right, .img-intro-left > img, .img-intro-right > img, .blog div.img_caption { float: none !important; } div.articleContent div.content-links ul li { background: none !important; padding-left: 0 !important; } .item-page.edit #jform_title { width: 100%; } .item-page.edit * { border-radius: 0 !important; } .item-page.edit .tab-content { overflow: visible; } .item-page.edit .btn-toolbar { margin-top: 50px; clear: both; float: none; text-align: right; } .item-page.edit a.btn, .item-page.edit button { background: #7A8C9C; text-shadow: none !important; } .item-page.edit a.btn:hover, .item-page.edit button:hover { background: #3c3e3f; color: #fff; } .item-page.edit a.btn:hover i, .item-page.edit a.btn:hover span, .item-page.edit button:hover i, .item-page.edit button:hover span { color: #fff; } .item-page.edit .chzn-single, .item-page.edit .chzn-choices, .item-page.edit .chzn-container { height: 50px !important; line-height: 50px !important; } .item-page.edit .chzn-container-single .chzn-single div b { background-position: 0 14px; } .item-page.edit .chzn-container { width: 240px !important; } .item-page.edit fieldset { border: none; margin: 0 0 52px; padding: 0 0 52px; } .item-page.edit fieldset > div { clear: both; padding: 5px 0; } .item-page.edit fieldset > div label { display: block; float: left; line-height: 50px; min-width: 160px; } .item-page.edit input, .item-page.edit .input, .item-page.edit .inputbox, .item-page.edit .input-small, .item-page.edit textarea { border: 1px solid #eee !important; padding: 20px !important; } .item-page.edit select, .item-page.edit select.inputbox { border: none !important; border-bottom: 1px solid #eee !important; color: #636565 !important; padding: 0 !important; height: 48px !important; line-height: 48px; min-width: 240px; } .item-page.edit legend { font-size: 100% !important; font-style: normal !important; padding: 0 0 24px; } .item-page.edit .control-group { margin: 10px 0; } .item-page.edit #jform_articletext { height: 500px !important; } .item-page.edit .formelm { height: 60px; line-height: 60px; margin: 0 0 10px 0; width: 100%; } .item-page.edit .formelm label { display: inline-block; line-height: 60px; } .item-page.edit *[class^="icon-"] { background: none; } .item-page.edit .icon-remove, .item-page.edit .icon-calendar { display: block !important; margin: 13px !important; } .item-page.edit .btn { color: #fff !important; line-height: 1; padding: 12px 20px !important; } .item-page.edit .btn [class^="icon-"] { margin-right: 5px; } .item-page.edit .media-preview.add-on { display: none; } .item-page.edit .input-append > .btn { height: 40px !important; line-height: 40px; padding: 0 10px !important; } .item-page.edit #jform_metadesc, .item-page.edit #jform_metakey { width: 100%; } .item-page.edit input[type="text"], .item-page.edit input[type="url"], .item-page.edit input[type="tel"], .item-page.edit input[type="number"], .item-page.edit input[type="email"], .item-page.edit input[type="search"], .item-page.edit input[type="password"], .item-page.edit textarea, .item-page.edit select { height: 40px; line-height: 40px; padding-bottom: 0 !important; padding-top: 0 !important; } .item-page.edit .calendar-container td select { min-width: 0; } .item-page.edit .mce-menubar .mce-menubtn button:hover, .item-page.edit .mce-menubar .mce-menubtn button:focus, .item-page.edit .mce-menubar .mce-menubtn button:active { color: #fff; } .item-page.edit .mce-btn-small .mce-ico.icon-file-add:before { content: "\f067"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-pictures:before { content: "\f03e"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-eye-open:before, .item-page.edit .mce-btn-small .mce-ico.icon-eye:before { content: "\f06e"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-file-add:before { content: "\f0f6"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-cancel:before { content: "\f00d"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-publish:before { content: "\f00c"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-unpublish:before { content: "\f00d"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-featured:before { content: "\f005"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-unfeatured:before { content: "\f005"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-publish:before { content: "\f00c"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-mail-forward:before, .item-page.edit .mce-btn-small .mce-ico.icon-share-alt:before { content: "\f064"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-address:before { content: "\f02d"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-puzzle:before { content: "\f12e"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-arrow-down:before { content: "\f063"; font-family: "FontAwesome"; } .item-page.edit .mce-btn-small .mce-ico.icon-copy:before { content: "\f0c5"; font-family: "FontAwesome"; } .btn-group .icon-search::before { content: "\f002"; font-family: "FontAwesome"; } .btn-group .icon-remove::before { content: "\f00d"; font-family: "FontAwesome"; } .calendar .button { display: table-cell !important; float: none !important; } #adminForm div.tags { margin-top: 0; } div.tags { overflow: hidden; } span.tags-label { float: left; line-height: 30px; color: #636565; font-size: 1.3rem; font-style: italic; } div.tags { font-size: 1.3rem; } article div.tags { float: none; display: block; width: 100%; clear: both; padding-top: 16px; } .tags a { display: inline-block; float: left; margin: 1px 0 0 6px; line-height: 2.2; font-style: italic; } .tags a:after { content: ","; color: #636565; margin-left: 2px; } .tags a:last-child:after { content: ""; } div.tags.tagcloud a.gk-tooltip span { z-index: 10; font-weight: bold; display: none; padding: 15px; margin-top: -50px; margin-left: 60px; width: 240px; max-width: 240px; line-height: 16px; font-size: 85%; font-weight: normal !important; transition: all 1s ease-in; } div.tags.tagcloud a.gk-tooltip:hover span { border: 1px solid #eee; background: rgba(255,255,255,0.9); display: inline; position: absolute; color: #3c3e3f; } div.tags.tagcloud a.gk-tooltip span img { max-width: 80px !important; height: auto; float: left; margin: 0 10px 10px 0; } section.tag-category .chzn-container { display: none !important; } section.tag-category select { display: block !important; } .tag-category label { color: #3c3e3f; font-size: 1.6rem; font-weight: 300; line-height: 1.6; } section.tag-category ul.category li img { clear: both; width: 100%; display: block; margin: 16px 0; } section.tag-category div.btn-group.pull-right { float: right; } section.tag-category div.btn-group label { margin-top: 10px; } section.tag-category h3 { margin: 0 0 32px 0; } section.tag-category ul.category li { border-bottom: 1px solid #eee; padding: 10px 0; font-size: 90%; } section.tag-category ul.category li a { color: #3c3e3f; font-size: 1.6rem; font-weight: 400; margin: 0; } div.tags.tagcloud a { float: left; margin-bottom: 6px; } .fb_iframe_widget iframe { max-width: 1000px !important; overflow: visible; } .fb_iframe_widget_lift { max-width: inherit !important; } .btn.jmodedit { background: #fff; border-radius: 3px; height: 32px; line-height: 40px; margin: 5px 0 0 0; padding: 0 5px !important; width: 40px; } .btn.jmodedit:hover { background: #3c3e3f !important; border-color: #3c3e3f !important; } .btn.jmodedit:hover .icon-edit:before { color: #fff; } .btn.jmodedit .icon-edit:before { color: #7A8C9C; content: "\f044"; font-family: FontAwesome; font-size: 17px; position: relative; top: -5px; } #modules-form #jform_title { width: 100%; } #modules-form hr { display: none; } #modules-form * { border-radius: 0 !important; } #modules-form .tab-content { overflow: visible; } #modules-form .btn-toolbar { margin-top: 50px; clear: both; float: none; text-align: right; } #modules-form a.btn, #modules-form button { background: #7A8C9C; text-shadow: none !important; } #modules-form a.btn:hover, #modules-form button:hover { background: #3c3e3f; color: #fff; } #modules-form a.btn:hover i, #modules-form a.btn:hover span, #modules-form button:hover i, #modules-form button:hover span { color: #fff; } #modules-form .chzn-single, #modules-form .chzn-choices, #modules-form .chzn-container { height: 50px !important; line-height: 50px !important; } #modules-form .chzn-container-single .chzn-single div b { background-position: 0 14px; } #modules-form .chzn-container { width: 240px !important; } #modules-form .chzn-container .search-choice-close { display: none; } #modules-form fieldset { border: none; padding-top: 0; } #modules-form fieldset > div { clear: both; padding: 5px 0; } #modules-form fieldset > div label { display: block; float: left; line-height: 50px; min-width: 160px; } #modules-form .radio.btn-group input[type="radio"] { display: inline-block; margin-left: 0; margin-right: 10px; margin-top: 18px !important; } #modules-form .radio.btn-group label { min-width: 0; } #modules-form input, #modules-form .input, #modules-form .inputbox, #modules-form .input-small, #modules-form textarea { border: 1px solid #eee !important; padding: 20px !important; } #modules-form select, #modules-form select.inputbox { border: none !important; border-bottom: 1px solid #eee !important; color: #636565 !important; padding: 0 !important; height: 48px !important; line-height: 48px; min-width: 240px; } #modules-form legend { font-size: 100% !important; font-style: normal !important; padding: 0 0 24px; } #modules-form .control-group { margin: 10px 0; } #modules-form #jform_articletext { height: 500px !important; } #modules-form .formelm { height: 60px; line-height: 60px; margin: 0 0 10px 0; width: 100%; } #modules-form .formelm label { display: inline-block; line-height: 60px; } #modules-form *[class^="icon-"] { display: none; } #modules-form .icon-remove, #modules-form .icon-calendar { background-image: url('../../../media/jui/img/glyphicons-halflings-white.png') !important; display: block !important; margin: 13px !important; } #modules-form .btn { color: #fff !important; line-height: 1; padding: 12px 20px !important; } #modules-form .media-preview.add-on { display: none; } #modules-form .input-append > .btn { height: 40px !important; line-height: 40px; padding: 0 10px !important; } #modules-form #jform_metadesc, #modules-form #jform_metakey { width: 100%; } #modules-form input[type="text"], #modules-form input[type="url"], #modules-form input[type="tel"], #modules-form input[type="number"], #modules-form input[type="email"], #modules-form input[type="search"], #modules-form input[type="password"], #modules-form textarea, #modules-form select { height: 40px; line-height: 40px; padding-bottom: 0 !important; padding-top: 0 !important; } .mod-preview-info { z-index: 10; } .hasPopover [class^="icon-arrow-up"], .hasPopover [class^="icon-arrow-down"] { font-family: 'FontAwesome'; font-size: 15px; text-align: center; margin-left: 6px; line-height: 1; vertical-align: middle; } .hasPopover [class^="icon-arrow-up"]:before { content: "\f0d8"; } .hasPopover [class^="icon-arrow-down"]:before { content: "\f0d7"; } .productdetails .product-neighbours { border-bottom: 1px solid #ccc; margin: 0 0 8rem; overflow: hidden; padding: 0 0 2rem; } .productdetails .product-neighbours .previous-page { float: left; } .productdetails .product-neighbours .previous-page:before { content: "‹ "; } .productdetails .product-neighbours .next-page { float: right; } .productdetails .product-neighbours .next-page:after { content: " ›"; } .productdetails .item-title { font-size: 5.8rem; line-height: 1.2; margin: 0 0 1.5rem 0; } .productdetails .vm-product-container { float: right; width: 40%; } .productdetails .vm-product-media-container { float: left; width: 50%; } .productdetails .vm-product-overview { clear: both; } .productdetails .spacer-buy-area { background: #f6f6f6; margin: 6.5rem 0; padding: 6.5rem; } .productdetails .spacer-buy-area .product-fields { margin-bottom: 3rem; } .productdetails .spacer-buy-area .product-fields:first-child { margin-top: 3rem; } .productdetails .product-price .PricesalesPrice { color: #3c3e3f; font-size: 3.6rem; line-height: 0.75; margin: 0 0 2.7rem 0; } .productdetails .addtocart-button { width: 100%; } .productdetails .ask-a-question { margin: 2rem 0 0 0; text-align: center; } .productdetails .ask-a-question a { font-size: 1.3rem; } .productdetails .addtocart-bar { padding: 2rem 0 1rem 0; } .productdetails .main-image { text-align: center; } .productdetails .main-image a { display: block; } .productdetails .main-image img { margin: 0 auto; max-width: 100%; } .productdetails .main-image .vm-img-desc { font-size: 1.4rem; } .productdetails .additional-images { margin: 4.8rem 0 0 0; text-align: center; } .productdetails .additional-images > .additional-image { border-top: 3px solid #eee; display: inline-block; margin: 0 2.4rem; padding: 1rem 0; } .productdetails .additional-images > .additional-image.active-image { border-top-color: #7A8C9C; } .productdetails .additional-images .vm-img-desc { display: none; } .productdetails .vm-product-overview, .productdetails .customer-reviews, .productdetails .category-view { margin: 0 0 4.8rem 0; } .productdetails .customer-reviews h4 { font-size: 4.7rem; line-height: 1.4; margin: 2.5rem 0; } .productdetails .customer-reviews h4 > span { display: block; font-size: 2rem; } .productdetails .customer-reviews .rating { margin-top: 1rem; } .productdetails .customer-reviews textarea { width: 100%; } .productdetails .customer-reviews #reviewform { margin: 0 0 5.4rem 0; } .productdetails .customer-reviews .list-reviews > div { background: #f6f6f6; margin: 1rem 0; padding: 4.8rem 4.8rem 6.4rem 4.8rem; } .productdetails .customer-reviews .list-reviews > div blockquote { border: none; clear: both; margin: 0; padding: 2rem 0; } .productdetails .customer-reviews .list-reviews > div .date { float: left; font-size: 1.4rem; } .productdetails .customer-reviews .list-reviews > div .vote { float: right; } .productdetails .customer-reviews .list-reviews > div .bold { float: right; font-weight: bold; margin-bottom: 2rem; } .productdetails .customer-reviews .list-reviews .clear { display: none; } .productdetails .product-description { overflow: hidden; padding: 0 0 5.4rem; } .productdetails .product-description > h2 { font-size: 4.7rem; margin-bottom: 3rem; } .productdetails .vm-product-overview .product-field { border-top: 1px solid #ccc; overflow: hidden; padding: 5.4rem 0; } .productdetails .vm-product-overview .product-fields-title-wrapper { float: left; font-size: 1.8rem; font-weight: 500; text-transform: uppercase; width: 30%; } .productdetails .vm-product-overview .product-fields-title-wrapper > .product-fields-title strong { font-weight: normal; color: #3c3e3f; } .productdetails .vm-product-overview .product-field-display { float: right; width: 68%; } .productdetails .vm-product-overview .product-field-display > dl > dt { font-weight: 500; } @media all and (min-width: 980px) { .productdetails .vm-product-overview .product-field-display > dl > dt { clear: both; width: 28.57143%; float: left; margin-left: 0; margin-right: -100%; } } .productdetails .vm-product-overview .product-field-display > dl > dd { margin-bottom: 1.5rem; } @media all and (min-width: 980px) { .productdetails .vm-product-overview .product-field-display > dl > dd { width: 71.42857%; float: left; margin-left: 28.57143%; margin-right: -100%; margin-bottom: 0.75rem; } } .manufacturer-details-view .manufacturer-image { margin: 0 2.4rem 2.4rem 0; } .manufacturer-details-view .manufacturer-email { float: left; margin-right: 2rem; } .manufacturer-details-view .manufacturer-url { float: left; } .manufacturer-details-view .manufacturer-description { clear: both; padding: 2.4rem 0; } .manufacturer .spacer { padding: 2rem; } .vendor-details-view .vendor-image { margin: 2rem 0; } .width16, .width20, .width25, .width33, .width50, .width75 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .width16 { width: 16.666666%; } .width20 { width: 20%; } .width25 { width: 25%; } .width33 { width: 33.333333%; } .width50 { width: 50%; } .width75 { width: 75%; } .vendor-details-view-contact .contact-form { margin-top: 5rem; } .vendor-details-view-contact .contact-form .control-group { margin: 0 0 2.4rem 0; } .vendor-details-view-contact .contact-form .highlight-button { float: right; } .vendor-details-view-contact .contact-form .width50 input { min-width: 60px; width: auto; } .addtocart-area select { display: block !important; width: 100%; } .addtocart-area .chzn-container { display: none; } .addtocart-area .product-field { padding: 2rem 0 1rem 0; } .addtocart-area .quantity-input { float: left; margin-left: 10%; text-align: center; width: 30%; } .addtocart-area .quantity-plus, .addtocart-area .quantity-minus { float: left; font-size: 3.2rem; height: 5.4rem; line-height: 5.4rem; padding: 0; width: 25%; } .addtocart-area .quantity-plus { margin-left: 5%; } .addtocart-area .quantity-minus { margin-left: 5%; } span.hasTooltip > img { display: none; } #fancybox-wrap, #fancybox-wrap * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #fancybox-wrap { min-width: 400px; } #fancybox-content { min-width: 400px; } #fancybox-content br { display: none; } #fancybox-content > iframe { background: #fff; } #fancybox-content > div { background: #fff; padding: 2rem; } #fancybox-content > div > .showcart, #fancybox-content > div > .continue_link { font-size: 90%; padding: 1rem 2rem; margin-bottom: 20px; } #fancybox-content > div > .showcart { float: right; } #fancybox-content > div > .continue_link { float: left; } #fancybox-content > div > h5, #fancybox-content > div > h4 { clear: both; line-height: 1.5; margin: 0; padding: 2rem 0; text-transform: none; font-size: 1.5rem; } .vm2-stars0 { background-position: 0 -358px; width: 64px; height: 13px; } .vm2-stars1 { background-position: 0 -421px; width: 64px; height: 13px; } .vm2-stars2 { background-position: 0 -484px; width: 64px; height: 13px; } .vm2-stars3 { background-position: 0 -547px; width: 64px; height: 13px; } .vm2-stars4 { background-position: 0 -610px; width: 64px; height: 13px; } .vm2-stars5 { background-position: 0 -673px; width: 64px; height: 13px; } .vm2-stars_0 { background-position: 0 -736px; width: 64px; height: 13px; } .vm2-stars_1 { background-position: 0 -799px; width: 64px; height: 13px; } .vm2-stars_2 { background-position: 0 -862px; width: 64px; height: 13px; } .vm2-stars_3 { background-position: 0 -925px; width: 64px; height: 13px; } .vm2-stars_4 { background-position: 0 -988px; width: 64px; height: 13px; } .vm2-stars_5 { background-position: 0 -1051px; width: 64px; height: 13px; } .vm-product-rating-container { text-align: left; } .ratingbox { position: relative; display: inline-block; width: 120px; height: 24px; background: url("../images/vm/color-stars.png") repeat-x scroll 0 bottom transparent; margin: 0 auto 15px; } .ratingbox div, .ratingbox span { background: url(../images/vm/color-stars.png) repeat-x; display: block; width: 1%; height: 24px; position: static; } .browse-view .ratingbox { margin: 0 auto 15px; } .spacer-buy-area .ratingbox { margin-bottom: 15px; } div.vote, span.vote { display: block; margin-bottom: 4px; float: right; margin-left: 130px; } .category-ratingbox { position: relative; display: block; width: 60px; height: 12px; background: url("../images/vm/color-stars-small.png") repeat-x scroll 0 bottom transparent; } .category-ratingbox div, .category-ratingbox span { background: url(../images/vm/color-stars-small.png) repeat-x; display: block; width: 1%; height: 12px; position: absolute; } .stars-orange { background-position: 0 0 !important; } .stars-red { background-position: 0 -54px !important; } .stars-green { background-position: 0 -108px !important; } .stars-blue { background-position: 0 -162px !important; } .stars-purple { background-position: 0 -216px !important; } @media (max-width: 768px) { .spacer-buy-area .ratingbox { margin: 0 auto 15px; } } .vm-user-edit td, .vm-user-edit-address td { border: none; } .vm-user-edit .key, .vm-user-edit-address .key { width: 30%; } .vm-user-edit input, .vm-user-edit-address input { margin: 0; } .vm-user-edit .chzn-container, .vm-user-edit-address .chzn-container { display: none !important; } .vm-user-edit select, .vm-user-edit-address select { display: block !important; } .vm-user-edit #userForm, .vm-user-edit-address #userForm { margin: 3.2rem 0; } .vm-user-edit #userForm fieldset, .vm-user-edit-address #userForm fieldset { margin: 2.4rem 0; } .vm-user-edit #com-form-login .width30, .vm-user-edit-address #com-form-login .width30 { float: left; margin-right: 3.33333%; width: 30%; } .vm-user-edit #com-form-login .width30 input, .vm-user-edit-address #com-form-login .width30 input { width: 100%; } .vm-user-edit #com-form-login .userdata, .vm-user-edit-address #com-form-login .userdata { padding: 3.2rem; } .vm-user-edit #form-login { margin: 0 0 3.2rem 0; } .vm-user-edit .buttonBar-right { float: right; margin: 0 2rem 0 2rem; } .vm-user-edit .buttonBar-right + a, .vm-user-edit .buttonBar-right + a + a { float: left; margin: 1.5rem 1.5rem 0 0; } .vm-user-edit #tabs { clear: both; padding: 2rem 0; } .vm-user-edit #tabs li { display: none; } .vm-user-edit #tab-2 { margin: 0 -1.4rem; } .vm-user-edit input[type="radio"] { margin: 0 10px 0 0; } .vm-user-edit .reset-value { height: 40px !important; padding: 0 20px !important; } .vm-user-edit #com-form-login + .page-header { margin-top: 5.4rem; } .vm-user-edit-address #reg_text { margin: 1.2rem 0 3.2rem 0; } .category-view .browse-view { margin: 0 -3.2rem; } .category-view .category_description { margin: -3.2rem 0 3.2rem 0; } .category-view .category { text-align: center; } .category-view .category .spacer { padding: 3.2rem; } .category-view .category .spacer > a { display: block; position: relative; } .category-view .category .spacer > a:before { background: rgba(255,255,255,0); content: ""; height: 100%; display: block; pointer-events: none; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 100%; z-index: 1; } .category-view .category .spacer > a:hover:before { background: rgba(255,255,255,0.5); } .category-view .category h3 { font-size: 1.6rem; text-align: center; } .category-view > .category-view { margin-bottom: 3.2rem; overflow: hidden; } .latest-view, .featured-view, .topten-view, .recent-view { clear: both; padding: 6.5rem 0; } .latest-view h4, .featured-view h4, .topten-view h4, .recent-view h4 { font-size: 4.7rem; } .latest-view .clear, .featured-view .clear, .topten-view .clear, .recent-view .clear, .category-view .clear { clear: both; } .latest-view .row .row, .latest-view .browse-view .row, .featured-view .row .row, .featured-view .browse-view .row, .topten-view .row .row, .topten-view .browse-view .row, .recent-view .row .row, .recent-view .browse-view .row, .category-view .row .row, .category-view .browse-view .row { padding: 4.7rem 0 0; } .latest-view .row .row .clear, .latest-view .browse-view .row .clear, .featured-view .row .row .clear, .featured-view .browse-view .row .clear, .topten-view .row .row .clear, .topten-view .browse-view .row .clear, .recent-view .row .row .clear, .recent-view .browse-view .row .clear, .category-view .row .row .clear, .category-view .browse-view .row .clear { clear: both; } .latest-view .row .vm-col, .latest-view .browse-view .vm-col, .featured-view .row .vm-col, .featured-view .browse-view .vm-col, .topten-view .row .vm-col, .topten-view .browse-view .vm-col, .recent-view .row .vm-col, .recent-view .browse-view .vm-col, .category-view .row .vm-col, .category-view .browse-view .vm-col { float: left; } .latest-view .row .spacer, .latest-view .browse-view .spacer, .featured-view .row .spacer, .featured-view .browse-view .spacer, .topten-view .row .spacer, .topten-view .browse-view .spacer, .recent-view .row .spacer, .recent-view .browse-view .spacer, .category-view .row .spacer, .category-view .browse-view .spacer { padding: 3.2rem; } .latest-view .vm-col-1, .featured-view .vm-col-1, .topten-view .vm-col-1, .recent-view .vm-col-1, .category-view .vm-col-1 { width: 100%; } .latest-view .vm-col-2, .featured-view .vm-col-2, .topten-view .vm-col-2, .recent-view .vm-col-2, .category-view .vm-col-2 { width: 50%; } .latest-view .vm-col-3, .featured-view .vm-col-3, .topten-view .vm-col-3, .recent-view .vm-col-3, .category-view .vm-col-3 { width: 33.333333%; } .latest-view .vm-col-4, .featured-view .vm-col-4, .topten-view .vm-col-4, .recent-view .vm-col-4, .category-view .vm-col-4 { width: 25%; } .latest-view .vm-col-5, .featured-view .vm-col-5, .topten-view .vm-col-5, .recent-view .vm-col-5, .category-view .vm-col-5 { width: 20%; } .latest-view .product h3, .featured-view .product h3, .topten-view .product h3, .recent-view .product h3, .category-view .product h3 { font-size: 1.8rem; text-align: center; margin-bottom: 0; } .latest-view .product .vm-product-media-container, .featured-view .product .vm-product-media-container, .topten-view .product .vm-product-media-container, .recent-view .product .vm-product-media-container, .category-view .product .vm-product-media-container { cursor: pointer; padding: 2rem 0; position: relative; text-align: center; } .latest-view .product .vm-product-media-container.hidden-add-to-cart:before, .featured-view .product .vm-product-media-container.hidden-add-to-cart:before, .topten-view .product .vm-product-media-container.hidden-add-to-cart:before, .recent-view .product .vm-product-media-container.hidden-add-to-cart:before, .category-view .product .vm-product-media-container.hidden-add-to-cart:before { background: rgba(255,255,255,0); content: ""; height: 100%; display: block; pointer-events: none; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 100%; z-index: 1; } .latest-view .product .vm-product-media-container.hidden-add-to-cart:after, .featured-view .product .vm-product-media-container.hidden-add-to-cart:after, .topten-view .product .vm-product-media-container.hidden-add-to-cart:after, .recent-view .product .vm-product-media-container.hidden-add-to-cart:after, .category-view .product .vm-product-media-container.hidden-add-to-cart:after { border-radius: 50%; content: ""; font-size: 1.6rem; height: 8rem; line-height: 8rem; width: 8rem; top: 50%; left: 50%; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, -50%) scale(0, 0); -moz-transform: translate(-50%, -50%) scale(0, 0); -ms-transform: translate(-50%, -50%) scale(0, 0); -o-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 2; } .latest-view .product .vm-product-media-container.hidden-add-to-cart:hover:before, .featured-view .product .vm-product-media-container.hidden-add-to-cart:hover:before, .topten-view .product .vm-product-media-container.hidden-add-to-cart:hover:before, .recent-view .product .vm-product-media-container.hidden-add-to-cart:hover:before, .category-view .product .vm-product-media-container.hidden-add-to-cart:hover:before { background: rgba(255,255,255,0.8); } .latest-view .product .vm-product-media-container.hidden-add-to-cart:hover:after, .featured-view .product .vm-product-media-container.hidden-add-to-cart:hover:after, .topten-view .product .vm-product-media-container.hidden-add-to-cart:hover:after, .recent-view .product .vm-product-media-container.hidden-add-to-cart:hover:after, .category-view .product .vm-product-media-container.hidden-add-to-cart:hover:after { background: #7A8C9C; content: "\02b"; color: #fff; -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } .latest-view .product .vm-product-media-container.hidden-choose-variant:before, .featured-view .product .vm-product-media-container.hidden-choose-variant:before, .topten-view .product .vm-product-media-container.hidden-choose-variant:before, .recent-view .product .vm-product-media-container.hidden-choose-variant:before, .category-view .product .vm-product-media-container.hidden-choose-variant:before { background: rgba(255,255,255,0); content: ""; height: 100%; display: block; pointer-events: none; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 100%; z-index: 1; } .latest-view .product .vm-product-media-container.hidden-choose-variant:hover:before, .featured-view .product .vm-product-media-container.hidden-choose-variant:hover:before, .topten-view .product .vm-product-media-container.hidden-choose-variant:hover:before, .recent-view .product .vm-product-media-container.hidden-choose-variant:hover:before, .category-view .product .vm-product-media-container.hidden-choose-variant:hover:before { background: rgba(255,255,255,0.5); } .latest-view .product .vm-price-value, .featured-view .product .vm-price-value, .topten-view .product .vm-price-value, .recent-view .product .vm-price-value, .category-view .product .vm-price-value { color: #7A8C9C; font-size: 1.8rem; font-weight: 500; margin: 0 0 2rem 0; text-align: center; } .latest-view .product .vm-product-rating-container, .featured-view .product .vm-product-rating-container, .topten-view .product .vm-product-rating-container, .recent-view .product .vm-product-rating-container, .category-view .product .vm-product-rating-container { text-align: center; } .latest-view .product .addtocart-area, .featured-view .product .addtocart-area, .topten-view .product .addtocart-area, .recent-view .product .addtocart-area, .category-view .product .addtocart-area { display: none; } .orderby-displaynumber { clear: both; font-size: 1.4rem; padding: 1.5rem 0; width: 100%; } .orderby-displaynumber .vm-order-list { float: right; } .orderby-displaynumber select { padding-top: .5rem; padding-bottom: .5rem; } .orderby-displaynumber .display-number > span { margin-right: 10px; } .orderlistcontainer { display: inline-block; text-decoration: none; margin: 0 0 0 8px; position: relative; } .orderlistcontainer .title { float: left; padding: 0 1rem; position: relative; top: 3px; } .orderlistcontainer div.activeOrder { background: url('data:image/svg+xml;utf8,') no-repeat right center; background-size: 10px 10px; border: none; border-bottom: 1px solid #ccc; cursor: pointer; float: right; height: 2.7rem; line-height: 2.7rem; padding: 0 2rem 0 0; } .orderlistcontainer a { text-decoration: none; display: block; } .orderlistcontainer a:hover { display: block; color: #7A8C9C; } .orderlistcontainer div.orderlist { background: #fff; border: 1px solid #ccc; cursor: pointer; display: none; position: absolute; right: 0; top: 25px; z-index: 1; } .orderlistcontainer div.orderlist div { padding: 2px 12px 1px; } .orderlistcontainer div.orderlist div:hover { color: #7A8C9C; } .orderlistcontainer .Order { color: #7A8C9C; float: left; font-weight: bold; height: 2.7rem; line-height: 2.7rem; } .vm-page-counter { color: #757575; display: block; font-size: 1.4rem; text-align: center; width: 100%; } .vm-orders-list .order-view { float: left; width: 50%; } .vm-orders-list #com-form-login .width30 { float: left; margin-right: 3.333333%; width: 30%; } .vm-orders-list #com-form-login .width30 input { width: 100%; } .vm-orders-list #com-form-login h2 { font-size: 1.8rem; } .vm-orders-information #tabs { display: none; } .vm-orders-information td strong { display: block; } .vm-orders-information .spaceStyle { padding: 1rem 0; } .vm-orders-information td[align="right"] { white-space: nowrap; } .vm-cart-header-container { overflow: hidden; padding-bottom: 50px; } .vm-cart-header-container .page-header { margin-bottom: 0; } .vm-cart-header h1 { margin-bottom: 0; } .vm-continue-shopping { text-align: right; } .cart-summary td { border: none; } .cart-view form.inline td { padding-right: 0; padding-left: 0; } .cart-view form.inline td:last-child { text-align: right; } .cart-view .vm-cart-header-container { margin: 0 0 2.4rem 0; overflow: hidden; } .cart-view .continue_link { margin-top: 2rem; width: 100%; } .cart-view #com-form-login { border: 1px solid #ccc; margin: 0 0 6rem 0; padding: 4rem 6rem; } .cart-view #com-form-login > fieldset { border: none; padding: 0; margin: 0; } .cart-view #com-form-login .width30 { font-size: 90%; float: left; margin-right: 3.333333%; width: 30%; } .cart-view #com-form-login .width30 input { width: 100%; } .cart-view .billto-shipto { border: 1px solid #ccc; margin: 0 0 6rem 0; padding: 4rem 6rem; overflow: hidden; } .cart-view .billto-shipto input { float: left; margin-right: 5px; } .cart-view .billto-shipto .width50 > span { font-weight: bold; } .cart-view .vm-fieldset-pricelist { border: none; padding: 0; } .cart-view .td-vmshipment td { border-top: 1px solid #ccc; vertical-align: top; } .cart-view .td-vmshipment td > h3 { font-size: 1.8rem; font-weight: bold; } .cart-view .vpad-bottom td { padding-bottom: 6rem; } .cart-view .vpad-top td { padding-top: 6rem; } .cart-view .coupon { width: 300px; } .cart-view .buttonBar-right { float: right; width: 25%; } .cart-view .vm-payment-shipment-select, .cart-view .vm-shipment-select { border: none; float: left; padding: 0; width: 75%; } .cart-view .vmshipment_description, .cart-view .vmpayment_description { display: block; font-size: 1.2rem; margin-left: 20px; } .cart-view h3 + span + .vmshipment_description, .cart-view h3 + span + .vmpayment_description { margin-left: 0; } .cart-view h3 ~ .vmshipment_name, .cart-view h3 ~ .vmpayment_name { display: block; } .cart-view .vm-shipment-header-select, .cart-view .vm-shipment-header-selected, .cart-view .vm-payment-header-select, .cart-view .vm-payment-header-selected { font-size: 2rem; margin-top: 2rem; text-transform: none; } .cart-view td { vertical-align: middle; } .cart-view td hr { border: none; border-top: 1px solid #3c3e3f; margin: 0; width: 100%; } .cart-view .PricesalesPrice { font-weight: bold; } .cart-view .PricebillTotal { color: #7A8C9C; font-size: 2.4rem; } .cart-view .vm-cart-item-total { text-align: right; } .cart-view .vm-cart-item-total br { display: none; } .cart-view .cart-images { float: left; margin: 0 2rem 0 0; max-height: 60px; max-width: 60px; } .cart-view .vm-customfield-cart { font-size: 1.2rem; } .cart-view .vm2-add_quantity_cart, .cart-view .vm2-remove_from_cart { background: transparent; padding: 0; } .cart-view .vm2-add_quantity_cart i:hover, .cart-view .vm2-remove_from_cart i:hover { color: #3c3e3f; } .cart-view .vm2-add_quantity_cart i { color: #7A8C9C; } .cart-view .vm2-remove_from_cart i { color: #d45555; } .cart-view .vm-cart-item-quantity input { margin: 0; padding-bottom: 5px; padding-top: 5px; text-align: center; } .cart-view .vm-cart-item-name a { font-weight: 500; } .cart-view td.vm-cart-item-sku { font-family: monospace; font-size: 1.8rem; } .cart-view .line-through { color: #bbb; text-decoration: line-through; } .cart-view #form-login { margin: 0 0 2.4rem 0; overflow: hidden; } .cart-view #form-login .button { float: right; } .cart-view .vm-cart-change-shopper { padding: 2.4rem 0 0 0; overflow: hidden; } .cart-view .vm-cart-change-shopper h3 { float: left; line-height: 5.4rem; margin: 0; } .cart-view .vm-cart-change-shopper form { float: right; } .cart-view .vm-cart-change-shopper input { margin: 0; } .cart-view .vm-cart-change-shopper td { padding: 0; } .cart-view .vm-cart-change-shopper select { display: block !important; margin: 0.7rem 0 0 0; } .cart-view .vm-cart-change-shopper .chzn-container { display: none; } .cart-view .output-billto, .cart-view .output-shipto { font-size: 1.6rem; margin: 1rem 0; padding: 1rem 0; } .cart-view .output-billto + .details, .cart-view .output-shipto + .details { font-size: 1.4rem; } .cart-view .output-billto { width: 95%; } .cart-view .output-shipto input[type="radio"] { position: relative; top: -5px; } .cart-view .vm-cart-item-tax { text-align: right; } .vm-order-done #form-login { margin-top: 3.2rem; } .product-related-products, .product-related-categories { margin: 6.5rem 0; overflow: hidden; } .product-related-products .product-fields-title-wrapper, .product-related-categories .product-fields-title-wrapper { color: #3c3e3f; display: block; font-size: 4.7rem; line-height: 1.4; margin: 2.5rem 0; text-transform: uppercase; } .product-related-products .product-fields-title-wrapper .product-fields-title strong, .product-related-categories .product-fields-title-wrapper .product-fields-title strong { font-weight: normal; } .product-related-products .product-field-display, .product-related-categories .product-field-display { float: left; text-align: center; width: 33.333333%; } .product-related-products .product-field-display .vm-product-media-container, .product-related-categories .product-field-display .vm-product-media-container { float: none; width: auto; } .product-related-products .product-field-display img, .product-related-categories .product-field-display img { display: block; margin: 2rem auto; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .product-related-products .product-field-display img:hover, .product-related-categories .product-field-display img:hover { opacity: .5; } .product-related-products .product-field-display .PricesalesPrice, .product-related-categories .product-field-display .PricesalesPrice { color: #7A8C9C; font-weight: bold; } .product-related-products .product-field-display .vm-img-desc, .product-related-products .product-field-display .vm-price-desc, .product-related-products .product-field-display .product_s_desc, .product-related-categories .product-field-display .vm-img-desc, .product-related-categories .product-field-display .vm-price-desc, .product-related-categories .product-field-display .product_s_desc { display: none; } .product-related-products .product-field-desc, .product-related-categories .product-field-desc { display: none; } .gkPopupWrap { background: #fff; padding: 4rem; overflow: hidden; } .gkPopupWrap .vmGkCartModule > h3 { font-size: 2.4rem; margin: -1rem 0 2.4rem 0; } .gkPopupWrap .vmGkCartProducts > div { display: table; padding: 1rem 0; width: 100%; } .gkPopupWrap .vmGkCartProducts > div .col { display: table-cell; vertical-align: top; } .gkPopupWrap .vmGkCartProducts > div .col:nth-child(1) { width: 25%; } .gkPopupWrap .vmGkCartProducts > div .col:nth-child(3) { text-align: right; } .gkPopupWrap .vmGkCartProducts > div .col a { font-weight: bold; } .gkPopupWrap .vmGkCartProducts img { height: auto; max-width: 80px; } .gkPopupWrap .customProductData br { display: none; } .gkPopupWrap .gkPrice { color: #7A8C9C; display: block; font-weight: normal; line-height: 1.5; width: 100%; } .gkPopupWrap .gkTotal { color: #7A8C9C; float: right; font-size: 2.4rem; margin: 2rem 0 0 0; } .gkPopupWrap .gkShowCart > a { float: left !important; margin-top: 1rem; } .nspMain { position: relative; } .nspBotInterface, .nspTopInterface { clear: both; float: right; margin: 5px 0; } .nspTopInterface { position: absolute; right: 0; top: -42px; } .nspBotInterface .nspPagination { margin-top: -3px !important; } .nspPagination { float: left; list-style-type: none !important; margin: 2px 0 0 0; padding: 0 !important; } .nspPagination li, .nspBotInterface .nspPagination li { background: #ccc; border-radius: 6px; cursor: pointer; display: block; float: left; height: 12px; margin: 3px 4px 0 0 !important; padding: 0; text-indent: -999em; width: 12px; } .nspPagination li:hover, .nspPagination li.active, .nspBotInterface .nspPagination li:hover, .nspBotInterface .nspPagination li.active { background: #7A8C9C; } .nspNext, .nspPrev { cursor: pointer; float: left; height: 24px; margin: 0 2px; text-align: center; text-indent: -9999px; width: 24px; } .nspNext:after, .nspPrev:after { color: #ccc; display: block; float: left; font-family: FontAwesome; font-size: 1.6rem; line-height: 25px; text-align: center; text-indent: 0; width: 24px; } .nspNext:hover:after, .nspPrev:hover:after { color: #7A8C9C; } .nspNext:after { content: '\f054'; } .nspPrev:after { content: '\f053'; } .nspArts { float: left; overflow: hidden; padding: 0; text-align: center; } .nspArts + .nspLinksWrap.bottom { clear: both; } .nspArts.left { float: right; } .nspArts.right { float: left; } .nspArtScroll1, .nspLinkScroll1 { clear: both; } .nspLinksWrap.left { float: left; } .nspLinksWrap.right { float: left; } .nspArtPage { float: left; } .nspArt { float: left; } .nspArt div { overflow: hidden; } .nspArt .nspHeader { color: #3c3e3f; font-size: 2.8rem; font-weight: 500; line-height: 1.2; margin: 0; padding: 10px 0; text-transform: uppercase; } .nspArt img.nspImage { display: block; } .nspArt .nspImageWrapper { display: block; overflow: hidden; } .nspArt .nspImageWrapper img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .nspArt .nspImageWrapper:hover img { opacity: .75; } .nspArt .nspText { color: #636565; display: block !important; line-height: 1.4; margin: 0; padding: 0 !important; } .nspArt .nspInfo { color: #757575; display: block !important; margin: 0; padding: 12px 0; text-transform: none; } .nspArt .nspInfo > * { padding-left: 10px; } .nspArt .nspInfo > *:first-child { padding-left: 0; } .nspArt .nspInfo img { vertical-align: middle; } .nspArt .tleft { text-align: left; } .nspArt .tright { text-align: right; } .nspArt .tcenter { text-align: center; } .nspArt .tjustify { text-align: justify; } .nspArt .fleft { float: left; } .nspArt .fright { float: right; } .nspArt .fnone { clear: both; float: none; width: 100%; } .nspArt .nspHeader a, .nspLinks ul li h4 a { color: #3c3e3f; } .nspArt .nspHeader a:hover, .nspLinks ul li h4 a:hover { color: #3c3e3f !important; } .readon { margin: 0.5rem 0; } .readon.inline { clear: both; display: inline-block; float: none; width: auto; } .readon.inline.fleft, .readon.inline.fright, .readon.inline.fcenter { clear: both; display: inline-block; float: none; margin: 0 auto; width: auto; } .readon.inline.fleft { float: left; } .readon.inline.fright { float: right; } .readon.inline.fcenter { display: inline-block; float: none; } .readon:active, .readon:focus, .readon:hover { background: #3c3e3f; color: #fff; } .nspLinks { padding: 3px; } .nspLinks ul { list-style-type: none !important; padding: 5px !important; } .nspLinks ul li { color: #636565; margin: 0 !important; padding: 16px 0; } .nspLinks ul li:first-child { border-top: none !important; } .nspLinks ul li p { margin: 0; } .nspLinks ul li h4 { font-size: 2.4rem; font-weight: normal; margin: 0 0 6px; } .nspLinks ul li h4 a { text-decoration: none; } .nspLinks .readon { display: block; font-style: normal; padding-top: 14px; } .nspList { float: left; } .nspMain .unvisible { left: -9999px; position: absolute; top: auto; } .gkResponsive img.nspImage, img.nspImage.gkResponsive { height: auto; width: 100% !important; } .nspArt img.nspImage { max-width: 100%; } .nspArtScroll1, .nspLinkScroll1 { overflow: hidden; width: auto; } .nspArtScroll1 { margin: 0; } .nspPages1 { width: 100%; } .nspPages2 { width: 200%; } .nspPages3 { width: 300%; } .nspPages4 { width: 400%; } .nspPages5 { width: 500%; } .nspPages6 { width: 600%; } .nspPages7 { width: 700%; } .nspPages8 { width: 800%; } .nspPages9 { width: 900%; } .nspPages10 { width: 1000%; } .nspPages11 { width: 1100%; } .nspPages12 { width: 1200%; } .nspPages13 { width: 1300%; } .nspPages14 { width: 1400%; } .nspPages15 { width: 1500%; } .nspPages16 { width: 1600%; } .nspPages17 { width: 1700%; } .nspPages18 { width: 1800%; } .nspPages19 { width: 1900%; } .nspPages20 { width: 2000%; } .nspCol1 { width: 100%; } .nspCol2 { width: 50%; } .nspCol3 { width: 33.3%; } .nspCol4 { width: 25%; } .nspCol5 { width: 20%; } .nspCol6 { width: 16.66%; } .nspCol7 { width: 14.285%; } .nspCol8 { width: 12.5%; } .nspCol9 { width: 11.1%; } .nspCol10 { width: 10%; } .nspCol11 { width: 9.09%; } .nspCol12 { width: 8.33%; } .nspCol13 { width: 7.69%; } .nspCol14 { width: 7.14%; } .nspCol15 { width: 6.66%; } .nspCol16 { width: 6.25%; } .nspCol17 { width: 5.88%; } .nspCol18 { width: 5.55%; } .nspCol19 { width: 5.26%; } .nspCol20 { width: 5%; } .nspList, .nspArtPage { opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; } .nspList.active, .nspArtPage.active { opacity: 1; } .box.border1 .nspTopInterface, .box.border2 .nspTopInterface { top: -52px; } .box.border1 .nspBotInterface, .box.border2 .nspBotInterface { margin-top: -20px; position: relative; z-index: 1; } .box.border1 .readon, .box.border2 .readon { color: #fff !important; } .box.dark a.readon { background: #636565; color: #fff !important; } .box.dark a.readon:active, .box.dark a.readon:focus, .box.dark a.readon:hover { background: #fff; color: #7A8C9C !important; } .box.dark .nspArts + .nspLinksWrap.bottom, .box.dark .nspLinks ul li { border-top-color: rgba(255,255,255,0.2) !important; } .box.dark .nspTopInterface .nspPagination { margin-top: 2px; } .box.dark .nspNext:after, .box.dark .nspPrev:after { color: #636565 !important; } .box.dark .nspNext:hover:after, .box.dark .nspPrev:hover:after { color: #7A8C9C !important; } .box.dark .nspPagination li { background: #636565; } .box.dark .nspPagination li.active { background: #7A8C9C !important; } .box.color .readon { background: #fff; color: #7A8C9C !important; } .box.color .readon:active, .box.color .readon:focus, .box.color .readon:hover { background: #3c3e3f; color: #fff !important; } .box.color .nspText, .box.color .nspLinks li p { color: rgba(255,255,255,0.8); } .box.color .nspInfo { color: rgba(255,255,255,0.6); } .box.color .nspLinks ul li { border-top-color: rgba(255,255,255,0.25) !important; } .box.color .nspPagination li { background: rgba(255,255,255,0.4); } .box.color .nspPagination li.active { background: rgba(255,255,255,0.75); } .box.color .nspTopInterface .nspPagination { margin-top: 2px; } .box.color .nspNext:after, .box.color .nspPrev:after { color: #fff; } .box.color .nspNext:hover:after, .box.color .nspPrev:hover:after { color: rgba(255,255,255,0.8); } .modal-open #gkBg, .modal-open #gkPageContent { position: static; } .modal-header { *zoom: 1; } .modal-header:before, .modal-header:after { display: table; content: ""; line-height: 0; } .modal-header:after { clear: both; } .modal-header .close { float: right; } .modal-body { max-height: unset; } #sbox-window { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .error-page .subpage { float: none; margin: 15rem auto 20rem; text-align: center; width: 100%; } .error-page #gkSidebar { text-align: center; width: 100%; } .error-page #gkHeader { background: #f6f6f6; } .error-page h1 { font-size: 24rem; font-weight: 400; } .error-page h1 + p { font-size: 2rem; } .error-page .search-goog { color: #636565; line-height: 50px; margin: 0; } .error-page .search-goog b { font-weight: 500; } .error-page .search-goog form { margin: 10px 0 0; } .error-page .search-goog input { float: none; margin: 0 auto; width: 80%; } .error-page .search-goog input + input { padding: 0 20px; width: auto; } .error-page #goog-wm-qt { max-width: 100%; width: 480px; } .error-page #goog-wm h3 { display: none; } .error-page #goog-wm-sb { display: block; margin-top: 2rem; max-width: 100%; width: 480px; } .error-page #gkContent { float: none; margin: 0 auto; } .error-page #gkPageContent { position: relative; } .error-page #gkSidebar a { margin-left: 1rem; } #aside-menu .gk-social-icons { text-align: center; } #aside-menu .gk-social-icons a { color: rgba(255,255,255,0.2) !important; font-size: 2rem; line-height: 1.2; padding: 0 2px; } #aside-menu .gk-social-icons a:active, #aside-menu .gk-social-icons a:focus, #aside-menu .gk-social-icons a:hover { color: #7A8C9C !important; } .gkTabsGK5 { position: relative; overflow: hidden; } .box.clear-horizontal .gkTabsNav { top: 0; } .gkTabsNav { background: transparent; border-bottom: 3px solid #eee !important; margin: 0; } .gkTabsNav li { border: none; color: #636565; cursor: pointer; float: left; font-size: 1.6rem; font-weight: 500; line-height: 1; list-style-type: none; margin: 0 35px -3px 0; padding: 0 0 16px 0; position: relative; text-transform: uppercase; } .gkTabsNav li:after { background: #eee; bottom: 0; content: ""; display: block; height: 3px; left: 0; position: absolute; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-transition: all .2s ease-out; width: 100%; } .gkTabsNav li:active, .gkTabsNav li:focus, .gkTabsNav li:hover, .gkTabsNav li.active, .gkTabsNav li.active:hover { color: #3c3e3f; } .gkTabsNav li:active:after, .gkTabsNav li:focus:after, .gkTabsNav li:hover:after, .gkTabsNav li.active:after, .gkTabsNav li.active:hover:after { background: #7A8C9C; } .gkTabsContainer { clear: both; overflow: hidden; padding: 0px !important; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .gkTabsContainer + .gkTabsNav { margin: 14px 0; } .gkTabsContainer + .gkTabsNav li { border-bottom: none !important; border-top: 2px solid #eee !important; padding: 12px 12px 0 12px; } .gkTabsContainer + .gkTabsNav li.active, .gkTabsContainer + .gkTabsNav li.active:hover { border-bottom-color: transparent !important; border-top-color: #3c3e3f !important; } .gkTabsContainer + .gkTabsNav li:active, .gkTabsContainer + .gkTabsNav li:focus, .gkTabsContainer + .gkTabsNav li:hover { border-bottom-color: transparent !important; border-top-color: #7A8C9C !important; } .gkTabsItem { left: -9999px; overflow: hidden; padding: 50px 0 !important; position: absolute; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; width: 100%; z-index: 1; } .gkTabsItem.active { left: 0; position: relative; z-index: 2; } .gkTabsItem.gk-active { position: relative; top: 0; z-index: 1; } .gkTabsItem.gk-hide { position: absolute; top: 0; z-index: 0; } .gkTabsItem.gk-opacity.gk-hide { opacity: 0; } .gkTabsItem.gk-opacity.gk-active { opacity: 1; } .gkTabsItem.gk-slide_vertical.gk-hide { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .gkTabsItem.gk-slide_vertical.gk-active { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .gkTabsItem.gk-slide_vertical.gk-hidden { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .gkTabsItem.gk-slide_horizontal.gk-hide { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .gkTabsItem.gk-slide_horizontal.gk-active { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .gkTabsItem.gk-slide_horizontal.gk-hidden { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .gkTabsButtonNext, .gkTabsButtonPrev { display: inline-block; background-color: #7A8C9C; border: none; color: #fff; cursor: pointer; line-height: inherit; outline: none; padding: 1.6rem 4.8rem; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; } .gkTabsButtonNext [class^="fa fa-"], .gkTabsButtonNext [class*=" fa-"], .gkTabsButtonPrev [class^="fa fa-"], .gkTabsButtonPrev [class*=" fa-"] { color: #fff; } .gkTabsButtonNext:active, .gkTabsButtonNext:focus, .gkTabsButtonNext:hover, .gkTabsButtonPrev:active, .gkTabsButtonPrev:focus, .gkTabsButtonPrev:hover { background: #3c3e3f; color: #fff; } .gkTabsButtonNext:active [class^="fa fa-"], .gkTabsButtonNext:active [class*=" fa-"], .gkTabsButtonNext:focus [class^="fa fa-"], .gkTabsButtonNext:focus [class*=" fa-"], .gkTabsButtonNext:hover [class^="fa fa-"], .gkTabsButtonNext:hover [class*=" fa-"], .gkTabsButtonPrev:active [class^="fa fa-"], .gkTabsButtonPrev:active [class*=" fa-"], .gkTabsButtonPrev:focus [class^="fa fa-"], .gkTabsButtonPrev:focus [class*=" fa-"], .gkTabsButtonPrev:hover [class^="fa fa-"], .gkTabsButtonPrev:hover [class*=" fa-"] { color: #fff; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #gkUser.gk-open #gk-login-submenu { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #gkUser #gk-login-submenu { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .14); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .14); box-shadow: 0 2px 3px rgba(0, 0, 0, .14); display: none; opacity: 0; padding: 20px; position: absolute; right: 30px; top: 50px; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; width: 280px; z-index: 1000; } #gkUser #gk-login-submenu.gk-user-logged-in { width: 190px; } #gkUser .login-fields { margin: 0 0 10px 0; } #gkUser .button-gray { margin: 0 0 -10px 0; width: 100%; } #gkUser .logout-button .button-gray { margin: 0 0 3px 2px; width: auto; } #gkUser ul { clear: both; padding: 10px 0 0 0; } #gkUser ul li { clear: both; display: block; float: none; margin: 0; padding: 0; } #gkUser ul li.last { margin: 40px 0 10px 0; } #gkUser .login { overflow: visible; } #gkUser #gkUserMenu { margin: 0 -20px; padding: 0 0 25px 0; } #gkUser #gkUserMenu ul { padding: 0; } #gkUser #gkUserMenu li { height: 44px; margin: 0; padding: 0; } #gkUser #gkUserMenu li a { color: #3c3e3f; display: block; line-height: 1.4; padding: 14px 22px; } #gkUser #gkUserMenu li a:active, #gkUser #gkUserMenu li a:focus, #gkUser #gkUserMenu li a:hover { background: #eee; color: #3c3e3f; } #gkUser #gkUserMenu li a .micon { float: right; font-size: 2rem; } span#fb-auth { background-color: #798db9; border-radius: 1px; color: #fff; display: inline-block; font-size: 13px; line-height: 1; font-size: 1.8rem; font-weight: 400; margin: 0; padding: 2rem 3rem; cursor: pointer; height: 5.8rem; max-width: 100%; transition: all 0.3s ease-out 0s; position: relative; text-transform: uppercase; text-align: center; width: 350px; } span#fb-auth:hover { background-color: #556b9b; } span#fb-auth small { width: 20px; background: transparent url('../images/fbauth.png') no-repeat 0 2px; text-indent: -999em; display: block; float: left; border-right: 1px solid #a0aecd; margin: 1px 12px 0 0; height: 17px; } .controls span#fb-auth { margin-left: 1rem; } .gk-cols { margin: 0 -25px; text-align: left; width: auto; } .gk-cols.narrow { margin: 0 auto; max-width: 680px; } .gk-cols + .gk-cols { margin-top: 6rem; } .gk-cols > * { float: left; padding: 0 25px; } .gk-cols > *.gk-text-center { text-align: center; } .gk-cols > *.gk-text-justified { text-align: justify; } .gk-cols > *.gk-text-right { text-align: right; } .gk-cols > * > p { margin-bottom: 0; } .gk-cols[data-cols="2"] > div { width: 50%; } .gk-cols[data-cols="3"] > div { width: 33.333333%; } .gk-cols[data-cols="4"] > div { width: 25%; } .gk-cols[data-cols="5"] > div { width: 20%; } .gk-cols > .col-width-5 { width: 5%; } .gk-cols > .col-width-10 { width: 10%; } .gk-cols > .col-width-15 { width: 15%; } .gk-cols > .col-width-20 { width: 20%; } .gk-cols > .col-width-25 { width: 25%; } .gk-cols > .col-width-30 { width: 30%; } .gk-cols > .col-width-35 { width: 35%; } .gk-cols > .col-width-40 { width: 40%; } .gk-cols > .col-width-45 { width: 45%; } .gk-cols > .col-width-50 { width: 50%; } .gk-cols > .col-width-55 { width: 55%; } .gk-cols > .col-width-60 { width: 60%; } .gk-cols > .col-width-65 { width: 65%; } .gk-cols > .col-width-70 { width: 70%; } .gk-cols > .col-width-75 { width: 75%; } .gk-cols > .col-width-80 { width: 80%; } .gk-cols > .col-width-85 { width: 85%; } .gk-cols > .col-width-90 { width: 90%; } .gk-cols > .col-width-95 { width: 95%; } .gk-cols.vertical-center { display: table; width: 100%; } .gk-cols.vertical-center > div { display: table-cell; float: none; vertical-align: middle; } .gk-cols img { max-width: 100%; } .gk-cols.gk-gallery { margin: 0 -10px; } .gk-cols.gk-gallery img { display: block; height: auto; width: 100%; } .gk-cols.gk-gallery > div { padding: 0 10px; } .gk-cols.gk-gallery > div > a { display: block; margin: 0 0 20px 0; } .gkHeaderBlock { background: #000; position: relative; } .gkHeaderBlock img { display: block; opacity: 0.8; } .gkHeaderContent { bottom: 0; left: 0; padding: 10rem 0 10rem 10rem; position: absolute; width: 50%; } .gkHeaderContent h1 { color: #fff; font-size: 5.8rem; line-height: 1.0; margin-bottom: 3rem; text-transform: uppercase; } .gkHeaderContent p { color: #fff; font-size: 2rem; margin: 0 0 4.8rem; } .gkPhotoOverlay { position: relative; } .gkPhotoOverlay > img { display: block; } .gkPhotoOverlayContent { background: #7A8C9C; bottom: 10rem; color: #fff; left: 10rem; padding: 6.5rem 10rem; position: absolute; width: 50%; } .gkPhotoOverlayContent h2 { color: #fff; font-size: 4.6rem; margin: 2.8rem 0; } .gkPhotoOverlayContent p { font-size: 1.8rem; margin: 0 0 4.8rem 0; } .gk-bottom-links { font-weight: 500; text-transform: uppercase; } .gk-bottom-links li { padding: 2px 0; } .gk-bottom-links li a { color: #636565; font-size: 1.4rem; line-height: 1.6; padding: 0; } .gk-bottom-links li a:active, .gk-bottom-links li a:focus, .gk-bottom-links li a:hover { color: #7A8C9C; } .gk-newsletter { padding: 0; } .gk-newsletter h3 { color: #636565; font-size: 1.4rem; margin-bottom: 2.4rem; } .gk-newsletter input { margin-bottom: 1.2rem; padding-left: 20px; padding-right: 20px; width: 100%; } .gk-social-icons { text-align: right; } .gk-social-icon { display: inline-block; height: 2.8rem; margin-left: 2px; overflow: hidden; } .gk-social-icon > [class^="gk-social-icon-"], .gk-social-icon > [class*=" gk-social-icon-"] { border-radius: 50%; background: #757575; display: block; font-family: FontAwesome; font-style: normal; height: 2.8rem; line-height: 2.8rem; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out; width: 2.8rem; } .gk-social-icon > [class^="gk-social-icon-"]:after, .gk-social-icon > [class*=" gk-social-icon-"]:after { color: #f6f6f6; display: block; font-size: 1.7rem; font-weight: 300; height: 2.8rem; line-height: 2.8rem; text-align: center; width: 2.8rem; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-twitter:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-twitter:hover { background: #2196f3; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-fb:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-fb:hover { background: #3b5998; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-gplus:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-gplus:hover { background: #d34836; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-vimeo:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-vimeo:hover { background: #1ab7ea; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-linkedin:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-linkedin:hover { background: #0077b5; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-instagram:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-instagram:hover { background: #3f729b; } .gk-social-icon > [class^="gk-social-icon-"].gk-social-icon-pinterest:hover, .gk-social-icon > [class*=" gk-social-icon-"].gk-social-icon-pinterest:hover { background: #bd2125; } .gk-social-icon-twitter:after { content: "\f099"; font-size: 2rem; } .gk-social-icon-fb:after { content: "\f09a"; position: relative; top: 1px; } .gk-social-icon-gplus:after { content: "\f0d5"; } .gk-social-icon-vimeo:after { content: "\f27d"; left: -1px; position: relative; } .gk-social-icon-linkedin:after { content: "\f0e1"; } .gk-social-icon-instagram:after { content: "\f16d"; } .gk-social-icon-pinterest:after { content: "\f231"; font-size: 2.4rem !important; position: relative; top: 4px; } .gk-contact-info { font-size: 1.4rem; font-weight: 500; text-transform: uppercase; } .showcase-header { float: right; padding: 5rem 0; width: 32%; } .showcase-header h2 { font-size: 4.6rem; line-height: 1.25; margin: 1.5rem 0 3rem 0; } .showcase-header p { font-size: 1.8rem; padding: 0 5rem 0 0; margin: 0 0 5rem 0; } .showcase-pictures { float: left; padding: 5rem 0; position: relative; width: 58%; z-index: 3; } .showcase-item { float: left; margin: 0 8% 0 0; width: 42%; } .showcase-item:nth-child(2) { margin: 0 0 0 8%; } .showcase-item img { height: auto; width: 100%; } .showcase-item span { display: block; font-size: 1.8rem; text-align: center; } .box.store-module { text-align: center; } .box.store-module .addtocart-button { display: none; } .box.store-module .nspImage { display: block; height: auto !important; width: 100% !important; } .box.store-module .nspHeader { font-size: 1.8rem; line-height: 1.4; margin-top: 20px; padding: 0; text-transform: uppercase; } .box.store-module .nspInfo { padding: 0; } .box.store-module .nspInfo strong { color: #7A8C9C; font-size: 1.8rem; font-weight: 500; line-height: 1.6; } .box.store-module .nspImageWrapper { cursor: pointer; position: relative; } .box.store-module .nspImageWrapper:before { background: rgba(255,255,255,0); content: ""; height: 100%; display: block; pointer-events: none; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 100%; z-index: 1; } .box.store-module .nspImageWrapper:after { border-radius: 50%; content: ""; font-size: 1.6rem; height: 8rem; line-height: 8rem; width: 8rem; top: 50%; left: 50%; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, -50%) scale(0, 0); -moz-transform: translate(-50%, -50%) scale(0, 0); -ms-transform: translate(-50%, -50%) scale(0, 0); -o-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 2; } .box.store-module .nspImageWrapper:hover:before { background: rgba(255,255,255,0.8); } .box.store-module .nspImageWrapper:hover:after { background: #7A8C9C; content: "\02b"; color: #fff; -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } #gkPageContent .gkIsWrapper-gk_box .gkIsText li { color: #757575; } .j4 .input-group { position: relative; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; width: 100%; } .j4 .input-group .form-control, .j4 .input-group-addon, .j4 .input-group-btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .j4 .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .j4 .input-group-addon { padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; border-bottom: 1px solid #ccc; } .j4 .has-danger .input-group-addon, .j4 .has-danger .input-group-addon { border-bottom: 1px solid #d45555; } .j4 .control-group { margin-bottom: 18px; clear: both; } .j4 .control-group .control-label { float: left; width: 220px; padding-top: 5px; padding-right: 5px; text-align: left; } .j4 .control-group .control-label label { margin: 0; } .j4 .control-group .control-label .form-control-feedback { display: block; font-size: 80%; } .j4 #jform_consentbox { border: 0; padding: 0; } .j4 .control-group .control-label + .controls { margin-left: 220px; } .j4 .control-group .control-label + .controls #remember { width: auto; } .j4 .control-group .control-label + .controls .btn { float: none; } .j4 .login ul li { display: inline-block; float: none; } .j4 .input-group-btn .btn + .btn { margin-left: 2px; } .j4 .btn.btn-secondary { background-color: #f3f0e4; color: #3c3e3f; } .j4 .btn.btn-secondary [class^="fa fa-"], .j4 .btn.btn-secondary [class*=" fa-"] { color: #3c3e3f; } .j4 .btn.btn-secondary:active, .j4 .btn.btn-secondary:focus, .j4 .btn.btn-secondary:hover { background: #3c3e3f; color: #fff; } .j4 .btn.btn-secondary:active [class^="fa fa-"], .j4 .btn.btn-secondary:active [class*=" fa-"], .j4 .btn.btn-secondary:focus [class^="fa fa-"], .j4 .btn.btn-secondary:focus [class*=" fa-"], .j4 .btn.btn-secondary:hover [class^="fa fa-"], .j4 .btn.btn-secondary:hover [class*=" fa-"] { color: #fff; } .j4 #modules-form fieldset > div #jform_params_image_show_data-lbl { display: none; } .j4 #modules-form legend { border-bottom: 1px solid #e5e5e5; margin-bottom: 50px; } .j4 #modules-form div[role="toolbar"], .j4 #modules-form .btn-toolbar { margin-top: 50px; margin-bottom: 50px; clear: both; float: none; text-align: right; } .j4 #modules-form div[role="toolbar"] .btn-group + .btn-group, .j4 #modules-form .btn-toolbar .btn-group + .btn-group { margin-left: 5px; } .j4 #modules-form div[role="toolbar"] .btn-primary, .j4 #modules-form .btn-toolbar .btn-primary { border: 0; } .j4 .js-switcher { position: relative; box-sizing: content-box; display: inline-block; width: 60px; height: 26px; margin-top: 2px; vertical-align: middle; cursor: pointer; user-select: none; background-color: #f9f9f9; background-clip: content-box; border: 1px solid rgba(0,0,0,0.12); border-radius: 0.25rem; box-shadow: 0 0 0 0 #dfdfdf inset; transition: border .4s ease 0s, box-shadow .4s ease 0s; } .j4 .js-switcher.active { background-color: #64bd63; border-color: #64bd63; box-shadow: 0 0 0 16px #64bd63 inset; transition: border .4s ease 0s, box-shadow .4s ease 0s, background-color 1.2s ease 0s; } .j4 .js-switcher.switcher-danger.active { background-color: #bc6564; border-color: #bc6564; box-shadow: 0 0 0 16px #bc6564 inset; } .j4 .js-switcher.switcher-primary.active { background-color: #648fba; border-color: #648fba; box-shadow: 0 0 0 16px #648fba inset; } .j4 .js-switcher input { position: absolute; top: 0; left: 0; z-index: 2; width: 50px; height: 26px; padding: 0; margin: 0; cursor: pointer; zoom: 1; filter: alpha(opacity=0); opacity: 0; } .j4 .js-switcher .switch { position: absolute; top: 0; width: 30px; height: 26px; background: #fefefe; border-radius: 0.25rem; box-shadow: 0 0 1px rgba(0,0,0,0.1) inset, 0 1px 3px rgba(0,0,0,0.15); transition: left .2s ease 0s; } .j4 .js-switcher input:checked ~ .switch { left: 0; } .j4 .js-switcher input ~ :checked ~ .switch { left: 30px; } .j4 .js-switcher input:checked { z-index: 0; } .j4 .switcher-labels { position: relative; margin-left: 10px; } .j4 .switcher-labels span { position: absolute; top: 0; left: 0; color: #aaa; visibility: hidden; opacity: 0; transition: all .2s ease-in-out; } .j4 .switcher-labels span.active { visibility: visible; opacity: 1; transition: all .2s ease-in-out; } .alert { border: 2px solid #eee !important; color: #3c3e3f !important; padding: 2rem 3rem 2rem 6rem !important; position: relative; background: #fff !important; } .alert:before { font-family: FontAwesome; font-size: 2.3rem; left: 2rem; position: absolute; text-align: center; top: 1.5rem; width: 20px; } .alert.info, .alert.alert-info { color: #3c3e3f !important; } .alert.info:before, .alert.alert-info:before { color: #757575; content: "\f0e6"; } .alert.success { border-color: #82c271; } .alert.success:before { color: #82c271; content: "\f0eb"; } .alert.notice { border-color: #7A8C9C; } .alert.notice:before { color: #7A8C9C; content: "\f071"; } .alert.error { border-color: #d45555; } .alert.error:before { color: #d45555; content: "\f057"; } .highlight { background: #ffd; cursor: default; padding: 1px 5px; text-shadow: none; } pre { margin: 3rem 0 0; padding: 3rem; white-space: pre-wrap; word-wrap: break-word; } code, pre { background-color: #f6f6f6; font-family: Courier, monospace; } .item-body > div[itemprop="articleBody"] ul, .item-body > .itemIntroText ul, .item-body > .itemFullText ul, .list-1, .list-2, .list-3 { margin: 1.5em 0 2em; padding: 0; } .item-body > div[itemprop="articleBody"] ul > li, .item-body > .itemIntroText ul > li, .item-body > .itemFullText ul > li, .list-1 > li, .list-2 > li, .list-3 > li { list-style: none; overflow: inherit; padding: 10px 0 10px 42px; position: relative; } .item-body > div[itemprop="articleBody"] ul > li:before, .item-body > .itemIntroText ul > li:before, .item-body > .itemFullText ul > li:before, .list-1 > li:before, .list-2 > li:before, .list-3 > li:before { color: #3c3e3f !important; font-family: FontAwesome; position: absolute; left: 0; top: 5px; } .item-body > div[itemprop="articleBody"] ul > li, .item-body > .itemIntroText ul > li, .item-body > .itemFullText ul > li { padding: 0.4rem 0 0.4rem 2.4rem; } .item-body > div[itemprop="articleBody"] ul > li:before, .item-body > .itemIntroText ul > li:before, .item-body > .itemFullText ul > li:before { top: 10px; } .item-body > div[itemprop="articleBody"] ul li:before, .item-body > .itemIntroText ul li:before, .item-body > .itemFullText ul li:before { color: #3c3e3f; content: "\f111"; font-size: 0.6rem; } .list-1 li:before { content: "\f14a" !important; font-size: 1.4rem !important; top: 8px !important; } .list-2 li:before { content: "\f006" !important; font-size: 1.5rem !important; top: 8px !important; } .list-3 li:before { content: "\f0a9" !important; font-size: 1.5rem !important; top: 8px !important; } .numblock { font-weight: 400; margin: 0 0 24px; min-height: 48px; padding: 0 0 0 62px !important; position: relative; } .numblock span { border: 2px solid #7A8C9C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #7A8C9C; display: block; font-size: 1.4rem; font-weight: bold; height: 40px; left: 0; line-height: 36px; position: absolute; text-align: center; top: 5px; width: 40px; } .block-1, .block-2 { background: #f6f6f6; padding: 40px; } .block-2 { background: #FFFEF4; } .legend { border: 4px double #eee; margin: 3em 0; padding: 40px; } .legend h4 { background: #fff; color: #3c3e3f; float: left; font-size: 1.4rem; font-weight: 400; left: 11px; line-height: 18px; margin: 0 0 -9px !important; padding: 0 10px; position: relative; text-transform: uppercase; top: -52px; } .legend p { clear: both; margin: 7px; } blockquote { background: #f6f6f6; border-left: 6px solid #7A8C9C; color: #3c3e3f; margin: 5rem 0; padding: 2.7rem 5.4rem; font-style: italic; } blockquote:before { color: #7A8C9C; content: open-quote; font-size: 5.4rem; line-height: 0; margin-right: 2rem; vertical-align: -0.5em; } blockquote > cite { color: #3c3e3f; display: block; font-size: 1.3rem; font-weight: 600; margin: 1em 0 0; } .block-left, .block-right { color: #3c3e3f; display: block; font-style: italic; width: 30%; } .block-left { float: left; margin: 2rem 4rem 2rem 0; } .block-right { float: right; margin: 2rem 0 2rem 4rem; } #demo-typography { background: transparent; overflow: hidden; padding: 10px 40px 40px; } #demo-typography li { color: #7A8C9C; float: left; font-size: 1.1rem; line-height: 24px; list-style-type: disc; width: 23.9%; } #demo-typography li a { font-size: 1.1rem; text-shadow: 2px 2px 0 #fff; } #warnings p { margin: 1em 0; } .demo-typoDiv { clear: both; } .demo-typoDiv:after { clear: both; content: ""; display: table; } .demo-typo { margin: 60px 0 20px; } .demo-typo-col2 { float: left; width: 50%; } .demo-typo-col3 { float: left; width: 33%; } .demo-typo-col4 { float: left; width: 25%; } #warnings .demo-typo_padd p { margin: 1em 0 1.6em; } .typoDesc small { color: #757575; font: normal 11px Monaco, Consolas, "Courier News", monospace; } .bubble-2 small { color: #fff; } .gkblock-3 small { color: #353639 !important; } .helpTooltip { background: #7A8C9C; color: #fff; } .item-body .the-icons { border-top: 1px solid #eee; margin-bottom: 32px; overflow: hidden; } .item-body .the-icons > li { border: 1px solid #eee; border-right: none; border-top: none; float: left; padding: 15px 20px; width: 25%; } .item-body .the-icons > li:nth-child(4n), .item-body .the-icons > li:last-child { border-right: 1px solid #eee; } .the-icons > li:before { display: none; } [class^="fa fa-"], [class*=" fa-"] { color: #3c3e3f; padding-right: 8px; } .pixellove .the-icons > li i { color: #3c3e3f; font-size: 1.8rem; margin-right: 1rem; } .element-invisible { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; clip-path: inset(50%); } .hidden { display: none; visibility: hidden; } joomla-alert { display: none; } .topkont { margin: 0; line-height: 80px; font-size: 16px; } .topkont a:first-child { border-right: 1px solid; } .uk-grid > * { padding-left: 60px !important; } .uk-grid { margin-left: -60px !important; } .uk-margin span { font-size: 14px; } a.uk-button { background: #87A5C2; color: #fff !important; font-size: 18px; padding: 10px 40px !important; border-color: #87A5C2 !important; } a.uk-button:hover { background: #87A5C2; color: #fff; border-color: #87A5C2 !important; } .topkont img { display: inline-block; vertical-align: middle; height: 32px; margin: -5px 15px 0px 0px; } #gkBottom2 .box {padding: 0; width: 100%;} .uk-panel-title span { font-family: 'ProbaPro'!important; font-size: 18px !important; display: block; margin-bottom: 5px; } .uk-margin p strong { font-weight: 700; font-size: 21px; } .uk-panel-title { font-family: 'PlayfairDisplay' !important; font-size: 28px !important; line-height: 1.4 !important; font-weight: 400 !important; } .topkont a { padding: 0 10px; } #pwebcontact981_toggler { width: auto; font-size: 16px !important; background: #87A5C2; color: #fff; margin: 20px 20px; line-height: 30px; height: 30px; padding: 5px 30px; } #pwebcontact981_toggler:hover { background: #87A5C2; } .pweb-slidebox .pwebcontact-container, .pweb-modal .pwebcontact-container { background: #87A5C2 url("../images/fon3.jpg") no-repeat scroll left center !important; padding: 35px 35px 35px 395px !important; } form.pwebcontact-form .pweb-field-container h3 { color: #fff; text-transform: none; font-size: 24px; } .pwebcontact-box.pweb-modal { max-width: 700px !important; } form.pwebcontact-form .pweb-msg > div { padding: 0 !important; } .slider { margin: 0 auto !important; max-width: 1280px; padding: 5% 30px 5% 180px; width: 80%; } .slider .uk-overlay.uk-overlay-hover { line-height: 0; } .slider .uk-flex-middle { -ms-flex-align: end; -webkit-align-items: end; align-items: end; } .slider .uk-panel-space { padding: 0; } .ktoya .uk-panel-space { border-left: 1px solid #eee; padding: 0px 0px 0px 40px; } .ktoya .uk-width-medium-1-2.uk-text-center.uk-float-right.uk-flex-order-last-medium + .uk-width-medium-1-2 { background: url("../images/logo.png") no-repeat scroll 20px 0px/ auto 60px; border-left: 1px solid #eee; padding-left: 90px !important; margin-left: 5%; width: 45%; } .komu .uk-row-first { background: url("../images/logo.png") no-repeat scroll 20px 0px/ auto 60px; border-left: 0px solid; padding-left: 90px !important; margin-left: 5%; width: 45%; } .komu .uk-row-first * + .uk-margin { margin-bottom: 60px; } .komu .uk-row-first .uk-margin + .uk-margin { margin-bottom: 60px; } .komu .uk-row-first > div{ border-left: 0px solid !important; padding: 0px 0px 0px 40px; } .komu .uk-row-first > .uk-panel::before { border-left: 1px solid #eee; height: 570px; position: absolute; margin-left: -40px; } .komu .uk-row-first + div .uk-margin p strong { display: inline-block; margin-bottom: 10px; } .komu .uk-row-first + div .uk-margin p { border-left: 1px solid #eee; padding-left: 40px; margin-bottom: 0; margin-top: 40px; } #gkMainbody .box + .box { width: 100%; padding: 140px 0 0 ; } #gkBottom1 { background: #EFF3F8; } .ktoya .uk-margin + p a { text-decoration: underline; margin-top: 85px !important; display: block; } .ktoya .uk-margin > img { position: absolute; right: -60px; } .uslugi .uk-panel { border-left: 1px solid #ccc; padding: 0px 0px 0px 40px; } .uslugi .uk-row-first .uk-panel .uk-panel-title { margin-bottom: 60px; } .uslugi .uk-row-first + div { margin-top: 107px; } .uslugi .uk-row-first .uk-panel { padding: 0px 0px 0px 40px; } .kak .uk-margin .moduletable { margin-bottom: 80px; } .pochemu .uk-flex-middle { -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; align-items: baseline; } .pochemu { } .pochemu .uk-panel-space { padding: 0 260px 0 0; position: static; } .uk-margin + p a { text-decoration: underline; } .pochemu .uk-panel-space .uk-margin > div { width: 200px; position: absolute; right: 0; top: 0px; border-left: 1px solid #eee; padding-left: 20px; font-family: 'PlayfairDisplay' !important; font-size: 24px; text-transform: uppercase; bottom: 0; } .pochemu .uk-panel-space .uk-margin > div > img { position: absolute; right: 220px; } #gkBottom2 .box + .box { padding-top: 100px; } .preim .uk-text-center.uk-panel-teaser { text-align: left !important; } .preim .uk-grid-margin { margin-top: 60px; } .preim.uk-grid { margin-left: -120px !important; } .preim.uk-grid > * { padding-left: 120px !important; } #gkBottom3 { background: url("../images/fon2.jpg") no-repeat scroll center center/ cover; } #gkBottom3 .kak, .kak .uk-panel-title, #pwebcontact982_text-0 h3 { color: #fff; margin-bottom: 20px !important; } .uk-margin .topkont a:first-child { padding-left: 0; } .uk-margin .topkont { margin: 0; line-height: 28px; font-size: 18px; } .item-640 { display: none; } .inter > div.uk-row-first + div { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: 5%; width: 28%; padding-top: 60px; } .inter > div.uk-row-first + div .uk-margin .uk-panel-title { font-family: 'PlayfairDisplay' !important; font-size: 24px !important; line-height: 1.4 !important; font-weight: 400 !important; text-transform: uppercase; color: #7A8C9C; text-transform: uppercase;} } .inter > div.uk-row-first + div .uk-margin { } #gkBottom4 { background: #EFF3F8; } .kak .uk-row-first:first-child { background: url("../images/logo_wite.png") no-repeat scroll 20px 0px/ auto 60px; border-left: 0px solid; padding-left: 90px !important; margin-left: 5%; width: 45%; } .kak .uk-row-first:first-child > div { border-left: 0px solid !important; padding: 0px 0px 0px 40px; } #pwebcontact982_text-0 h3 { font-family: 'PlayfairDisplay' !important; font-size: 24px !important; line-height: 1.4 !important; font-weight: 400 !important; text-transform: none; } #gkTop1 + #gkTop2 .gk-clearfix { max-width: 100%; padding: 0; } .pweb-labels-over form.pwebcontact-form .pweb-label-over label { padding: 0px 10px 0 !important; font-size: 16px; font-family: 'ProbaPro'; color: #fff !important; line-height: 50px; background: none; } form.pwebcontact-form input.invalid.pweb-input, form.pwebcontact-form select.invalid, form.pwebcontact-form textarea.invalid { border-color: #f00 !important; -webkit-box-shadow: 0 1px 1px #f00, 0 0px 1px rgba(0, 0, 0, 0.2) inset !important; -moz-box-shadow: 0 1px 1px #f00, 0 0px 1px rgba(0, 0, 0, 0.2) inset !important; box-shadow: 0 1px 1px #f00, 0 0px 1px rgba(0, 0, 0, 0.2) inset !important; } form.pwebcontact-form .pweb-field-container { margin-bottom: 15px; } form.pwebcontact-form input.pweb-input, form.pwebcontact-form select { max-width: 100%; line-height: 50px !important; height: 50px !important; background: none; color: #fff; padding: 0 10px !important; font-size: 18px; font-family: 'ProbaPro'; } .pweb-static .pwebcontact-container { padding: 0 !important; } .kak .uk-row-first:first-child > .uk-panel::before { border-left: 1px solid #eee; height: 350px; position: absolute; margin-left: -40px; } #pwebcontact981_text-0 { background: url("../images/logo_wite.png") no-repeat scroll 0px 0px/ auto 50px; } #pwebcontact981_text-0 h3 {padding-left: 50px; padding-top: 20px; } .kak .uk-row-first:first-child + * { padding-left: 120px !important; } .kak .uk-panel-title + .uk-margin img { float: left; margin-right: 30px; margin-top: 0px; } .kak .uk-row-first:first-child .uk-panel-title + .uk-margin { margin-top: 60px; } .kak .uk-panel-title + .uk-margin > div{ line-height: 1; display: block; } .uk-panel-title { margin-bottom: 30px !important; } form.pwebcontact-form button, form.pwebcontact-form .btn { font-size: 18px!important; text-transform: none; border: none !important; color: #7A8B9B !important; background: #fff !important; font-weight: 400; margin-top: 40px; text-shadow: none !important; font-family: 'ProbaPro' !important; padding: 0px 40px !important; line-height: 50px !important; box-shadow: none !important; } .uk-margin .topkont a { display: inline-block !important; } .footer { width: 80%; margin: 0 auto !important; } .footer .uk-row-first { width: 25%; padding: 0 !important; } .footer .uk-row-first + * .uk-margin > a.uk-button { display: inline-block !important; } .footer .uk-row-first + * .uk-margin > .menu a { padding: 0 15px; } .footer .uk-row-first + * { width: 65%; float: right; text-align: right; padding: 0 !important; margin-left: 10%; } .footer .uk-row-first + * .uk-margin { text-align: right !important; float: right; } .footer .uk-row-first + * .uk-panel { align-items: flex-end; display: flex; } .footer .uk-row-first + * .uk-margin > .menu { border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px; } .slider2 .uk-slideshow, .slider2 .uk-slideshow > *{ height: 600px !important; } .slider2 .uk-margin { position: relative; align-items: flex-end; display: flex; width: 80%; padding-left: 10%; margin: 0 auto; max-width: 1280px; } .slider2 .uk-margin iframe { position: absolute; top: -25px; background: #fff; left: -100px; height: 240px !important; } .ktoya .uk-margin a { text-decoration: underline; line-height: 50px; } .slider2 .uk-overlay-background { background:linear-gradient(90deg, rgba(0,0,0,.1) 40%, #EFF3F8 40%); color: #444; } /* Sweep To Right */ a.uk-button, form.pwebcontact-form .btn, .pwebcontact_toggler { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } a.uk-button:before , form.pwebcontact-form .btn:before , .pwebcontact_toggler:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #7A8C9C; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } a.uk-button:hover, a.uk-button:focus, a.uk-button:active, form.pwebcontact-form .btn:hover, form.pwebcontact-form .btn:focus, form.pwebcontact-form .btn:active , .pwebcontact_toggler:hover, .pwebcontact_toggler:focus, .pwebcontact_toggler:active { color: #fff !important; } #pwebcontact989_box { } .uk-slidenav-position .uk-slidenav-previous { left: -60px !important; } .uk-slidenav-position .uk-slidenav { display: block; } .uk-slidenav-position .uk-slidenav-next { right: -60px !important; } #pwebcontact989_container { } #pwebcontact989_text-0 img { margin-bottom: 20px; } #pwebcontact989 { display: none; } #pwebcontact989_container .pweb-field-container.pweb-field-name.pweb-label-over, #pwebcontact989_container .pweb-field-container.pweb-field-phone.pweb-label-over, #pwebcontact989_container .pweb-field-container.pweb-field-email.pweb-label-over { width: 100%; float: left; margin: 0%; } #pwebcontact989_text-0 h3 { font-size:28px; line-height: 1.2; margin-bottom: 15px; } #pwebcontact989_text-0 { color: #fff; font-size: 14px; } a.uk-button:hover:before, a.uk-button:focus:before, a.uk-button:active:before, form.pwebcontact-form .btn:hover:before, form.pwebcontact-form .btn:focus:before, form.pwebcontact-form .btn:active:before, .pwebcontact_toggler:hover:before, .pwebcontact_toggler:focus:before, .pwebcontact_toggler:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); } #gkPageContent { background: #F0F3F8; } .subpage .uslugi .uk-row-first + * .uk-panel { border-left: 0px solid #ccc; padding: 0px 0px 0px 0px; } .subpage .uslugi .uk-row-first + div { margin-top: 90px; } .subpage .uslugi a.uk-button { margin-top: 40px; } .uslugi.bk .uk-grid-margin.uk-row-first { margin-top: 90px !important; } .uslugi.bk .uk-panel { border-left: 0px solid #ccc !important; } .subpage .uslugi.bk .uk-row-first + * .uk-panel { padding: 0px 0px 0px 40px; } .uslugi.bk .uk-grid-margin .uk-panel { border-left: 1px solid #ccc !important; } .frontpage .uslugi .uk-margin > p > img { margin-right: 15px; float: left; margin-bottom: 40px; } .frontpage .uslugi .uk-margin > p { margin-bottom: 40px; } @media (min-width: 1600px) { .slider2 .uk-slideshow, .slider2 .uk-slideshow > * { height: 700px !important; } .pwebcontact-box.pweb-modal { margin: 10% auto !important; max-width: 800px !important; } } .slider.mob { display: none; } #gkMainbodyBottom { padding-top: 140px; } .preim .uk-panel-title { font-size: 24px !important; } #pwebcontact988_text-0, #pwebcontact986_text-0, #pwebcontact987_text-0 { color: #fff; font-size: 14px; margin-bottom: 20px; } #pwebcontact988_text-0 ul, #pwebcontact986_text-0 ul, #pwebcontact987_text-0 ul { padding-left: 20px; } #pwebcontact988_text-0 ul li, #pwebcontact986_text-0 ul li, #pwebcontact987_text-0 ul li { list-style: disc; } #pwebcontact988_send, #pwebcontact986_send{ margin-top: 30px; } #pwebcontact986_toggler, #pwebcontact987_toggler, #pwebcontact988_toggler, #pwebcontact997_toggler{ display: none !important; } #pwebcontact986_box, #pwebcontact987_box { max-width: 800px !important; } #pwebcontact988_box { max-width: 600px !important; } #pwebcontact988_form .pweb-field-container.pweb-field-phone.pweb-label-over, #pwebcontact988_form .pweb-field-container.pweb-field-name.pweb-label-over, #pwebcontact986_form .pweb-field-container.pweb-field-phone.pweb-label-over, #pwebcontact986_form .pweb-field-container.pweb-field-name.pweb-label-over ,#pwebcontact987_form .pweb-field-container.pweb-field-phone.pweb-label-over, #pwebcontact987_form .pweb-field-container.pweb-field-name.pweb-label-over { width: 46%; float: left; margin: 0 2%; } #pwebcontact997_container { background: #87A5C2 url("../images/fon3.jpg") no-repeat scroll left center /auto 100% !important; padding: 35px 35px 35px 415px !important; } #pwebcontact997_box { max-width: 900px !important; } form.pwebcontact-form .pweb-field-container h4 { color: #fff; text-transform: none; font-size: 18px; line-height: 1; } .pweb-field-container.pweb-field-email.pweb-field-email_6.pweb-label-over { display: block; float: left; width: 100%; } .pwebcontact-container form.pwebcontact-form input.invalid.pweb-input, .pwebcontact-container form.pwebcontact-form select.invalid, .pwebcontact-container form.pwebcontact-form textarea.invalid { box-shadow: none !important; } .pweb-field-container.pweb-field-buttons { display: inline-block; } div.mob { display: none; } .tel{ animation: tel 2s infinite; -webkit-animation: tel 2s infinite; -moz-animation: tel 2s infinite; -o-animation: tel 2s infinite; -ms-animation: tel 2s infinite; } @keyframes tel{ 0% { transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { transform: rotate(-3deg) scaleX(0.70) scaleY(0.70) ; } 20% { transform: rotate(-3deg) scaleX(0.70) scaleY(0.70) ; } 30% { transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 40% { transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 50% { transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 60% { transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 70% { transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 80% { transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 90% { transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 100% { transform: rotate(0deg) scaleX(1.0) scaleY(1.0) ; } } @-moz-keyframes tel{ 0% { -moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 20% { -moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 30% { -moz-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 40% { -moz-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 50% { -moz-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 60% { -moz-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 70% { -moz-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 80% { -moz-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 90% { -moz-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 100% { -moz-transform: rotate(0deg) scaleX(1.0) scaleY(1.0) ; } } @-webkit-keyframes tel { 0% { -webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 20% { -webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 30% { -webkit-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 40% { -webkit-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 50% { -webkit-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 60% { -webkit-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 70% { -webkit-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 80% { -webkit-transform: rotate(-3deg) scaleX(1.0) scaleY(1.0) ; } 90% { -webkit-transform: rotate(3deg) scaleX(1.0) scaleY(1.0) ; } 100% { -webkit-transform: rotate(0deg) scaleX(1.0) scaleY(1.0) ; } } @-o-keyframes tel { 0% { -o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 20% { -o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 30% { -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 40% { -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 50% { -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 60% { -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 70% { -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 80% { -o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 90% { -o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 100% { -o-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ; } } @-ms-keyframes tel { 0% { -ms-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 20% { -ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80) ; } 30% { -ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 40% { -ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 50% { -ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 60% { -ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 70% { -ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 80% { -ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20) ; } 90% { -ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20) ; } 100% { -ms-transform: rotate(0deg) scaleX(1.20) scaleY(1.20) ; } }