@font-face { font-family: Roboto; src: url(/css/fonts/Roboto-Regular.woff); font-weight: normal; } @font-face { font-family: Roboto; src: url(/css/fonts/Roboto-Medium.woff); font-weight: 500; } @font-face { font-family: Roboto; src: url(/css/fonts/Roboto-Bold.woff); font-weight: 700; } :root{ --black: #32363b; --light-black: #616266; --light-gray: #ededf4; --apakom-red: #EC1B25; --white: #ffffff; --hard-black: #000000; --apakom-red-hover: #C93434; --easy-gray: #FAFAFC; --blue: #1D8CC1; --dark-blue: #03699a; --orange: #F1831E; --gay-lila: #73366E; --gay-dark-lila: #542550; --gay-yellow: #FFD57A; } *:focus { outline: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Roboto', sans-serif; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html{ height: 100%; } body { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img{ max-width: 100%; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } header{ width: 100%; float: left; } main{ width: 100%; float: left; background-color: var(--white); } footer{ width: 100%; float: left; background-color: var(--white); } .video-header{ width: 100%; } video{ object-fit: cover; width: 100%; top: 0; left: 0; } .emptySpace{ padding-top: 30px; width: 100%; float: left; } .viewport-header{ display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; top: 45vh; left: 0; } .mce-tinymce{ box-shadow: none !important; -webkit-box-shadow: none !important; } .mce-panel{ border: solid 1px #d3d3d3; border-radius: 3px; } .row{ width: 100%; float: left; } .fixedRow{ width: 1000px; margin: 0 auto; height: 100%; } .fixedRow1200{ width: 1300px; margin: 0 auto; height: 100%; } .paperRow{ width: 850px; margin: 0 auto; height: 100%; } .apMainContent{ padding-right: 20px; } .referenceH2{ color: var(--apakom-red-hover) !important; font-size: 30px !important; padding-bottom: 30px !important; } /* AP FORM REPORT */ .apFormReport{ background-color: var(--easy-gray); padding: 10px; border: 1px solid var(--light-gray); border-radius: 5px; margin-bottom: 15px; } /* BLOG */ .apBlogTitle{ font-size: 20px; color: var(--black); font-weight: 500; } .apBlogTitle:hover{ color: var(--orange); cursor: pointer; } .apBlogImage{ border-radius: 3px; border: solid 1px var(--easy-gray); } .apBlogImage:hover{ border: solid 1px var(--orange); cursor: pointer; } .apBlogExcerpt{ color: var(--black); font-size: 15px; line-height: 19px; } .apBlogReadMoreBox{ padding-left: 10px; } .apBlogReadMore{ font-weight: 500; color: var(--dark-blue); } .apBlogReadMore:hover{ color: var(--orange); cursor: pointer; } /* REPORT AD */ .apAdBoxSingle{ margin-bottom: 10px; } .apAdBox{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: dashed 1px #999999; } .apAdHeader{ } .apAdBoxHeaderId{ display: inline-block; float: left; padding: 2px 5px; background-color: var(--gay-lila); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--white); font-size: 14px; } .apAdBoxHeaderIdLink{ text-decoration: none; color: var(--white); font-size: 14px; } .apAdBoxHeaderIdLink:hover{ text-decoration: underline; cursor: pointer; } .apAdBoxHeaderDate{ display: inline-block; float: left; padding: 2px 5px; background-color: var(--light-gray); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--black); font-size: 14px; margin-left: 5px; } .apAdBoxHeaderPhone{ display: inline-block; float: left; padding: 2px 5px; background-color: var(--light-gray); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--black); font-size: 14px; margin-left: 5px; } .apAdBoxHeaderVerification{ display: inline-block; float: right; padding: 2px 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--black); font-size: 14px; margin-left: 5px; } .apAdBoxHeaderOptions{ display: inline-block; float: right; color: var(--black); font-size: 12px; margin-left: 5px; } .apAdBoxHeaderOptionsDelete{ background-color: white; border-top: 1px solid var(--light-gray); border-left: 1px solid var(--light-gray); border-right: 1px solid var(--light-gray); border-bottom: none; padding: 2px 7px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: var(--light-black); } .apAdBoxHeaderOptionsReport{ background-color: white; border-top: 1px solid var(--light-gray); border-left: 1px solid var(--light-gray); border-right: 1px solid var(--light-gray); border-bottom: none; padding: 2px 7px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: var(--light-black); } .apAdBoxContentOptions{ background-color: white; border: 1px solid var(--light-gray); padding: 4px 5px; border-radius: 3px; color: var(--light-black); } .apAdBoxHeaderOptionsBold{ background-color: white; border-top: 1px solid var(--light-gray); border-left: 1px solid var(--light-gray); border-right: 1px solid var(--light-gray); border-bottom: none; padding: 2px 7px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: var(--light-black); } .apAdBoxHeaderOptionsVerified{ background-color: white; border-top: 1px solid var(--light-gray); border-left: 1px solid var(--light-gray); border-right: 1px solid var(--light-gray); border-bottom: none; padding: 2px 7px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: var(--light-black); } .apAdBoxHeaderOptionsVerified:hover{ background-color: var(--light-gray); cursor: pointer; transition: 0.3s; } .apAdBoxHeaderOptionsBold:hover{ background-color: forestgreen; color: var(--white); cursor: pointer; transition: 0.3s; } .apAdBoxHeaderOptionsReport:hover{ background-color: #C9AF20; color: var(--white); cursor: pointer; transition: 0.3s; } .apAdBoxHeaderOptionsDelete:hover{ background-color: var(--apakom-red-hover); color: var(--white); cursor: pointer; transition: 0.3s; } .apAdBoxContent{ font-size: 16px; color: var(--black); line-height: 20px; border: 1px solid var(--light-gray); padding: 8px; border-radius: 3px; background-color: var(--easy-gray); word-wrap: break-word; } .apAdBoxContentSingle{ font-size: 16px; color: var(--black); line-height: 20px; border: 1px solid var(--light-gray); padding: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: var(--easy-gray); word-wrap: break-word; } .adBoxContentBold{ font-weight: 500; } .apAdBoxFooterOptionsDelete{ } .apAdPageH2{ color: var(--gay-lila); font-size: 26px; padding-bottom: 15px; } /* INPUT */ .apRow{ width: 100%; float: left; padding-bottom: 5px; } .apInputTitle{ font-size: 14px; color:var(--black); font-weight: 500; } .apInput{ width: 100%; padding: 4px; border-radius: 3px; font-size: 15px; border: solid 1px lightgray; background-color: #ffffff; color: var(--black); } .apInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #616266; opacity: 0.8; /* Firefox */ } .apInput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #616266; } .apInput::-ms-input-placeholder { /* Microsoft Edge */ color: #616266; } .apInputRadio{ margin: 0px; } .apInputRadioLabel{ font-size: 15px; color: var(--black); } /* 404 */ .ap404Link{ font-size: 16px; color: var(--black); text-decoration: none; } .ap404Link:hover{ color: var(--gay-lila); } /* ARTICLE */ .apArticleTitle{ color: var(--black); font-size: 28px; font-weight: 500; line-height: 32px; } .apArticleGoBack{ text-decoration: none; font-size: 16px; color: var(--black); } .apArticleGoBack:hover{ color: var(--gay-lila); } .apArticleDate{ color: var(--black); font-size: 14px; padding-bottom: 20px; } .apArticleImage{ border-radius: 5px; } .apArticleExcerpt{ color: var(--black); font-size: 16px; font-weight: 500; line-height: 19px; } .apArticleText a{ color: var(--gay-dark-lila); font-size: 16px; text-decoration: none; } .apArticleText a:hover{ color: var(--gay-yellow); } .apArticleText p{ color: var(--black); font-size: 16px; line-height: 22px; padding-bottom: 20px; } .apArticleText h2{ color: var(--gay-lila); font-size: 26px; padding-bottom: 15px; } .apArticleText h3{ color: var(--black); font-size: 22px; line-height: 26px; padding-bottom: 10px; font-weight: normal; } .apArticleText strong{ font-weight: 500; } .apArticleText em{ font-style: italic; } .apArticleText li{ padding-bottom: 15px; line-height: 22px; color: var(--black); } .apArticleText ol li { counter-increment: step-counter; list-style-type: none; } .apArticleText ol li::before { content: counter(step-counter); margin-right: 5px; font-size: 80%; background-color: var(--gay-lila); color: white; font-weight: bold; padding: 3px 8px; border-radius: 3px; } .apArticleText ul{ list-style-type: circle; list-style-position: inside; } .apArticleText code{ background-color: var(--light-gray); padding: 5px; font-size: 15px; border-radius: 3px; } /* SIDEBAR BLOG */ .apSidebarBlogLink{ font-size: 15px; color: var(--black); } .apSidebarBlogLink:hover{ color: var(--orange); } /* WIDGET */ .apWidgetBox{ width: 100%; float: left; margin-bottom: 10px; } .apWidgetTitle{ width: 100%; float: left; background-color: var(--gay-lila); padding: 5px 8px; border-radius: 5px; color: var(--white); font-size: 16px; font-weight: 500; } .apWidgetContent{ padding-top: 5px; width: 100%; float: left; } .apWidgetJSButton{ background-color: var(--light-gray); border: none; padding: 5px 10px; margin-bottom: 5px; border-radius: 3px; font-size: 14px; font-weight: 500; font-family: 'Roboto'; } .apWidgetJSButton:hover{ background-color: var(--gay-yellow); color: var(--black); cursor: pointer; transition: 0.3s; } /* MAIN MENU */ .navbar { overflow: hidden; } .navbar a { float: left; font-size: 16px; font-weight: 500; color: white; text-align: center; padding: 10px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; font-weight: 500; border: none; outline: none; color: white; padding: 10px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: var(--gay-yellow); color: var(--black); transition: 0.3s; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 5px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } .apPageTitle h1{ font-size: 23px; color: var(--black); font-weight: 500; } .col10{ width: 10%; float: left; } .col12{ width: 12.5%; float: left; } .col15{ width: 15%; float: left; } .col16{ width: 16.66%; float: left; } .col20{ width: 20%; float: left; } .col25{ width: 25%; float: left; } .col30{ width: 30%; float: left; } .col33{ width: 33.33%; float: left; } .col35{ width: 35%; float: left; } .col40{ width: 40%; float: left; } .col45{ width: 45%; float: left; } .col50{ width: 50%; float: left; } .col55{ width: 55%; float: left; } .col60{ width: 60%; float: left; } .col70{ width: 70%; float: left; } .col80{ width: 80%; float: left; } .col85{ width: 85%; float: left; } .col100{ width: 100%; float: left; } .col30-fixed{ width: 30%; float: left; } .col50-fixed{ width: 50%; float: left; } .col70-fixed{ width: 70%; float: left; } .borderBottom{ border-bottom: solid 1px var(--light-gray); } .paddingTopBottom10{ padding-top: 10px; padding-bottom: 10px; } .paddingTopBottom15{ padding-top: 15px; padding-bottom: 15px; } .paddingTopBottom20{ padding-top: 20px; padding-bottom: 20px; } .paddingTopBottom30{ padding-top: 30px; padding-bottom: 30px; } .topMenu{ text-align: right; width: 100%; float: left; } .topMenuItem{ float: right; padding-left: 23px; } .topMenuLink{ color: var(--black); font-size: 14px; font-weight: 500; text-decoration: none; border-bottom: solid 2px var(--white); } .topMenuLink:hover{ color: var(--hard-black); padding-bottom: 8px; border-bottom: solid 2px var(--apakom-red); transition: 0.3s; } .mn_client_link{ font-size:14px; text-decoration:none; color: var(--light-black); } .mn_client_link:hover{ text-decoration: underline; } .mnFakturaLink{ text-decoration: none; color: var(--black); } .mnFakturaLink:hover{ color: var(--apakom-red); transition: 0.3s; } .mnHeaderTopMenuItem{ color: var(--white); text-decoration: none; font-size: 16px; font-weight: 500; border-bottom: solid 2px var(--black); } .mnHeaderTopMenuItem:hover{ padding-bottom: 8px; border-bottom: solid 2px var(--apakom-red); transition: 0.3s; } .mnMiddleBox{ width: 600px; float: left; margin-bottom: 15px; } .mnMiddleBoxFrame{ width: 100%; float: left; padding-left: 10px; padding-right: 10px; } .mnPageBox{ width: 100%; float: left; padding: 20px; } .mnPageTitle{ font-size: 20px; font-weight: 500; color: var(--black); text-align: center; padding-bottom: 15px; border-bottom: 2px solid var(--apakom-red); } .mnPageTitleLink{ font-size: 20px; font-weight: 500; color: var(--black); text-decoration: none; } .apNotificationSuccessLink{ color: var(--white); padding-left: 5px; text-decoration: none; } .apNotificationSuccessLink:hover{ text-decoration: underline; } .mnPageTitleLink:hover{ color: var(--apakom-red); transition: 0.3s; } .mnPageContent{ width: 100%; float: left; } .mnPageSection{ width: 100%; float: left; padding-top: 15px; } .mnPageSectionTitle{ font-size: 17px; font-weight: 500; color: var(--black); text-align: left; padding-bottom: 15px; width: 100%; float: left; } .mnPageSectionContent{ width: 100%; float: left; padding-left: 15px; } .mnRow{ width: 100%; float: left; padding-bottom: 5px; } .mnInput{ width: 100%; padding: 4px; border-radius: 3px; font-size: 15px; border: solid 1px lightgray; background-color: #ffffff; color: var(--black); } .mnInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #616266; opacity: 0.8; /* Firefox */ } .mnInput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #616266; } .mnInput::-ms-input-placeholder { /* Microsoft Edge */ color: #616266; } .mnNotificationBox{ width: 100%; float: left; padding: 10px; margin-bottom: 15px; border-radius: 3px; font-size: 15px; color: var(--white); line-height: 19px; } .mnPageHeader{ width: 100%; float: left; padding-bottom: 15px; } .mnPageHeaderDescription{ font-size: 12px; line-height: 16px; color: var(--light-black); width: 100%; float: left; text-align: justify; } .mnPageSectionHelp{ font-size: 12px; line-height: 16px; color: var(--light-black); width: 100%; float: left; padding-bottom: 15px; text-align: justify; } .mnPageSectionInvoice{ font-size: 12px; line-height: 16px; color: var(--light-black); width: 100%; float: left; margin-top: 20px; margin-bottom: 20px; border-radius: 3px; text-align: justify; background-color: lightyellow; padding: 20px 30px 15px 30px; } .flipDugme{ cursor: pointer; } .flipDugme:hover{ transition: 0.3s; padding-left: 5px; } .mnPageReturn{ width: 100%; float: left; padding-top: 15px; } .mnPageReturnLink{ color: var(--light-black); font-size: 15px; text-decoration: none; } .mnPageReturnLink:hover{ color: var(--apakom-red); transition: 0.3s; } #panel{ display: none; } .panel2{ display: none; } .helpIcon{ color: var(--light-black); } .helpIcon:hover{ color: var(--apakom-red); cursor: pointer; transition: 0.3s; } .mnSidebarLeft{ width: 180px; float: left; padding-right: 10px; } .mnSidebarRight{ width: 220px; float: left; padding-left: 10px; } .notificationSuccess{ background-color: #228b22c7; } .notificationError{ background-color: #ce2028b3; } .mainMenu{ text-align: right; width: 100%; float: left; padding-top:22px; } .mainMenuItem{ float: right; padding-left: 35px; } .mainMenuLink{ color: var(--black); font-size: 18px; font-weight: 700; text-decoration: none; border-bottom: solid 2px var(--white); } .mainMenuLink:hover{ color: var(--hard-black); padding-bottom: 8px; border-bottom: solid 2px var(--apakom-red); transition: 0.3s; } .mainMenuLinkButton{ padding:9px 11px 9px 11px; color: var(--white); background-color: var(--apakom-red); border-radius: 5px; text-decoration: none; font-size: 16px; font-weight: 500; } .mainMenuLinkButton:hover{ background-color: var(--apakom-red-hover); transition: 0.3s; } .mainMenuGayButton{ padding:9px 11px 9px 11px; color: var(--white); background-color: var(--gay-dark-lila); border-radius: 5px; text-decoration: none; font-size: 16px; font-weight: 500; } .mainMenuGayButton:hover{ background: var(--gay-yellow); color: var(--gay-dark-lila); transition: 0.3s; } .mainMenuSelected{ background-color: var(--orange); } .dropdown-btn{ width: 100%; float: left; text-align: left; background-color: var(--white); border: none; padding: 10px 20px 10px 20px; text-decoration: none; font-size: 19px; color: var(--black); display: block; font-weight: 500; font-family: 'Roboto'; } .dropdown-container { display: none; background-color: var(--light-gray); padding-left: 10px; width: 100%; float: left; text-align: left; } .dropdown-container a{ font-size: 16px; color: var(--black); } .mobileMenuActive{ background-color: var(--gay-lila); color: var(--white); } .mobileMenuGayButton{ padding: 5px 7px 5px 7px; background-color: var(--gay-lila); color: var(--white); font-size: 14px; font-weight:500; border-radius: 3px; } .logoBox{ width: 100%; float: left; } .homeLogoLink{ display: block; line-height: 0; text-decoration: none; } .promoBox{ width: 100%; float: left; font-size: 14px; font-weight: 500; } .promoLink{ text-decoration: none; color: var(--black); } .promoLink:hover{ color: var(--hard-black); transition: 0.3s; } .promoBoxHighlight{ font-size: 13px; color: var(--white); background-color: var(--apakom-red); border-radius: 3px; padding: 3px 8px 3px 8px; margin-right: 8px; } .promoBoxHighlight:hover{ background-color: var(--apakom-red-hover); transition: 0.3s; } .hideOnDesktop{ display: none; } .paperHeader{ width: 100%; float: left; padding-top:70px; text-align: center; color: var(--black); } .paperBeforeTitle{ font-size: 18px; padding-bottom: 30px; } .paperTitle{ font-size: 36px; letter-spacing: 1px; color: var(--black); } .paperAfterTitle{ font-size: 18px; padding-top: 10px; line-height: 24px; color: #616266; width: 100%; float: left; } .paperAfterTitleAgain{ font-size: 16px; padding-top: 20px; line-height: 20px; color: #616266; } .paperBody{ width: 100%; float: left; padding-top: 70px; color: var(--black); padding-bottom: 30px; } .paperBody h3{ font-size: 20px; font-weight: 500; padding-bottom: 10px; } .paperBody p{ font-size: 16px; line-height: 20px; } .areaPageIntro{ padding-top: 20px; padding-bottom: 30px; } .areaPageImage{ padding-left: 20px; } .areaPageBreadcrumbsBox{ font-size: 15px; color:var(--light-black); padding-top:10px; } .areaPageBreadcrumbsLink{ font-size: 15px; color:var(--light-black); text-decoration: none; } .areaPageBreadcrumbsLink:hover{ color: var(--apakom-red-hover); text-decoration: underline; transition: 0.3s; } .areaPageTitle{ font-size: 40px; letter-spacing: 1px; color: var(--black); padding-top: 20px; padding-bottom: 15px; } .areaPageSubtitle{ font-size: 22px; line-height: 28px; padding-bottom: 10px; color:var(--apakom-red-hover); font-weight: 500; } .areaPageIntroText{ font-size: 16px; line-height: 22px; color: var(--light-black); } .areaPageText{ padding-bottom: 20px; width: 100%; float: left; } .areaPageText a{ color: var(--apakom-red); font-size: 16px; text-decoration: none; } .areaPageText a:hover{ color: var(--apakom-red-hover); } .areaPageText p{ color: var(--light-black); font-size: 16px; line-height: 22px; padding-top: 20px; } .areaPageText h2{ color: var(--black); font-size: 30px; padding-top: 30px; padding-bottom: 10px; line-height: 35px; } .areaPageText h3{ color: var(--black); font-size: 22px; line-height: 26px; padding-top: 30px; padding-bottom: 10px; font-weight: normal; } .areaPageText strong{ font-weight: 500; } .areaPageText em{ font-style: italic; } .areaPageText li{ padding-top: 15px; line-height: 22px; color: var(--light-black); } .areaPageText ul{ list-style-type: circle; list-style-position: inside; } .areaPageText code{ background-color: var(--light-gray); padding: 5px; font-size: 15px; border-radius: 3px; } .areaPageBoxRight{ width: 50%; float: right; padding-left: 30px; } .areaPageBoxLeft{ width: 50%; float: left; padding-right: 30px; } .areaPageBoxImage{ width: 50%; float: left; } .areaHeader{ text-align: center; padding-top: 10px; padding-bottom:10px; } .areaBoxRight{ width: 50%; float: right; padding-left: 20px; } .areaBoxLeft{ width: 50%; float: left; padding-right: 20px; } .areaBoxContent{ width: 50%; float: left; } .areaBoxTitle{ font-size: 34px; color: var(--black); padding-top: 10px; padding-bottom: 10px; } .areaBoxSubtitle{ font-size: 22px; line-height: 28px; padding-bottom: 10px; color:var(--apakom-red-hover); font-weight: 500; } .areaBoxParagraph{ font-size: 16px; line-height: 22px; color: var(--light-black); padding-bottom: 15px; } .classicButton{ border-radius: 5px; background-color: lightgray; color: var(--black); border: none; padding: 9px 12px 9px 12px; font-size: 15px; font-weight: 700; } .classicButton:hover{ cursor: pointer; transition: 0.3s; } .classicButtonSmall{ border-radius: 3px; background-color: lightgray; color: var(--black); border: none; padding: 5px 7px 5px 7px; font-size: 14px; } .classicButtonSmall:hover{ cursor: pointer; transition: 0.3s; } .classicButtonMini{ border-radius: 3px; background-color: lightgray; color: var(--black); border: none; padding: 4px 6px 4px 6px; font-size: 13px; } .classicButtonMini:hover{ cursor: pointer; transition: 0.3s; } .redButton{ background-color: var(--apakom-red); color: var(--white); } .redButton:hover{ background-color: var(--black); transition: 0.3; } .greenButton{ background-color: #1C9900; color: var(--white); } .greenButton:hover{ background-color: #136600; transition: 0.3; } .blueButton{ background-color: var(--blue); color: var(--white); } .blueButton:hover{ background-color: var(--dark-blue); transition: 0.3; } .whiteButton{ background-color: var(--white); color: var(--black); } .whiteButton:hover{ background-color: var(--black); color: var(--white); transition: 0.3; } .blackButton{ background-color: var(--black); color: var(--white); } .blackButton:hover{ background-color: var(--apakom-red); transition: 0.3; } .lightButton{ background-color: var(--light-gray); color: var(--light-black); } .lightButton:hover{ background-color: var(--light-black); color: var(--white); transition: 0.3; } .saveButton{ background-color: var(--black); color: var(--white); } .saveButton:hover{ background-color: #228b22c7; transition: 0.3; } .grayButton{ background-color: #f4f4f4; color: var(--black); border: solid 1px #d3d3d369; } .grayButton:hover{ background-color: var(--apakom-red); color: var(--white); transition: 0.3s; } .deleteAdButton{ background-color: #f4f4f4; color: var(--light-black); border: solid 1px #d3d3d369; margin-right: 5px; } .deleteAdButton:hover{ background-color: var(--apakom-red-hover); color: var(--white); transition: 0.3s; } .reportAdButton{ background-color: #f4f4f4; color: var(--light-black); border: solid 1px #d3d3d369; } .reportAdButton:hover{ background-color: #C9AF20; color: var(--white); transition: 0.3s; } .boldAdButton{ background-color: #f4f4f4; color: var(--light-black); border: solid 1px #d3d3d369; margin-right: 5px; } .boldAdButton:hover{ background-color: forestgreen; color: var(--white); transition: 0.3s; } .verifiedAdButton{ background-color: #f4f4f4; color: var(--black); border: solid 1px #d3d3d369; margin-right: 5px; } .verifiedAdButton:hover{ background-color: var(--light-gray); color: var(--light-black); transition: 0.3s; } .newsletterButton{ background-color: var(--black); color: var(--white); border: 1px solid var(--black); font-size: 15px; font-weight: 700; } .newsletterButton:hover{ background-color: var(--apakom-red-hover); color: var(--white); border: 1px solid var(--white); } .lilaButton{ background-color: var(--gay-lila); color: var(--white); } .lilaButton:hover{ background-color: var(--gay-dark-lila); transition: 0.3; } .paddingRight30{ padding-right: 30px; } .paddingRight20{ padding-right: 20px; } .backgroundWhite{ background-color: var(--white); } .backgroundLightGray{ background-color: var(--light-gray); } .backgroundEasyGray{ background-color: var(--easy-gray); } .backgroundGray{ background-color: #F2F2F7; } .backgroundRed{ background-color: #ce2028; } .backgroundBlack{ background-color: var(--black); } .backgroundBlue{ background-color: var(--blue); } .backgroundDarkBlue{ background-color: var(--dark-blue); } .backgroundLila{ background-color: var(--gay-lila); } .backgroundDarkLila{ background-color: var(--gay-dark-lila); } .homePageBoxHead{ width: 100%; float: left; color: var(--black); font-size: 30px; font-weight:700; padding-bottom: 20px; } .apFooterMenuLink{ color: var(--black); font-size: 16px; text-decoration: none; } .apFooterMenuLink:hover{ color: var(--gay-lila); } .apFooterHomepage{ font-size: 13px; color: var(--light-black); line-height: 16px; } .apFooterDivider{ float: left; padding-left: 10px; padding-right: 10px; } .footerNewsletter1{ font-size: 17px; color: var(--white); font-weight: 500; float: left; padding-right: 10px; padding-top: 5px; } .footerNewsletter2{ float: left; padding-right: 10px; } .footerNewsletter3{ float: left; } .footerMobileWidget{ width: 50%; float: left; } .footerNewsletterFrame{ width: 730px; margin: 0 auto; } .footerNewsletterInput{ background-color: #ce2028; border: 1px solid #FAFAFC; color:var(--white); font-size: 15px; padding: 5px 7px 5px 7px; border-radius: 3px; width:300px; } .footerNewsletterInput::placeholder{ color: white; opacity: 1; /* Firefox */ } .footerHead{ width: 100%; float: left; color: var(--black); font-size: 18px; font-weight:500; padding-bottom: 20px; } .footerItem{ width: 100%; float: left; padding-bottom: 10px; color: #65686c; text-decoration: none; font-size: 15px; } .footerLink{ color: #65686c; text-decoration: none; font-size: 15px; } .footerLink:hover{ text-decoration: underline; } .subFooterFrame{ width: 100%; float: left; } .subFooterText{ color: var(--white); font-size: 14px; width: 100%; float: left; } .subFooterLink{ color: var(--white); font-size: 14px; text-decoration: none; } .subFooterLink:hover{ color: var(--apakom-red-hover); } .topMenuDugme{ display: none; color: var(--white); } .mobileMenuSpan{ padding: 5px 20px 8px 20px; text-decoration: none; font-size: 24px; color: var(--black); display: block; transition: 0.3s; border-bottom: 1px solid var(--light-gray); } .topMenuMobilni { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: var(--white); overflow-x: hidden; transition: 0.3s; padding-top: 10px; text-align:left; } .topMenuMobilniLink{ padding: 10px 20px 10px 20px; text-decoration: none; font-size: 20px; color: var(--black); display: block; transition: 0.3s; } .topMenuMobilniLink:hover{ color: #f1f1f1; } .topMenuMobilniLinkSmall{ padding: 10px 20px 10px 20px; text-decoration: none; font-size: 16px; color: var(--black); display: block; } .topMenuMobilniLinkSmall:hover{ color: #f1f1f1; } .topMenuMobilniSublink{ padding: 8px 20px 8px 20px; text-decoration: none; font-size: 20px; color: var(--black); display: block; font-weight: 500; } .topMenuMobilniSublink:hover{ color: #f1f1f1; } .topMenuMobilni .zatvoriTopMenuSideDugme { color: var(--gay-lila); font-size: 24px; padding: 0px; margin-top: -3px; } @media screen and (max-height: 450px) { .topMenuMobilni {padding-top: 15px;} .topMenuMobilni a {font-size: 18px;} } .newsletterBox{ padding-top: 30px; padding-bottom: 30px; text-align: center; width: 100%; float: left; } .newsletterHead{ color: var(--white); font-size: 17px; font-weight: 500; width: 100%; float: left; } .newsletterBody{ width: 100%; float: left; padding-top: 20px; } .paperForm{ width: 500px; margin: 0 auto; } .formRegisterRow{ width: 100%; float: left; padding-bottom: 10px; } .formRegisterInput{ width: 100%; padding: 10px; border-radius: 4px; font-size: 16px; border: solid 1px lightgray; background-color: #ffffff; color: #616266; } .formRegisterInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #616266; opacity: 1; /* Firefox */ } .formRegisterInput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #616266; } .formRegisterInput::-ms-input-placeholder { /* Microsoft Edge */ color: #616266; } .defaultLink{ color: var(--apakom-red); text-decoration: none; } .defaultLink:hover{ text-decoration: underline; } .defaultLinkBlack{ color: var(--black); text-decoration: none; } .defaultLinkBlack:hover{ text-decoration: underline; } .allCenter{ text-align: center; } .saleBoxes{ width: 100%; float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .saleRedBox{ width: 100%; float: left; background: var(--apakom-red); padding:20px; border-radius: 5px; border: 1px solid var(--apakom-red); } .saleRedBox:hover{ box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); transition: 0.3s; } .saleWhiteBox{ width: 100%; float: left; background: white; padding:20px; border-radius: 5px; border: 1px solid var(--light-gray); } .saleWhiteBox:hover{ box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.41); transition: 0.3s; } .saleWhiteBoxIcon{ width: 100%; float: left; text-align: center; } .saleWhiteBoxTitle{ font-size: 16px; color: var(--black); font-weight: 500; text-align: center; padding-top: 10px; width: 100%; float: left; } .saleRedBoxTitle{ font-size: 16px; color: var(--white); font-weight: 500; text-align: center; padding-top: 10px; width: 100%; float: left; } .saleWhiteBoxContent{ font-size: 16px; color: var(--light-black); text-align: center; padding-top: 10px; width: 100%; float: left; line-height: 20px; } .saleRedBoxContent{ font-size: 16px; color: var(--white); text-align: center; padding-top: 10px; width: 100%; float: left; line-height: 20px; } .borderAndShadow{ border-radius: 5px; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; } .loginBoxFrame{ width: 400px; margin: 0 auto; } .loginBoxTitle{ width: 100%; float: left; padding-top: 20px; padding-bottom: 20px; font-size: 30px; color: var(--black); text-align: center; font-weight: 500; } .loginBoxSubtitle{ width: 100%; float: left; padding-bottom: 20px; font-size: 18px; line-height: 23px; color: var(--light-black); text-align: center; font-weight: 500; } .loginBoxContent{ width: 100%; float: left; padding-bottom: 20px; } .rightAlign{ text-align: right; } .mnWidgetTitle{ width: 100%; float: left; padding-bottom: 10px; font-size:18px; border-bottom: 2px solid var(--apakom-red); font-weight: 500; } .mnWidgetBox{ width: 100%; float: left; margin-bottom: 30px; } .mnWidgetContent{ width: 100%; float: left; } .mnWidgetMenu{ width: 100%; float: left; padding-top: 10px; padding-left: 10px; } .mnWidgetMenuLink{ font-size: 15px; color: var(--black); text-decoration: none; } .mnWidgetMenuLink:hover{ color: var(--apakom-red); } .aktivnostiDatum{ width: 100%; float: left; font-size: 12px; color: var(--light-black); margin-top:10px; } .aktivnostiPoruka{ width: 100%; float: left; font-size: 13px; color: var(--black); padding-top: 2px; line-height: 17px; } .aktivnostiUser{ width: 100%; float: left; font-size: 13px; color: var(--light-black); padding-top: 2px; } .paginacijaBox{ display: inline-block; } .paginacija{ width:100%; float: left; text-align: center; padding-bottom: 20px; padding-top: 10px; } .strelicaDesno{ color: var(--light-gray); font-size:20px; text-decoration: none; } .strelicaDesno:hover{ color: var(--gay-lila); } #disabled{ display: none; } .navigacijaBroj{ color: var(--light-black); font-size:20px; text-decoration: none; } .navigacijaBox{ padding-left: 6px; padding-right: 6px; float: left; margin-right:10px; background-color: var(--light-gray); text-align: center; border: solid 1px var(--light-gray); border-radius: 3px; } .navigacijaBox:hover{ background-color: var(--gay-yellow); border: solid 1px var(--gay-yellow); color: black; } #navigacijaAktivna{ background-color: var(--gay-lila); color: white; border: solid 1px var(--gay-lila); } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--apakom-red); } input:focus + .slider { box-shadow: 0 0 1px var(--apakom-red); } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; } .homePageSlider{ font-size: 50px; font-weight:700; color: var(--hard-black); line-height:58px; padding-top: 20px; padding-bottom: 20px; } .homePageSliderIntro{ color: var(--black); font-size: 20px; line-height: 29px; width:90%; padding-bottom: 8px; } .homePageInfoBox{ padding-left: 15px; padding-right: 15px; width:100%; float: left; } .homePageInfoBoxImage{ border-radius: 5px; } .homePageInfoBoxTitle{ width: 100%; float: left; padding-top: 10px; } .homePageInfoBoxTitleLink{ color: var(--black); font-size: 22px; line-height: 25px; text-decoration: none; } .homePageInfoBoxTitleLink:hover{ color: var(--apakom-red-hover); } .homePageInfoBoxReadmore{ color: var(--black); font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: solid 2px var(--white); } .homePageInfoBoxReadmore:hover{ padding-bottom: 5px; border-bottom: solid 2px var(--apakom-red); transition: 0.3s; } .homePageInfoBoxExcerpt{ width: 100%; float: left; padding-top: 10px; color: var(--light-black); font-size: 16px; line-height: 19px; } .homePageInfoBoxFooter{ width: 100%; float: left; padding-top: 5px; } .articlePageTitle{ font-size: 36px; line-height: 45px; color: var(--black); width: 100%; float: left; } .articlePageExcerpt{ font-size: 18px; color: var(--light-black); line-height: 25px; padding-bottom: 20px; } .articlePageMeta{ font-size: 16px; color: var(--apakom-red-hover); width: 100%; float: left; padding-bottom: 20px; } .articlePageImage{ width: 100%; float: left; padding-bottom: 5px; } .articlePageImageTitle{ font-size: 15px; text-align: right; color: var(--light-black); width: 100%; float: left; padding-bottom: 20px; } .articlePageText{ padding-bottom: 0px; width: 100%; float: left; } .articlePageText a{ color: var(--apakom-red-hover); font-size: 16px; text-decoration: none; } .articlePageText a:hover{ color: var(--apakom-red); } .articlePageText p{ color: var(--light-black); font-size: 16px; line-height: 22px; padding-bottom: 20px; } .articlePageText h2{ color: var(--apakom-red-hover); font-size: 30px; padding-bottom: 30px; } .articlePageText h3{ color: var(--black); font-size: 22px; line-height: 26px; padding-bottom: 10px; font-weight: normal; } .articlePageText strong{ font-weight: 500; } .articlePageText em{ font-style: italic; } .articlePageText li{ padding-bottom: 15px; line-height: 22px; color: var(--light-black); } .articlePageText ul{ list-style-type: circle; list-style-position: inside; } .articlePageText code{ background-color: var(--light-gray); padding: 5px; font-size: 15px; border-radius: 3px; } .articleAuthorFrame{ width: 800px; margin: 0 auto; } .articleAuthor{ width: 100%; float: left; background: white; padding:20px; border-radius: 5px; border: 1px solid var(--light-gray); } .articleAuthorName{ width: 100%; float: left; padding-bottom: 10px; font-size: 22px; color: var(--light-black); } .articleAuthorNameLink{ font-size: 22px; color: var(--black); text-decoration: none; } .articleAuthorNameLink:hover{ color: var(--apakom-red-hover); transition: 0.3s; } .articleAuthorAbout{ width: 100%; float: left; font-size: 16px; line-height: 20px; color: var(--light-black); padding-bottom: 10px; } .articleAuthorInfo{ padding-left: 30px; } .articleAuthorIcon{ float: left; padding-right: 15px; } .articleAuthorIconLink{ text-decoration: none; font-size: 22px; color: var(--light-black); } .articleAuthorIconLink:hover{ color: var(--apakom-red-hover); } .articleAuthorContact{ width: 100%; float: left; } .img-responsive{ max-width: 100%; height: auto; margin-bottom: 5px; border-radius: 5px; border: 1px solid var(--light-gray); } .image{ text-align: center; } figure.image figcaption { font-size: 15px; text-align: center; color: var(--light-black); font-style: italic; padding-bottom: 20px; } .referenceBox1{ padding-right: 10px; } .referenceBox1{ padding-right: 10px; } .referenceBox2{ padding-left: 5px; padding-right: 5px; } .referenceBox3{ padding-left: 10px; } .referenceBoxTitle{ width: 100%; float: left; padding-bottom: 10px; } .referenceBoxTitleLink{ color: var(--black); font-size: 22px; line-height: 28px; text-decoration: none; } .referenceBoxTitleLink:hover{ color: var(--apakom-red-hover); } .referenceBoxFrame{ width: 100%; float: left; padding-top: 10px; } .infoBoxFrame{ width: 100%; float: left; padding-left: 20px; } .infoBoxTitle{ width: 100%; float: left; padding-bottom: 10px; } .infoBoxTitleLink{ color: var(--black); font-size: 27px; line-height: 32px; text-decoration: none; } .infoBoxTitleLink:hover{ color: var(--apakom-red-hover); } .infoBoxExcerpt{ width: 100%; float: left; padding-bottom: 10px; color: var(--light-black); font-size: 16px; line-height: 20px; } .infoBoxMeta{ font-size: 15px; color: var(--apakom-red-hover); width: 100%; float: left; padding-bottom: 10px; } .infoBoxButton{ width: 100%; float: left; } .infoBoxReadMore{ text-decoration: none; font-size: 15px; color: var(--black); font-weight: 500; border-bottom: solid 2px var(--white); } .infoBoxReadMore:hover{ padding-bottom: 3px; border-bottom: solid 2px var(--apakom-red); transition: 0.3s; } .domainPriceBoxFrame{ width: 100%; float: left; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .domainPriceBox{ background-color: var(--apakom-red); color: var(--white); border-radius: 3px; font-size: 16px; font-weight: 500; padding: 10px 5px 10px 5px; text-align: center; } .saleWhiteBoxContentSubtitle{ font-size: 18px; color: var(--light-black); display: none; width: 100%; float: left; text-align: center; padding-bottom: 5px; } .saleWhiteBoxContentValue{ font-size: 18px; color: var(--black); width: 100%; float: left; text-align: center; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; background-color: var(--easy-gray); border-radius: 3px; } .hostingBoxOption{ font-size:18px; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; background-color: var(--light-gray); color: var(--light-black); padding-left: 10px; border-radius: 3px; } .footerMenuItem{ text-align: center; } .boldInstructions{ background-image: url("/graphics/instructions/gay-hr-naglasi-novo.png"); background-repeat: no-repeat; } .boldInstructionsMobile{ background-image: url("/graphics/instructions/gay-hr-naglasi-mobile.png"); background-repeat: no-repeat; } .deleteInstructions{ background-image: url("/graphics/instructions/gay-hr-obrisi-novo.png"); background-repeat: no-repeat; } .deleteInstructionsMobile{ background-image: url("/graphics/instructions/gay-hr-obrisi-mobile.png"); background-repeat: no-repeat; } .apAdBoxContentSingleLeft{ width: 100%; float: left; word-wrap: break-word; } .apAdBoxContentSingleRight{ width: 100%; float: left; padding-top: 5px; } /******* AP INTRO NOX *********/ .apIntroBox{ background-color: var(--gay-yellow); padding: 10px; border-radius: 5px; } .apIntroBoxLink{ text-decoration: none; color: var(--gay-lila); } .apIntroBoxLink:hover{ text-decoration: underline; } .apIntroBoxH1{ color: var(--black); text-align: center; font-size: 22px; font-weight: 500; padding-bottom: 5px; } .apIntroBoxH2{ font-size: 18px; padding-bottom: 5px; color: var(--gay-dark-lila); } .apIntroBoxP{ font-size: 15px; line-height: 19px; padding-bottom: 5px; color: var(--black); } .apIntroBoxInstruction{ font-size: 18px; text-align: center; font-weight: 500; padding-bottom: 5px; color: var(--black); } .apIntroBoxPrice{ font-size: 15px; color: var(--white); text-align: center; } .col25-fixed{ float: left; padding-right: 5px; text-align: left; } /**** ADVERTISENING ****/ .apListAd{ padding-bottom: 10px; margin-bottom: 15px; border-bottom: dashed 1px #999999; width: 100%; float: left; } /***** AP SEND FRAME ****/ .apSendAdFrame{ width: 100%; float: left; padding: 10px; background-color: var(--light-gray); border-radius: 5px; margin-bottom: 20px; } .blogWidegNaslovBloga{ text-decoration: none; color: var(--gay-dark-lila); } .blogWidegNaslovBloga:hover{ color: var(--gay-lila); } @media only screen and (min-width: 768px) and (max-width: 959px) { footer{ padding-top: 20px; } .footerMenuItem{ width: 100%; float: left; padding-bottom: 5px; } .apFooterHomepage{ text-align: center; } .apMainContent{ padding-right: 0px; } .apBlogReadMoreBox{ padding-left: 0px; } .footerNewsletter1{ float: left; text-align: center; width: 100%; } .footerNewsletter2{ float: left; text-align: center; width: 100%; padding-top: 10px; } .footerNewsletter3{ float: left; text-align: center; width: 100%; padding-top: 10px; } .fixedRow{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .fixedRow1200{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .paperRow{ width: 100%; padding-left: 10px; padding-right: 10px; } .paperForm{ width: 100%; } .col15{ width: 100%; } .col16{ width: 100%; } .col20{ width: 100%; } .col25{ width: 100%; } .col30{ width: 100%; } .col33{ width: 100%; } .col40{ width: 100%; } .col50{ width: 100%; } .col60{ width: 100%; } .col70{ width: 100%; } .hideOnDesktop{ display: inline; } .topMenuDugme{ display: inline; } .hideOnMobile{ display: none; } .paddingRight30{ padding-right: 0px; } .paddingRight20{ padding-right: 0px; } .mobileCenter{ text-align: center; } .paperHeader{ padding-top: 40px; } .paperTitle{ font-size: 30px; } .paperBody{ padding-top: 40px; padding-bottom: 40px; } .footerHead{ padding-top: 30px; } .loginBoxFrame{ width: 100%; } .mnMiddleBox{ width: 100%; } .mnMiddleBoxFrame{ padding-left: 0px; padding-right: 0px; } .mnPageBox{ padding: 10px; } .rightAlign{ text-align: center; } .formButton{ margin-top: 0px; } .mnSidebarRight{ width: 100%; padding-left: 0px; } .viewport-header{ top: 7vh; } .homePageSlider{ font-size: 20px; line-height:23px; padding-bottom: 10px; text-align: center; } .homePageSliderIntro{ font-size: 14px; line-height: 17px; padding-bottom: 0px; text-align: center; width:100%; } .areaBoxRight{ width: 100%; text-align: center; float: left; padding-left: 0px; } .areaBoxLeft{ width: 100%; padding-right: 0px } .areaBoxContent{ width: 100%; text-align: center; } .articleAuthorFrame{ width: 100%; margin: 0 auto; } .footerNewsletterFrame{ width: 100%; margin: 0; float: left; } .areaPageBoxRight{ width: 100%; float: left; padding-left: 0px; } .areaPageBoxLeft{ width: 100%; float: left; padding-right: 0px; } .areaPageBoxImage{ width: 100%; float: left; padding-top: 20px; } .saleWhiteBoxContentSubtitle{ display: inline; margin-top: 20px; } .subFooterText{ text-align: center; line-height: 22px; } .homePageInfoBox{ padding-bottom: 30px; } .apAdPageH2{ font-size: 23px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { footer{ padding-top: 20px; } .footerMenuItem{ width: 100%; float: left; padding-bottom: 5px; } .apFooterHomepage{ text-align: center; } .apMainContent{ padding-right: 0px; } .apBlogReadMoreBox{ padding-left: 0px; } .footerNewsletter1{ float: left; text-align: center; width: 100%; } .footerNewsletter2{ float: left; text-align: center; width: 100%; padding-top: 10px; } .footerNewsletter3{ float: left; text-align: center; width: 100%; padding-top: 10px; } .fixedRow{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .fixedRow1200{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .paperRow{ width: 100%; padding-left: 10px; padding-right: 10px; } .paperForm{ width: 100%; } .col15{ width: 100%; } .col16{ width: 100%; } .col20{ width: 100%; } .col25{ width: 100%; } .col30{ width: 100%; } .col33{ width: 100%; } .col40{ width: 100%; } .col50{ width: 100%; } .col60{ width: 100%; } .col70{ width: 100%; } .hideOnDesktop{ display: inline; } .topMenuDugme{ display: inline; } .hideOnMobile{ display: none; } .paddingRight30{ padding-right: 0px; } .paddingRight20{ padding-right: 0px; } .mobileCenter{ text-align: center; } .paperHeader{ padding-top: 40px; } .paperTitle{ font-size: 30px; } .paperBody{ padding-top: 40px; padding-bottom: 40px; } .footerHead{ padding-top: 30px; } .loginBoxFrame{ width: 100%; } .mnMiddleBox{ width: 100%; } .mnMiddleBoxFrame{ padding-left: 0px; padding-right: 0px; } .mnPageBox{ padding: 10px; } .rightAlign{ text-align: center; } .formButton{ margin-top: 0px; } .mnSidebarRight{ width: 100%; padding-left: 0px; } .viewport-header{ top: 7vh; } .homePageSlider{ font-size: 20px; line-height:23px; padding-bottom: 10px; text-align: center; } .homePageSliderIntro{ font-size: 14px; line-height: 17px; padding-bottom: 0px; text-align: center; width:100%; } .areaBoxRight{ width: 100%; text-align: center; float: left; padding-left: 0px; } .areaBoxLeft{ width: 100%; padding-right: 0px } .areaBoxContent{ width: 100%; text-align: center; } .articleAuthorFrame{ width: 100%; margin: 0 auto; } .footerNewsletterFrame{ width: 100%; margin: 0; float: left; } .areaPageBoxRight{ width: 100%; float: left; padding-left: 0px; } .areaPageBoxLeft{ width: 100%; float: left; padding-right: 0px; } .areaPageBoxImage{ width: 100%; float: left; padding-top: 20px; } .saleWhiteBoxContentSubtitle{ display: inline; margin-top: 20px; } .subFooterText{ text-align: center; line-height: 22px; } .homePageInfoBox{ padding-bottom: 30px; } .apAdPageH2{ font-size: 23px; } } @media only screen and (min-width: 240px) and (max-width: 479px) { footer{ padding-top: 20px; } .footerMenuItem{ width: 100%; float: left; padding-bottom: 5px; } .apFooterHomepage{ text-align: center; } .apMainContent{ padding-right: 0px; } .apBlogReadMoreBox{ padding-left: 0px; } .footerNewsletter1{ float: left; text-align: center; width: 100%; } .footerNewsletter2{ float: left; text-align: center; width: 100%; padding-top: 10px; } .footerNewsletter3{ float: left; text-align: center; width: 100%; padding-top: 10px; } .fixedRow{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .fixedRow1200{ width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .paperRow{ width: 100%; padding-left: 10px; padding-right: 10px; } .paperForm{ width: 100%; } .col15{ width: 100%; } .col16{ width: 100%; } .col20{ width: 100%; } .col25{ width: 100%; } .col30{ width: 100%; } .col33{ width: 100%; } .col40{ width: 100%; } .col50{ width: 100%; } .col60{ width: 100%; } .col70{ width: 100%; } .hideOnDesktop{ display: inline; } .topMenuDugme{ display: inline; } .hideOnMobile{ display: none; } .paddingRight30{ padding-right: 0px; } .paddingRight20{ padding-right: 0px; } .mobileCenter{ text-align: center; } .paperHeader{ padding-top: 40px; } .paperTitle{ font-size: 30px; } .paperBody{ padding-top: 40px; padding-bottom: 40px; } .footerHead{ padding-top: 30px; } .loginBoxFrame{ width: 100%; } .mnMiddleBox{ width: 100%; } .mnMiddleBoxFrame{ padding-left: 0px; padding-right: 0px; } .mnPageBox{ padding: 10px; } .rightAlign{ text-align: center; } .formButton{ margin-top: 0px; } .mnSidebarRight{ width: 100%; padding-left: 0px; } .viewport-header{ top: 7vh; } .homePageSlider{ font-size: 30px; line-height:23px; padding-bottom: 10px; text-align: center; padding-top: 25px; font-weight: 500; } .homePageSliderIntro{ font-size: 14px; line-height: 17px; padding-bottom: 0px; text-align: center; width:100%; } .areaBoxRight{ width: 100%; text-align: center; float: left; padding-left: 0px; } .areaBoxLeft{ width: 100%; padding-right: 0px } .areaBoxContent{ width: 100%; text-align: center; } .articleAuthorFrame{ width: 100%; margin: 0 auto; } .footerNewsletterFrame{ width: 100%; margin: 0; float: left; } .areaPageBoxRight{ width: 100%; float: left; padding-left: 0px; } .areaPageBoxLeft{ width: 100%; float: left; padding-right: 0px; } .areaPageBoxImage{ width: 100%; float: left; padding-top: 20px; } .saleWhiteBoxContentSubtitle{ display: inline; margin-top: 20px; } .subFooterText{ text-align: center; line-height: 22px; } .homePageInfoBox{ padding-bottom: 30px; } .apAdPageH2{ font-size: 23px; } }