/* open-sans-300 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 300; src: url('/fonts/open-sans-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/open-sans-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: italic; font-weight: 300; src: url('/fonts/open-sans-v17-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/open-sans-v17-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 400; src: url('/fonts/open-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/open-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: italic; font-weight: 400; src: url('/fonts/open-sans-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/open-sans-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 600; src: url('/fonts/open-sans-v17-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/open-sans-v17-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: italic; font-weight: 600; src: url('/fonts/open-sans-v17-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/fonts/open-sans-v17-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: italic; font-weight: 700; src: url('/fonts/open-sans-v17-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/fonts/open-sans-v17-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 800; src: url('/fonts/open-sans-v17-latin-ext_latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/fonts/open-sans-v17-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-display: swap; font-style: italic; font-weight: 800; src: url('/fonts/open-sans-v17-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/fonts/open-sans-v17-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v17-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v17-latin-ext_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-300 - latin-ext_latin */ @font-face { font-family: 'Open Sans Condensed'; font-display: swap; font-style: normal; font-weight: 300; src: url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-300italic - latin-ext_latin */ @font-face { font-family: 'Open Sans Condensed'; font-display: swap; font-style: italic; font-weight: 300; src: url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } /* open-sans-condensed-700 - latin-ext_latin */ @font-face { font-family: 'Open Sans Condensed'; font-display: swap; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-condensed-v14-latin-ext_latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */ } body {background-color:#f9f9f9; font-family:'Roboto', sans-serif, helvetica, tahoma, arial; font-size: 14px; font-weight:400; margin:0; padding:0; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #width-wrap {max-width:1200px; margin: 0 auto;} .logo-top {padding-top: 20px; padding-bottom: 20px; padding-left: 50px;} #site {background-color:#fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;} .head-title {padding-top:20px; padding-bottom:20px; position:relative;} .head-title::before {display: block; content:' '; position:absolute; width:125px; height:97px; top: 20px; left: 25px; background-image:url('../img/lp/windykacja/badge-new.png'); background-repeat: no-repeat; background-position:left top;} .head-title h1 {font-size:36px; font-weight:700; color:#004e91; padding: 0 125px;} .head-title p {font-size:24px; font-weight:400; color:#21a73f; padding: 0 125px;} #pageContent {background-position: center top; background-repeat:no-repeat; background-size:cover;} .smallForm {position:relative; background-color:#fff; border:1px solid rgba(185,234,255,0.75); padding:20px; margin-bottom:30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2); box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2);} .smallForm table {width:100%;} .smallForm .label {color:#002655; font-size:18px; font-weight:300; padding: 0 8px; vertical-align: middle; height: 25px; display: table-cell; text-align: left;} .smallForm form td {padding: 5px;} .smallForm form input[type="text"], .smallForm form textares, .smallForm form select {padding: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid rgba(185,234,255,0.75); -webkit-box-shadow: 0px 5px 5px 0px rgba(3,33,58,0.05); -moz-box-shadow: 0px 5px 5px 0px rgba(3,33,58,0.05); box-shadow: 0px 5px 5px 0px rgba(3,33,58,0.05); width: 100%; } .smallForm h2 {margin-top:0; margin-bottom:20px; text-align:center; font-weight:700; font-size:26px; text-transform:uppercase; color:#f7ad33;} .smallForm form .underform {text-align:center; font-size:18px; font-weight:400; color:#004e91;} .smallForm form .underform span {color:#f7ad33;} .smallForm form .required, .smallForm form .optional {width:10px; padding: 5px 2px;} .smallForm form .req-info {position:absolute; left: 57px; bottom: 139px; font-size: 14px; color:#004e91;} .smallForm form .chbx-label label {font-weight:300; font-size:11px; font-family: 'Open Sans',sans-serif; line-height: 13px;} .smallForm form #dbformTritsrequired .label {font-size:12px; font-size: 14px; color: #004e91;} .smallForm form .chbx-label label, .smallForm form td.chbx {margin-bottom:0; padding-bottom:0;} #dbformTrseparate > td {height:1px;} .cta-goto-box {margin-top:180px; margin-bottom:120px; background-color:#fff; border:1px solid rgba(185,234,255,0.75); padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.48); -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.48); box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.48); } .cta-goto-box h2 {font-weight:700; color:#004e91;font-size: 1.7rem;} body #pageContent .cta-goto-box .datButton::after {display:none} #pageContent .cta-goto-box .datButton {padding: 15px 20px; max-width:80%; margin: 20px auto;} body .datButton, #pageContent .featuresBox .datButton {box-shadow:none; background-color:#f7ad33; width: 100%; margin-top:20px;} body #pageContent #headContent .datButton::after, body #pageContent .datButton::after, body #pageContent #headContent .datButton:hover::after, body #pageContent .datButton:hover::after {width: 22px; top:20px; text-decoration: none; background-image: url(../img/lp/windykacja/ico-send.png);} .smallForm .btn_sml, .smallForm .datButton .btn_sml_sel {background-color: transparent; border: none; color: #fff; font-weight: 400; font-size: 20px; text-transform: uppercase;} .fancy-info {position:relative;margin-left: 15px;} .fancy-info .partners-box img {display: inline-block; max-height: 35px; margin: 0 20px; max-width: 40%;} .fancy-info .partners-box { position: absolute; top:0; left:0; z-index:9999; height: 91px; background-color:#fff; border:1px solid rgba(185,234,255,0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2); box-shadow: 0px 0px 20px 0px rgba(3,33,58,0.2); padding-top:25px; padding-bottom:25px;} .fancy-info .gradient-box { height: 91px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004e91+0,007fc7+100 */ background: #004e91; /* Old browsers */ background: -moz-linear-gradient(top, #004e91 0%, #007fc7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #004e91 0%,#007fc7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #004e91 0%,#007fc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e91', endColorstr='#007fc7',GradientType=0 ); /* IE6-9 */} .fancy-info .gradient-box p {padding: 19px 25px 25px 15%; color:#fff; font-size:18px;} #sectionContent h2 {color:#004e91;font-size:28px; font-weight:700; margin: 40px 0;} .list-super li::before { display: block; content: " "; width: 81px; height: 81px; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 10px;} .list-super li { padding: 20px 0 20px 90px; position: relative; font-weight: 500;} .list-super { list-style: none; padding: 0; margin: 40px 0;} .list-super li.ico1::before { background-image: url('../img/lp/windykacja/ico-1.png');} .list-super li.ico2::before { background-image: url('../img/lp/windykacja/ico-2.png');} .list-super li.ico3::before { background-image: url('../img/lp/windykacja/ico-3.png');} .list-super li.ico4::before { background-image: url('../img/lp/windykacja/ico-4.png');} .list-super li.ico5::before { background-image: url('../img/lp/windykacja/ico-5.png');} .list-super li.ico6::before { background-image: url('../img/lp/windykacja/ico-6.png');} .list-super li.ico7::before { background-image: url('../img/lp/windykacja/ico-7.png');} .list-super li.ico8::before { background-image: url('../img/lp/windykacja/ico-8.png');} .list-super li {font-size:18px; font-weight:300;} .list-super li b {font-size:16px; font-weight:700;} .list-super li:nth-child(2n) b {color: #328ec9;} .list-super li:nth-child(2n+1) b {color: #21a73f;} .bottom-end {-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow:hidden; background-color:#fff;} .bottom-end > div {height:5px;} .bottom-end .blu {background-color:#124a83;} .bottom-end .grn {background-color:#21a73f;} .bottom-end .yllw {background-color:#f7ad33;} .bottom-end .blck {background-color:#2b2a29;} #footer {border-bottom: 1px solid #e5e5e5; width: 100%; margin: 40px auto 40px; position: relative; background-color: transparent; border-top: none; } #footer .footlogo, #footer .smll-txt {margin-top:15px; margin-bottom:15px;} #footer .footlogo {border-right: 1px solid #e5e5e5;} #footer .footlogo img {max-width:100%;} #footer .smll-txt p {font-size:12px; color:#88817f;} #footer .info {padding:20px 0; border-bottom: 1px solid #e5e5e5; width:100%;} #footer .row {width: 100%;} #formgo {margin-top:30px;} #coockie_strip_cnt {max-width:100%;} .ms-webpart-cell-vertical { table-layout: fixed; } .col-md-8, .col-sm-10, .col-lg-6 {-ms-flex:auto;} @media (max-width: 992px){ .fancy-info .partners-box {position:relative;} .head-title::before {top: 20px;} .head-title p { font-size: 22px; margin-bottom:0;} .head-title h1 { font-size: 28px;} #width-wrap {overflow:hidden;} .fancy-info .gradient-box p { padding: 19px 25px 25px 24px;} .fancy-info .gradient-box { height: auto;} } @media (min-width: 768px){ .mobileonly {display: none;} .desktoponly {display: block;} } @media (max-width: 768px){ .head-title::before {top: -80px; left:auto; right:20px;} .mobileonly {display: block;} .desktoponly {display: none;} .head-title p { padding:0;} .head-title h1 { padding:0;} .cta-goto-box {max-width:70%; margin: 160px auto 30px auto;} #pageContent {background-position: -30px top;} .cta-goto-box h2 {font-size: 24px;} #pageContent .cta-goto-box .datButton {font-size:16px; max-width: 95%;} } @media (max-width: 500px){ .head-title p { font-size: 18px; } .head-title h1 { font-size: 22px;} .cta-goto-box {max-width:86%; margin: 160px auto 10px auto;} .cta-goto-box h2 {font-size: 18px;} #pageContent .cta-goto-box .datButton { margin: 10px auto;} #pageContent .cta-goto-box {margin-bottom:10px;} .head-title::before { width: 85px; background-size: contain;} #overlay > div { max-width: 100%; left: 0 !IMPORTANT; margin-left: 0 !IMPORTANT; height: auto !IMPORTANT;} }