/* Contact */ p.contact-position { margin: -14px 0 32px; font-size: 10px; text-transform: uppercase; color: #333 } div.contact-misc { margin:20px 0 20px } div.contact-misc p { margin: 0 0 30px; } .gkFirst { clear: both; float: left; } .gkSecond { float: right; } .contact { padding:0; } .contact h3 { font-size: 180%; margin-top:12px; } .contact-category { margin-top: 30px; } .contact-category #adminForm fieldset.filters { border:0; padding:0 } .contact-image { margin:10px 0; overflow:hidden; } .contact-image img { width:492px; padding:4px; border:1px solid #eee; } .contact-contactinfo span { display: block; } address { border-left: 1px solid #e5e5e5; padding-left: 10px; margin:0;min-height: 40px; } span.contact-image { margin-bottom: 10px; overflow:hidden; display:block } .contact-address { clear: both;margin:15px 0 0; padding: 0 0 0 40px; background: url('../images/icons/contact_adress.png') no-repeat 0 4px; } .jform_contact { display: inline-block; margin: 30px 50px; } .jicons-text { display: none; } .contact-misc h4 { text-transform:none !important;} div.contact-contactinfo p { margin: 15px 0 0; padding: 0 0 0 40px; } div.contact-contactinfo p > span { min-height: 40px; padding-left: 10px; border-left: 1px solid #e5e5e5 } .contact-emailto { background: url('../images/icons/contact_mail.png') no-repeat 0 4px; } .contact-telephone { background: url('../images/icons/contact_phone.png') no-repeat 0 4px; } .contact-fax { background: url('../images/icons/contact_fax.png') no-repeat 0 4px; } .contact-mobile { background: url('../images/icons/contact_mobile.png') no-repeat 0 4px; } .contact-webpage { background: url('../images/icons/contact_web.png') no-repeat 0 4px; } .contact-contactinfo { font-style: italic } span.contact-street { margin-bottom: 0px } .contact-email div { padding:2px 0; margin:0 0 10px 0; } .contact-email label { width:17em; float:left; } #contact_textmsg { padding: 2px 0 10px 0 } #contact-email-copy { float:left; margin-right:10px; } #contact-form dt { margin: 6px 0 0 3px; } .contact .button { clear:left; display:block; margin:0px 0 0 43px; float: right; } .jicons-icons { display: none; } .jform_contact_first { border-right: 1px dashed #D3CBB9; float: left; margin-right: 20px; padding-right: 20px; width: 44%;} .jform_contact_secend { float: right; width:54% } .contact-email input, .contact-email textarea { clear: both; display:block; } .contact label#jform_contact_email_copy-lbl { font-size: 13px; font-weight: normal; line-height: 1.4; margin-top: 7px; margin-left: 20px; position: absolute;} #jform_contact_email_copy { margin: 0; width: auto;} .contact #jform_contact_message { } .contact #jform_contact_emailmsg, #jform_contact_email, #jform_contact_name { } .jform_contact_first h4 { border-bottom: 1px solid #EEEEEE; font-size: 28px; text-align:center; font-weight: 400; line-height: 1; text-transform: uppercase; margin-bottom: 10px; padding:0px 0px 5px ; } .contact-form { margin-top: 15px; } .jform_contact_secend h4 { border-bottom: 1px solid #EEEEEE; font-size: 28px; text-align:center; font-weight: 400; line-height: 1; text-transform: uppercase; margin-bottom: 10px; padding:0px 0px 5px ;} .contact-miscinfo h4 { border-bottom: 1px solid #EEEEEE; font-size: 28px; text-align:center; font-weight: 400; line-height: 1; text-transform: uppercase; margin-bottom: 10px; padding:0px 0px 5px ; } .contact-miscinfo { border-top: 0px solid #e5e5e5; display: block; float: left; width: 100% !important; } .contact { } @font-face { font-family: 'BEBASNEUEREGULAR'; src: url('../fonts/BEBASNEUEREGULAR.OTF'); font-weight: normal; font-style: normal; } *, *: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; } body { background:rgba(0, 0, 0, 0) url("../images/bg04.png") repeat scroll 0 0; color: #636565; font-size: 16px; font-weight: 300; 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; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a:hover, a:active, a:focus { color: #139F4A; } a.inverse { color: #139F4A; } 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; } #gkLogo { } #gkHeaderNavabc { position: relative; } #gkLogo img {display: block; left: 0; padding: 19px 70px; position: absolute; right: 0; width: auto; z-index: 9; } #gkLogo.text { color: #fff; font-size: 2.6rem; font-weight: bold; line-height: 88px; 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 { } #gkTopMenu a, #gkUser a, #gkSearch a { color: #222; } #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: #eee; } #gkTopMenu li { font-family: "BEBASNEUEREGULAR",Arial,sans-serif !important; float: left; font-size: 15px; font-weight: 300; line-height: 56px; margin-right: 15px; text-transform: uppercase; } #gkTopMenu { } #gkTopMenu .menu { float: right; } #gkSearch { display: none; top: 70px; position: absolute; right: 40px; } #gkSearch input { color: #fff; background: rgba(255, 255, 255, 0.2) scroll center center; border: medium none; font-size: 1.4rem; height: 3.6rem; margin: 10px 0 10px 0rem; padding: 0 30px; width: 300px; } #gkSearch:after1 { content: "\f002"; font-family: FontAwesome; font-size: 18px; height: 1.8rem; line-height: 1.8rem; margin-top: -1rem; position: absolute; right: 15px; top: 50%; color:#fff; } #gkUser { font-family: "BEBASNEUEREGULAR",Arial,sans-serif !important; float: right; font-size: 15px; font-weight: 300; line-height: 56px; margin-right: 15px; text-transform: uppercase; 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: #139F4A; } #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; } .katalog.single-page .item-content { background:#fff;} .katalog.single-page aside#gkSidebar { padding-top:0;} .contentpane.subpage.blog-page.katalog.hasSidebar { background: #fff none repeat scroll 0 0; } .subpage:after { clear: both; content: ""; display: table; } .subpage-transparent { background: transparent; padding: 0; } #gkFooter { background:#236045; color: #fff; font-size: 1.6rem; line-height: 2; margin: 0 auto; padding: 3rem 4rem 3rem; position: relative; } #gkFooter strong { color: #fff; } #gkFooter a { color: #fff; } #gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover { color: #ccc; } #gkCopyrights { color: #fff; float: right; font-size: 15px; line-height: 1.7; font-weight:300; margin: 0; padding: 0; text-align: right; width: 52%; } #gkFooterNav { color: #636565; float: left; font-size: 15px; font-weight: 300; margin: 0; overflow: hidden; width: 48%; } #gkFooterNav li { float: left; } #gkFooterNav a { color: #fff; display: block; padding: 0 15px; } #gkFooterNav a:active, #gkFooterNav a:focus, #gkFooterNav a:hover { color: #ccc; } #gkBackToTop { float: left; padding: 0 15px 0 0 !important; } #gkBackToTop > svg { fill: #fff; height: 3.6rem; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: #139F4A; } .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 label { color: #636565; font-size: 1.1rem; font-weight: normal; line-height: 27px; } .box { line-height: 1.6; position: relative; width: 100%; } #gkSidebar .box { background: #fff none repeat scroll 0 0; padding: 20px; } .box li { line-height: 1.3; } .box li a, .box li .separator { color: #139F4A; 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 { border-bottom: 1px solid #ddd; font-size: 20px; font-weight: 400; margin: 0 0 15px; padding-bottom: 0; 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: #999 !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: #139F4A; } .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: #139F4A !important; } .box.color .box-wrap, .box.color-bg .box-wrap, .box.animated-color-bg .box-wrap { background: #139F4A; 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: #139F4A; color: #fff; overflow: hidden; padding: 13rem; 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 #139F4A; padding: 45px 45px 35px 45px; } .box.border1 .header, .box.border2 .header { color: #139F4A; float: left; font-weight: 600; margin: -15px 0 20px 0; padding: 10px 0 0 0; } .box.border1 a, .box.border2 a { color: #139F4A; } .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: #139F4A; } .box ul.menu ul { padding: 0 10px 10px 10px; margin: 0; } .box ul.menu li { border-bottom: 1px solid #ddd; line-height: 1; padding-left: 10px; } .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: #139F4A !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; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; 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 { } .box.big-title .header { font-weight: 400; text-align: center; } .box.big-title .header > span { } .box .header > small { color: #636565; font-size: 17px; line-height: 1.6; margin: 10px 0 10px; text-transform: none; font-family: arial; } .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: 40px 0 0; } #gkTop1, #gkTop2 { padding: 4rem 0; } #gkTop1 + #gkTop2 { } #gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5 { overflow: hidden; padding: 4rem 0; } .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: 0px 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 13rem 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: 13rem; } 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: 13rem; 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: 13rem; } #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; } .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; } #gkPageContent { } .frontpage-grid #gkSidebar { padding: 0 !important; } #gkHeader { background: #fff !important; padding: 0px 0 0 0; position: relative; z-index: 999; } #gkHeaderNav { background: #fff !important; margin: 0 auto; position: relative !important; top: 0; -webkit-transition: background-color .25s ease-out; -moz-transition: background-color .25s ease-out; -ms-transition: background-color .25s ease-out; -o-transition: background-color .25s ease-out; transition: background-color .25s ease-out; z-index: 1000; } #gkHeaderNav.fixed-menu { position: fixed; } #gkHeaderNav .gkMainMenu { color: #3c3e3f; cursor: pointer; display: block; font-size: 17px; font-weight: 300; margin: 0; padding: 0 0 0 264px; position: relative; text-align: center; text-transform: uppercase; top: 0; } #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: #236045; } #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span { height: 78px; line-height: 78px; padding: 0 18px; font-size: 22px; } #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: #444; display: block; position: relative; } #gkHeaderNav .gkMainMenu .gkmenu > li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li > a:hover { color: #236045; } #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 { font-size: 13px; font-weight: 600; display: block; line-height: 1.2 !important; text-align: left; font-family: arial !important; } #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span { color: #3c3e3f; height: auto; padding: 10px 15px ; border-bottom: 1px solid #eee; } #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: #139F4A; } #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: #999; 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: #139F4A; } #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: #139F4A; } #gk-menu-overlay, #gk-menu-overlay-wrap { display: none; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: #000; 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 i { background: #000; 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; -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; width: 32px; } #gkMobileMenu i:before, #gkMobileMenu i:after { background: #000; border-radius: 1px; content: ""; display: block; height: 4px; position: absolute; top: -10px; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; width: 32px; } #gkMobileMenu i: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: #139F4A; } #gkHeaderNav { background: #139F4A; width: 100%; } body.nav-transparent #gkHeaderNav { background: #139F4A; } body.nav-transparent #gkHeaderNav.solid-color { background: #139F4A; } body.nav-transparent #gkHeader { padding-top: 0; } #gkBg, #gkTop { left: 0; position: relative; -webkit-transition: left .3s ease-out; -moz-transition: left .3s ease-out; -ms-transition: left .3s ease-out; -o-transition: left .3s ease-out; 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: #139F4A; } #aside-menu li.last { margin-bottom: 12px; } #aside-menu li a.active { color: #139F4A; } #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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 2; } #close-menu:hover { color: #139F4A; } #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: #139F4A; } #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: #139F4A; } .k2FeedIcon a:before, a.k2FeedIcon:before { color: #139F4A; 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: #999; } .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: #139F4A; color: #fff !important; padding: 2px; } .k2CalendarBlock table.calendar tr td.calendarToday { background: #139F4A; color: #fff; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked { background: #f6f6f6; padding: 0; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked a { display: block; padding: 2px; color: #139F4A; font-size: 1.2rem; font-weight: bold; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover { display: block; background: #139F4A; color: #fff !important; padding: 2px; } .calendarNavLink { color: #139F4A; } .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: #139F4A; } #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 -13rem; position: relative; text-align: center; } .single-page .header-wrap { max-width: 100%; position: relative; } .single-page .header-wrap > img { display: block; margin: 0 auto 30px; 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: #139F4A !important; } .single-page div[itemprop="articleBody"] + .item-social-icons { margin-top: 50px; } .single-page .item-title { border-bottom: 1px solid #eee; color: #3c3e3f; font-size: 28px; font-weight: 400; margin: 0 0 15px; padding-bottom: 0px; text-transform: uppercase; } .single-page .item-title .item-featured > i { color: #139F4A; } .single-page .item-body { clear: none; float: right; margin: 0 0 0 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 { margin: 0px 0 20px; } .katalog .header { float: left; margin-right: 30px; width: 26%; } .katalog.single-page .header-wrap > img { margin: 0 auto 10px; } .grid20 { display: inline-block; float: left; margin-right: 20px; width: 18%; } .grid36.margin_left_40 { min-height: 200px; } .single-page .itemVideoBlock { margin: 4.5rem 0 0 0; text-align: center; } .single-page .itemVideoBlock p { font-size: 1.4rem; color: #999; margin: 0 0 2em; padding: 12px 0; text-align: center; } .single-page .itemVideoBlock p span { display: block; } .single-page > .item-content, .single-page > .itemComments { margin: 0 auto !important; padding: 30px; position: relative; width: 100%; } .single-page > .item-content figure { } .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: #999; font-size: 1.2rem; margin: 0; padding: 1rem 0; text-align: left; } .single-page .itemDateModified { float: right; margin-top: 22px; } .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: 16px; line-height: 1.1; margin:0 0 10px; 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: #139F4A; } .item-top-info a:active, .item-top-info a:focus, .item-top-info a:hover { color: #636565; } .item-readmore { padding: 15px 0 0 0; } .item-readmore .btn { display: inline-block; } .itemAuthor { float: left; margin-top: 15px; font-style: italic; } .itemAuthor > span { margin-right: 5px; } .itemVideoCaption, .itemVideoCredits { color: #999; 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: 0 0 10px; text-transform: uppercase; } .itemAttachmentsBlock + .itemExtraFields { margin-top: 5.4rem; } .itemExtraFields { border-top: 0px 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; -ms-transition: none; -o-transition: none; 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: #139F4A; } .itemTags > li > a, .itemTags > li:before { border-bottom: none; } .itemTags > li > a:hover, .itemTags > li:hover:before { color: #139F4A !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: 20px 0 0 0; padding: 0; } .itemSubheader h3 { border-top: 1px solid #ccc; font-size: 2.4rem; font-weight: bold; margin: 0; padding: 20px 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: 20px 0 0; overflow: hidden; padding: 10px 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: #999; 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-bottom: 30px; width: 100%; } .blog-page .item-list .item-list-row-blank .item-view { padding: 0; } .blog-page .item-list .item-view { background: #f5f5f5; 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: ; } .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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: 0px auto 0; width: 100%; } .blog-page .item-list .item-view .item-featured > i { color: #139F4A; } .blog-page.hasSidebar .item-view .item-image { margin: 13rem 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: #139F4A; } .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: #ff9d27; 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; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .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; } 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: #139F4A; 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: #999; 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: #139F4A; } 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: #999; } 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: 30px; } .page-header { margin: 0 0 5.4rem 0; } .page-header h1, .page-header h2, .page-header h3 { border-bottom: 1px solid #eee; font-size: 28px; font-weight: 400; margin: 0 0 15px; padding-bottom: 0px; text-transform: uppercase; } .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: #139F4A; 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: #139F4A; 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: #139F4A; 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: #139F4A; } .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; } .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; border: 1px solid #e8edf4; } table th a { color: #139F4A; } table th a:hover { color: #3c3e3f; } tbody tr td { border: 1px solid #e8edf4; padding: 1rem 2rem; } tbody tr td.list-author { color: #999; } 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: #139F4A; } .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 .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; } .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: 237px !important; margin-left: 5%; width: 95%; } .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: #139F4A; 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 0 20px !important; text-align: center; } .pagination li { color: #139F4A; 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: #139F4A; } .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: #139F4A; 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 #139F4A; 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 input, .profile #member-profile select, .profile-edit #member-profile input, .profile-edit #member-profile select { width: 100%; } .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 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: #139F4A; } .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; } .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 .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: #139F4A; } .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: #139F4A !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.lang-active { font-weight: 700; } .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; -ms-transition: transform .1s ease-out; -o-transition: transform .1s ease-out; 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; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; 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 .btn-toolbar { margin-bottom: 50px; } .item-page.edit a.btn, .item-page.edit button { background: #139F4A; text-shadow: none !important; } .item-page.edit a.btn:hover, .item-page.edit button:hover { background: #3c3e3f; } .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-"] { display: none; } .item-page.edit .icon-remove, .item-page.edit .icon-calendar { background-image: url('../../../media/jui/img/glyphicons-halflings-white.png') !important; display: block !important; margin: 13px !important; } .item-page.edit .btn { color: #fff !important; line-height: 1; padding: 12px 20px !important; } .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%; } .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: #139F4A; content: "\f044"; font-family: FontAwesome; font-size: 17px; position: relative; top: -5px; } #modules-form .btn { background: #139F4A !important; border: none; color: #fff !important; } #modules-form .radio.btn-group input[type=radio] { display: block; position: relative; top: -5px; } #modules-form .control-label label { display: block; line-height: 20px; min-width: 160px; padding: 15px 20px 15px 0; } #modules-form input[type="text"], #modules-form input[type="password"], #modules-form input[type="number"], #modules-form input[type="email"], #modules-form .input-append .btn, #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 #jform_content { height: 500px !important; } #modules-form .input-prepend .add-on { display: none; } #modules-form .accordion-heading a { color: #139F4A; font-size: 2rem; text-decoration: none !important; } #modules-form .accordion-heading .accordion-toggle { padding: 15px; } #modules-form .btn-group { padding-left: 20px; } #modules-form hr { display: none; } #modules-form .row-fluid { padding: 20px 0; } .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: 30px 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: #139F4A; } .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-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; } #fancybox-content > div > .showcart { float: right; } #fancybox-content > div > .continue_link { float: left; } #fancybox-content > div > h5 { clear: both; line-height: 1.5; margin: 0; padding: 2rem 0; text-transform: none; } .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 -88px !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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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: #139F4A; 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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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: #139F4A; 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: #139F4A; } .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: #139F4A; } .orderlistcontainer .Order { color: #139F4A; float: left; font-weight: bold; height: 2.7rem; line-height: 2.7rem; } .vm-page-counter { color: #999; 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; } .cart-summary td { border: none; } .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: #139F4A; 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: #139F4A; } .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 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: #139F4A; 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: #139F4A; display: block; font-weight: normal; line-height: 1.5; width: 100%; } .gkPopupWrap .gkTotal { color: #139F4A; 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: #139F4A; } .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: #139F4A; } .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 { } .nspArt .nspHeader { color: #3c3e3f; font-size: 13px; font-weight: 400; line-height: 1.2; margin: 0; padding: 10px 0; text-transform: uppercase; } #nsp-nsp-936 .nspArt .nspHeader a { color: #fff; } #nsp-nsp-936 .nspArt .nspText { color: #fff; } .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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .nspArt .nspImageWrapper:hover img { opacity: .75; } .nspArt .nspText { color: #636565; display: block !important; font-size: 15px; line-height: 1.6; margin: 0; padding: 0 0 15px !important; font-weight: 300; } .nspArt .nspInfo { color: #999; 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 { } .nspArt .fright { } .gkArtContentWrap { } .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 { font-size: 17px; margin: 0.5rem 0; font-weight: 300; } .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; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; 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: #139F4A !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: #139F4A !important; } .box.dark .nspPagination li { background: #636565; } .box.dark .nspPagination li.active { background: #139F4A !important; } .box.color .readon { background: #fff; color: #139F4A !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); } #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: #139F4A !important; } .gkTabsGK5 { position: relative; overflow: hidden; } .box.clear-horizontal .gkTabsNav { top: 0; } .gkTabsNav { background: transparent; border-bottom: 0px solid #eee !important; } .gkTabsNav li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #444; cursor: pointer; display: inline-block; font-size: 17px; font-weight: 300; line-height: 1; list-style-type: none; margin: 0 10px; padding: 12px 12px; position: relative; text-align: center; text-transform: uppercase; } .gkTabsNav li:after { background: #eee; bottom: 0; content: ""; display: block; height: 0px; left: 0; position: absolute; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; width: 100%; } .gkTabsNav li:active, .gkTabsNav li:focus, .gkTabsNav li:hover, .gkTabsNav li.active, .gkTabsNav li.active:hover { border-bottom: 1px solid #eee !important; color: #236045; } .gkTabsNav li:active:after, .gkTabsNav li:focus:after, .gkTabsNav li:hover:after, .gkTabsNav li.active:after, .gkTabsNav li.active:hover:after { color: #236045; } .gkTabsContainer { clear: both; overflow: hidden; padding: 0px !important; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: #139F4A !important; } .gkTabsItem { left: -9999px; overflow: hidden; padding:10px 20px 0 !important; position: absolute; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: none; } .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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; 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: 13rem 0 13rem 13rem; 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: #139F4A; bottom: 13rem; color: #fff; left: 13rem; padding: 6.5rem 13rem; 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: #139F4A; } .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 > i { border-radius: 50%; background: #999; 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; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 2.8rem; } .gk-social-icon > i: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 > i.gk-social-icon-twitter:hover { background: #2196f3; } .gk-social-icon > i.gk-social-icon-fb:hover { background: #3b5998; } .gk-social-icon > i.gk-social-icon-gplus:hover { background: #d34836; } .gk-social-icon > i.gk-social-icon-vimeo:hover { background: #1ab7ea; } .gk-social-icon > i.gk-social-icon-linkedin:hover { background: #0077b5; } .gk-social-icon > i.gk-social-icon-instagram:hover { background: #3f729b; } .gk-social-icon > i.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; border: 0px solid #139F4A; } .box.store-module .nspHeader { font-size: 17px; font-weight: 300; line-height: 1.4; margin-top: 20px; padding: 0; text-transform: uppercase; } .box.store-module .nspInfo { padding: 0; } .box.store-module .nspInfo strong { color: #f00; font-size: 28px; font-weight: 300; 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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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: #139F4A; 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); } .alert { border: 2px solid #eee; color: #3c3e3f; padding: 2rem 3rem 2rem 6rem; position: relative; } .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; } .alert.info:before, .alert.alert-info:before { color: #999; content: "\f0e6"; } .alert.success { border-color: #82c271; } .alert.success:before { color: #82c271; content: "\f0eb"; } .alert.notice { border-color: #139F4A; } .alert.notice:before { color: #139F4A; 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 #139F4A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #139F4A; 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 #139F4A; color: #3c3e3f; margin: 5rem 0; padding: 2.7rem 5.4rem; font-style: italic; } blockquote:before { color: #139F4A; 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: #139F4A; 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: #999; font: normal 11px Monaco, Consolas, "Courier News", monospace; } .bubble-2 small { color: #fff; } .gkblock-3 small { color: #353639 !important; } .helpTooltip { background: #139F4A; 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; } #cc-modal-overlay { background: #fff; background-color: rgba(255,255,255,0.9); display: none; width: 100%; height: 1000%; position: fixed; top: 0; left: 0; z-index: 999999; } #cc-modal, #cc-settingsmodal { display: none; width: 100%; height: 1000%; position: fixed; top: 0; left: 0; z-index: 99999999; } #cc-settingsmodal { z-index: 9999999999; } .cc-clear { clear: both; } .cc-link { padding: 1rem !important; } #cc-notification ul.cc-notification-buttons a { font-size: 1.4rem !important; margin-left: 10px; } #cc-notification { background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); position: fixed; z-index: 99999998; left: 0; right: 0; margin: 0 auto; max-width: 900px; padding: 8px; width: 100%; font: 400 1.6rem/1.7 'BEBASNEUEREGULAR', sans-serif; } #cc-notification h2 { font: 500 1.6rem/1.6 'BEBASNEUEREGULAR', sans-serif; margin: 0 0 10px 0; width: 85%; } #cc-notification.cc-bottom { bottom: 20px; } #cc-notification.cc-top { top: 20px; } #cc-notification #cc-notification-permissions { display: none; } #cc-modal #cc-modal-closebutton a, #cc-settingsmodal #cc-settingsmodal-closebutton a { color: #3c3e3f; display: block; width: 18px; height: 18px; position: absolute; top: 20px; right: 30px; } #cc-modal #cc-modal-closebutton a:hover, #cc-settingsmodal #cc-settingsmodal-closebutton a:hover { color: #139F4A; } #cc-modal #cc-modal-closebutton a:before, #cc-settingsmodal #cc-settingsmodal-closebutton a:before { content: "\f00d"; font-family: FontAwesome; font-size: 3.2rem; } #cc-modal #cc-modal-closebutton a span, #cc-settingsmodal #cc-settingsmodal-closebutton a span { display: block; text-indent: -99999em; } #cc-tag { position: fixed; z-index: 999999999; bottom: 0; right: 8%; display: none !important; } #cc-tag.cc-tag-bottom-left { right: auto; left: 8%; } #cc-tag.cc-tag-vertical-left { left: 0; right: auto; bottom: 50%; padding: 16px 6px; } #cc-tag.cc-tag-vertical-left a { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); margin-left: -82px; padding: 8px 12px 60px 12px; } #cc-tag.cc-tag-vertical-right { right: 0; bottom: 50%; padding: 16px 6px; } #cc-tag.cc-tag-vertical-right a { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); margin-right: -82px; padding: 8px 12px 60px 12px; } #cc-tag a { -webkit-appearance: none; background: #3c3e3f; border: none; border-radius: 2px 2px 0 0; color: #fff !important; cursor: pointer; display: inline-block; font: 500 1.6rem/1.6 'BEBASNEUEREGULAR', sans-serif; height: auto; line-height: 25px; margin: 0 5px 2px 2px; padding: 10px 20px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #cc-tag a:active, #cc-tag a:focus, #cc-tag a:hover { background: #139F4A; } #cc-notification ul.cc-notification-buttons { position: absolute; right: 16px; top: 20px; width: 360px; } #cc-notification ul.cc-notification-buttons a { float: right; font-size: 1.6rem; } #cc-notification #cc-notification-wrapper { padding: 10px 320px 0 32px; } #cc-notification #cc-notification-wrapper h2 { border: none; padding: 6px 0; text-transform: none; } #cc-notification #cc-notification-permissions ul { margin: 0 0 26px; padding: 0; list-style: none; float: left; } #cc-notification #cc-notification-permissions ul li { margin: 0 0 10px 30px; padding: 6px 0 0; list-style: none; width: 440px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } #cc-notification #cc-notification-permissions ul li label { color: #636565; display: block; font-weight: normal; text-transform: none; } #cc-notification #cc-notification-permissions ul li input { float: left; margin-left: -30px; margin-top: 0; } #cc-notification #cc-notification-permissions ul li strong { color: #010101; display: block; } #cc-modal #cc-modal-wrapper, #cc-settingsmodal-wrapper { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); font: 400 1.6rem/1.6 'BEBASNEUEREGULAR', sans-serif; margin: 40px auto; max-height: 8%; min-height: 560px; padding: 60px; position: relative; overflow-y: auto; overflow-x: hidden; text-align: left; width: 686px; } #cc-modal #cc-modal-wrapper h2, #cc-settingsmodal-wrapper h2 { font-size: 2.6rem; margin: 0 0 12px; } #cc-modal #cc-modal-wrapper ul, #cc-settingsmodal-wrapper ul { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; list-style: outside none none; margin: 50px 0 0; padding: 0 0 35px; } #cc-modal #cc-modal-wrapper ul li, #cc-settingsmodal-wrapper ul li { clear: both; padding: 30px 0 0; position: relative; } #cc-modal #cc-modal-wrapper label, #cc-settingsmodal-wrapper label { color: #777; display: inline-block; font-weight: normal; letter-spacing: normal; text-transform: none; width: 60%; } #cc-modal #cc-modal-wrapper label strong, #cc-settingsmodal-wrapper label strong { color: #010101; display: block; } #cc-modal #cc-modal-wrapper select, #cc-settingsmodal-wrapper select { color: #111; margin-right: 8px; text-decoration: none; position: absolute; top: 28px; right: 8px; float: right; font-size: 1.6rem; width: 150px; } #cc-modal #cc-modal-wrapper #cc-modal-footer-buttons, #cc-settingsmodal-wrapper #cc-modal-footer-buttons { margin-top: 50px; } #cc-modal #cc-modal-wrapper #cc-modal-footer-buttons a, #cc-settingsmodal-wrapper #cc-modal-footer-buttons a { font-weight: 700; } #cc-notification .cc-logo, #cc-tag .cc-logo, #cc-modal .cc-logo, #cc-settingsmodal .cc-logo { background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png); width: 142px; height: 32px; position: absolute; right: 32px; bottom: 20px; } .cc-logo span { display: none; } @media (max-width: 940px) { #cc-notification { max-width: 95%; min-height: 76px; } #cc-notification h2 { margin-bottom: 0; } #cc-notification #cc-notification-wrapper { padding: 10px 320px 0 16px; } #cc-modal #cc-modal-wrapper, #cc-settingsmodal #cc-settingsmodal-wrapper { max-width: 90%; min-height: 100px; padding: 20px; } #cc-modal #cc-modal-wrapper #cc-modal-footer-buttons { margin-top: 10px; } .cc-content ul { margin-top: 10px !important; padding-bottom: 15px !important; } .cc-content ul li { padding-top: 10px; } .cc-subtitle { margin: 0; } } @media (max-width: 640px) { #cc-modal #cc-modal-wrapper, #cc-settingsmodal #cc-settingsmodal-wrapper { margin: 10px; max-width: 95%; padding: 10px; } #cc-modal #cc-modal-wrapper h2, #cc-settingsmodal-wrapper h2 { font: 700 15px/1.6 'BEBASNEUEREGULAR', sans-serif; } #cc-modal #cc-modal-wrapper select, #cc-settingsmodal-wrapper select { right: -7px; width: 110px; } #cc-modal label, #cc-settingsmodal label { font-size: 11px; line-height: 1.2; } #cc-modal #cc-modal-closebutton a, #cc-settingsmodal #cc-settingsmodal-closebutton a { top: 10px; right: 10px; } #cc-notification .cc-logo, #cc-tag .cc-logo, #cc-modal .cc-logo, #cc-settingsmodal .cc-logo { background-size: contain; width: 71px; height: 16px; right: 6px; bottom: 5px; } #cc-notification ul.cc-notification-buttons { right: 0px; top: 43px; width: 100%; } #cc-notification #cc-notification-wrapper { padding: 0; text-align: center; } #cc-notification { max-width: 95%; min-height: 86px; } .cc-notification-buttons li { display: inline-block; } #cc-notification-permissions { margin-top: 54px; } #cc-notification #cc-notification-permissions ul { margin-bottom: 0; width: 90%; } #cc-notification #cc-notification-permissions ul li { text-align: left; width: 90%; } #cc-notification ul.cc-notification-buttons { position: static; } #cc-notification h2 { width: 100%; } } @media (max-width: 560px) { #cc-notification { min-height: 96px; } #cc-notification-wrapper .cc-link { display: block; } #cc-notification ul.cc-notification-buttons { top: 50px; } #cc-notification-permissions { margin-top: 60px; } } @media (max-width: 480px) { #cc-notification-wrapper .cc-link { display: inline-block; } #cc-notification ul.cc-notification-buttons a { padding: 4px 8px; } } #gkTop { background: none; z-index: 10; } #gkTopabc { } .frontpage #gkHeaderMod { padding-top: 0px; } gkPage, #gkBg, #gkHeader { box-shadow: 0 0 3px #bbb; } #gkFooter { box-shadow: 0 3px 3px #bbb; } #gkBg, .gkPage, #gkMainbody .content { margin: 0 auto !important; padding: 0; } section.gk-clearfix .gk-clearfix, #gkHeaderNav .gk-clearfix, #gkMainbodyabc, #gkHeaderNavabc, #gkTopabc, #gkTop1 .gk-clearfix, #gkTop2 .gk-clearfix, #gkBottom1 .gk-clearfix, #gkBottom2 .gk-clearfix, #gkBottom4 .gk-clearfix, #gkPageContent { margin: 0 auto !important; max-width: 1180px; padding: 0; } #gkBottom3 .gk-clearfix .header, #gkBottom5 .gk-clearfix .header { margin: 0 auto 20px !important; max-width: 1180px; } .uk-overlay-panel { border: 0 solid #fff; bottom: 0; color: #fff; left: 0; margin: 0; padding: 50px !important; position: absolute; right: 0; top: 0; } img.uk-overlay-fade { opacity: 1 !important; } .uk-overlay-panel:hover { background: rgba(85, 85, 85, 0.9) none repeat scroll 0 0; } #gkTop1 { background: url("../images/line-1.png") repeat-x scroll top center,rgba(0, 0, 0, 0) url("../images/001.jpg") no-repeat fixed 0 0 / 100% auto; } #gkTop1 .gk-banners li div strong, #gkTop1 .gk-banners li div { color: #fff; } #gkTop1 .header { color: #fff; } #pwebcontact966_form .pweb-input.required, #pwebcontact966_form .required, #pwebcontact966_form .pweb-input, #pwebcontact966_form textarea, #pwebcontact966_form select { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; border: medium none !important; box-shadow: none !important; color: #fff !important; font-weight: bold !important; height: 40px !important; text-shadow: 0 1px #414141 !important; } #pwebcontact966_container { background: none !important; } #pwebcontact966_container label, #pwebcontact966_container p, #pwebcontact966_container .pweb-chars-counter { color: #fff; font-weight: 600; margin: 0; padding: 10px; } #pwebcontact966_text-0 { margin-bottom: 15px; text-align: center; width: 100%; font-size: 16px; color: #fff; } #pwebcontact966_send.btn { background: #ff9d27 none repeat scroll 0 0; font-family: BEBASNEUEREGULAR; font-size: 28px; font-weight: 400; margin-top: 10px; padding: 1.6rem 4.8rem; border-radius: 0; line-height: 1.2; } .pweb-field-container { float: left; margin: 0.6666%; width: 32%; } .pweb-field-container.pweb-field-buttons { text-align: center; width: 100%; } .gk-banners { margin: 30px 10px 20px; overflow: hidden; } .gk-banners li { border: medium none; box-sizing: border-box; float: left; padding: 0 5px; position: relative; width: 16.6667%; } .gk-banners[data-cols="1"] li { width: 100%; } .gk-banners[data-cols="2"] li { width: 50%; } .gk-banners[data-cols="3"] li { width: 33.333333%; } .gk-banners[data-cols="4"] li { width: 25%; } .gk-banners[data-cols="5"] li { width: 20%; } .gk-banners li div { border: 0 solid #e5e5e5; display: block; font-size: 14px; overflow: hidden; text-align: center; text-transform: uppercase; } .gk-banners li div img { border: 0 solid #ffcc00; display: block; margin: 15px auto 15px; opacity: 1; padding: 0; transition: all 0.3s ease-out 0s; width: 100px; } .gk-banners li div strong { color: #222; font-size: 24px; font-weight: 300; line-height: 1; text-transform: uppercase; } .gk-banners a { border-bottom: 2px solid #FF9D27; } .gk-banners p { text-transform: none; padding: 10px 0; margin: 0; font-size: 14px; } #gkBottom2 .gk-banners li { border: medium none; box-sizing: border-box; float: left; padding: 0 5px; position: relative; width: 14.286%; } #gkBottom2 .gk-banners li div img { border: 0px solid #ffcc00; width: 140px; } #gkBottom2 .gk-banners li div strong { text-transform: uppercase; } #gkBottom1 .gk-banners li div stron, #gkTop2 .gk-banners li div strong { color: #fff; } #gkTop2 { background: url("../images/line-1.png") repeat-x scroll center top, rgba(0, 0, 0, 0) url("../images/001.jpg") no-repeat fixed 0 0 / 100% auto; padding: 6rem 6rem 2rem; } #gkTop2 .header { color: #fff; } #gkBottom1 { background: rgba(0, 0, 0, 0) url("../images/line.png") repeat-x scroll center top; margin-top: -8px; z-index: 999; } #gkBottom1 .header { } #gkMainbodyabc .nspMain { overflow: initial !important; } #nsp-nsp-982 .nspHeader { font-size: 24px; line-height: 1.4; text-transform: none; margin-top: 0!important; padding: 0 !important; } .frontpage .box .header { border: medium none; color: #236045; font-family: BEBASNEUEREGULAR !important; font-size: 42px; font-weight: 300; margin-bottom: 10px; padding: 0; text-align: center; } #gkMainbodyabc .gk-banners li div img { width: 230px; } #gkContent { padding:0px 0; } .uk-margin { margin-bottom: 20px; margin-top: 50px; } .gkMenu, .gkTabsNav li, .uk-button, #gkFooter, .box.big-title .header > small, #mod-search-searchword, .addtocart-area .product-fields-title, .td-vmshipment td h3, 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 {} #pwebcontact972 { top:35%;} #pwebcontact972_toggler { background: #236045 none repeat scroll 0 0; border-radius: 0; font-family: BEBASNEUEREGULAR; font-size: 17px !important; text-transform: uppercase; font-weight: 500; height: 146px; } #pwebcontact972_toggler .pweb-icon { left:5px !important; right:auto !important; } #menu1640 { font-size: 0; padding-right: 10px !important; padding-left: 20px !important; } #menu1640::before { font-size: 22px; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; } .tp-dottedoverlay.twoxtwo { background: rgba(0, 0, 0, 0.1) url("../images/pattern/9.png") repeat fixed 0 0 !important; } .uk-button:focus, .uk-button:hover { background-color: #EEE !important; color: #222 !important; } .uk-button { font-size:14px !important; background-color: #139F4A !important; color: #fff !important; } .mcs-module { float: right; text-align: right !important; width: auto !important; margin-left: 30px; } .mcs-module .city { font-size: 13px !important; line-height: 45px !important; font-weight: bold; border-bottom: 1px dashed #fff !important; } #gkTopMenu > p { font-family: "BEBASNEUEREGULAR",Arial,sans-serif !important; color: #222; float: left; font-size: 15px; font-weight: 300; line-height: 50px; margin: 0; padding: 0; } #gkTop > div { padding: 0 80px ; } #gkTopMenu p > img { } #gkTopMenu > p > b { font-size: 24px; font-weight: 300; } #cc-notification { display: none !important; } .blog-page.katalog .item-list .item-view .item-title { border-bottom: 1px solid #eee; font-size: 24px; font-weight: 400; margin:0 0 15px; text-transform: uppercase; } .item-intro-text { padding-bottom: 15px; } .blog-page.katalog .item-list .item-view .item-content { padding: 15px 15px 0; } .blog-page.katalog .item-list { margin: 0 -15px; min-width: 100%; padding: 0; } .blog-page.katalog .item-list .item-list-row { float: left; margin-bottom: 0; margin-top: 15px; padding: 0 10px; width: 33.3%; } .item-readmore .btn { background: #236045 none repeat scroll 0 0; font-size: 20px; padding: 6px 20px; } .blog-page.katalog .item-readmore { padding: 10px 0 0; text-align: right; } .frontpage #gkContent { padding: 4rem 0; } .nspArts { padding: 0px !important; } .nspCol4 { background: #fff none repeat scroll 0 0; margin: 1%; width: 23% !important; border: 0px dashed #FECB00; } .nspCol3 { background: #fff none repeat scroll 0 0; border: 0 dashed #fecb00; margin: 1.5%; width: 30.334% !important; } .nspArt div.gkArtContentWrap { padding: 0 10px; } #gkBottom5 { background:url("../images/line-1.png") repeat-x scroll center top, rgba(0, 0, 0, 0) url("../images/001.jpg") no-repeat fixed 0 0 / 100% auto; padding-bottom: 0 !important; } .frontpage #gkBottom5 .box .header span { color: #fff; } .readon.fleft { float: none !important; display: inline-block; margin-bottom: 10px; } #gkBottom2 { } #pwebcontact972 { margin-top: 10px; } #pwebcontact972_container { background: #236045 none repeat scroll 0 0 !important; box-shadow: 0 0 3px #000; padding: 30px;} #pwebcontact972_container .pweb-field-container.pweb-separator-text { color: #fff; margin: 0 0 15px; } #pwebcontact972_container label, #pwebcontact972_container p, #pwebcontact972_container .pweb-chars-counter { color: #fff; font-size: 14px; font-weight: 500; margin: 0 0 10px; } #pwebcontact972_container label strong, #pwebcontact972_container p strong, #pwebcontact972_container .pweb-chars-counter strong { font-weight: 600; } #pwebcontact972_container label, #pwebcontact972_container .pweb-field-container.pweb-separator-text { color: #fff; font-weight: 600; margin-bottom: -15px; padding: 10px; } #pwebcontact972_container h3 { font-weight: 400;color: #fff; margin: 0 0 15px;} #pwebcontact972_form .pweb-input.required, #pwebcontact972_form .required, #pwebcontact972_form .pweb-input, #pwebcontact972_form textarea, #pwebcontact972_form select { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; border: medium none !important; box-shadow: none !important; color: #fff !important; font-weight: bold !important; height: 40px !important; text-shadow: 0 1px #414141 !important; padding:10px; } #pwebcontact972_box .btn { background: #ff9d27 none repeat scroll 0 0; text-shadow: none; color: #fff !important; font-family: "BEBASNEUEREGULAR"; font-size: 24px; font-weight: 300; margin-top: 20px; padding: 20px 100px !important; } #pwebcontact972_box .btn:hover { background: #222 none repeat scroll 0 0; color: #fff !important; } #pwebcontact972_box .pweb-field-container { width: 100%; } #pwebcontact972_text-0.pweb-field-container.pweb-separator-text { width: 100%; } #pwebcontact972_box .pweb-field-container.pweb-field-buttons { text-align: center; width: 100%; } .nspInfo.nspInfo1.tcenter.fnone { } #gkBottom2 { padding:2rem 0 0 !important; } #gkBottom2 .content { } .frontpage #gkBottom3 .box .header { } .nspText.tleft.fleft, .nspText.tcenter.fleft { padding: 0 0 10px !important; } #gkBottom4 { } #gkBottom3, #gkBottom4 { background: rgba(0, 0, 0, 0) url("../images/line.png") repeat-x scroll top center; margin-top: -8px; z-index: 999; } #gkBottom2 { background: none; border-top: 1px solid #ddd; } .uk-grid-width-1-1.uk-grid-width-small-1-1.uk-grid-width-medium-1-2.uk-grid-width-large-1-3.uk-grid-width-xlarge-1-3.uk-grid.uk-grid-match { padding: 15px 35px 0; } #gkBottom5 .box .header > small { color: #fff; margin: 0 0; } #gkSearch .gk-banners li div img { margin: 0 5px 0 0; width: 40px; } #gkSearch .gk-banners li div img:hover { opacity:0.6; } #gkBottom1 .header { } .uk-overlay > *:first-child { margin-bottom: -8px !important; } .uk-overlay-panel { background:rgba(35, 96, 69, 0.85) none repeat scroll 0 0;} .uk-overlay-icon::before { color: #fff !important; } .uk-panel-title { font-size: 24px !important; font-weight: 400 !important;} #gkTop11.gkPage11.clearfix { } 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, #gkHeaderNav .gkMainMenu, .gk-banners li div strong, .box.big-title .header > small, #mod-search-searchword, .addtocart-area .product-fields-title, .td-vmshipment td h3 {font-family: 'BEBASNEUEREGULAR' !important;} .pwebcontactabc{ margin-top:40px;} .pwebcontactabc .button { font-size: 28px; margin-top: 30px; } #gkBottom3 { padding-bottom: 2rem !important; } #gkTopMenu p.kz { bottom: 3%; position: fixed; right: 5px; z-index: 9999; } #gkTopMenu p.kz > img { filter: none; width:90px; } #gkTopMenu p.kz2 { background: #236045 none repeat scroll 0 0; color: #fff; line-height: 24px; padding: 6px 10px; position: fixed; right: 0; text-align: right; top: 7px; z-index: 9999; } #gkTopMenu p.kz2 > img { filter: none; } #gkTopMenu p.kz2 strong { font-weight: 700; font-size: 21px; } #gkBottom5 .box { width: 100% !important; } #gkBottom5 .gk-banners li div strong { color: #fff; } #gkBottom5 .gk-banners p { color: #fff; font-size: 16px; font-weight: 600; margin: 0; padding: 10px 0; text-transform: none; } #gkBottom5 .gk-banners li div img { width: 80px; } #gkMainbodyabc .nspCol3 { background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; margin: 1.5%; width: 30.334% !important; }