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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0px;
padding : 0px;
border : 0px;
font : inherit;
}
table, tbody, tfoot, thead, tr, th, td {
border : 0;
font : inherit;
}
body {
font-family : "Roboto", Arial, Helvetica, sans-serif;
font-weight : 300;
font-size : 14px;
line-height : 1.3em;
}
p, li {
font-size : 1.2em;
line-height : 1.6em;
color : #7f7f7f;
}
h1 {
font-family : "Roboto", Arial, Helvetica, sans-serif;
color : #7f7f7f;
font-weight : 100;
font-size : 5.0em;
line-height : 1.4em;
padding : 0px 0px 20px;
}
h2 {
font-family : "Roboto", Arial, Helvetica, sans-serif;
color : #7f7f7f;
font-size : 1.4em;
font-weight : 400;
line-height : 1em;
padding : 0px 0px 20px;
}
a {
color : #085ca3;
text-decoration : none;
}
a img {
border : 0px;
}
a:hover {
text-decoration : underline;
}
.f-left {
float : left;
}
.f-right {
float : right;
}
.element-hidden {
display : none;
}
strong {
font-weight : 700;
}
.pt-10 { padding-top : 10px; }
.pt-20 { padding-top : 20px; }
.pt-30 { padding-top : 30px; }
.pt-40 { padding-top : 40px; }
.pt-50 { padding-top : 50px; }
.pt-60 { padding-top : 60px; }
.pt-70 { padding-top : 70px; }
.pb-10 { padding-bottom : 10px; }
.pb-20 { padding-bottom : 20px; }
.pb-30 { padding-bottom : 30px; }
.pb-40 { padding-bottom : 40px; }
.pb-50 { padding-bottom : 50px; }
.pb-60 { padding-bottom : 60px; }
.pb-70 { padding-bottom : 70px; }
.pl-10 { padding-left : 10px; }
.pl-20 { padding-top : 20px; }
.pl-30 { padding-left : 30px; }
.pl-40 { padding-left : 40px; }
.pl-50 { padding-left : 50px; }
.pl-60 { padding-left : 60px; }
.pl-70 { padding-left : 70px; }
.pr-10 { padding-right : 10px; }
.pr-20 { padding-right : 20px; }
.pr-30 { padding-right : 30px; }
.pr-40 { padding-right : 40px; }
.pr-50 { padding-right : 50px; }
.pr-60 { padding-right : 60px; }
.pr-70 { padding-right : 70px; }
.mt-10 { margin-top : 10px; }
.mt-20 { margin-top : 20px; }
.mt-30 { margin-top : 30px; }
.mt-40 { margin-top : 40px; }
.mt-50 { margin-top : 50px; }
.mt-60 { margin-top : 60px; }
.mt-70 { margin-top : 70px; }
.mb-10 { margin-bottom : 10px; }
.mb-20 { margin-bottom : 20px; }
.mb-30 { margin-bottom : 30px; }
.mb-40 { margin-bottom : 40px; }
.mb-50 { margin-bottom : 50px; }
.mb-60 { margin-bottom : 60px; }
.mb-70 { margin-bottom : 70px; }
.ml-10 { margin-left : 10px; }
.ml-20 { margin-top : 20px; }
.ml-30 { margin-left : 30px; }
.ml-40 { margin-left : 40px; }
.ml-50 { margin-left : 50px; }
.ml-60 { margin-left : 60px; }
.ml-70 { margin-left : 70px; }
.mr-10 { margin-right : 10px; }
.mr-20 { margin-right : 20px; }
.mr-30 { margin-right : 30px; }
.mr-40 { margin-right : 40px; }
.mr-50 { margin-right : 50px; }
.mr-60 { margin-right : 60px; }
.mr-70 { margin-right : 70px; }
.t-left {
text-align : left;
}
.t-right {
text-align : right;
}
.t-center {
text-align : center;
}
input, textarea {
font-family : "Roboto", Arial, Helvetica, sans-serif;
outline : 0px;
}
a.button,
button {
padding : 8px 20px;
border : 0px;
border-radius : 5px;
background : #e5e5e5;
font-size : 1.2em;
line-height : 1.4em;
font-weight : 400;
color : #3f3f3f;
text-decoration : none;
cursor : pointer;
}
a.button.contrast,
button.contrast {
background : #bf1e2e;
color : #fff;
}
a.button.order-red,
button.order-red {
background : #ed1c24;
color : #fff;
font-size : 2em;
padding : 15px 40px;
border : 3px solid #fff;
border-radius : 10px;
text-transform : uppercase;
}
.handheld-only {
display : none !important;
}
.handheld-only-block {
display : none !important;
}
.content-width {
width : 900px;
margin : 0 auto;
}
.relative {
position : relative;
}
.no-overflow {
overflow : hidden;
}
.content-padding {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
.revealify {
opacity : 1 !important;
-webkit-transition : 0.8s all;
-moz-transition : 0.8s all;
-o-transition : 0.8s all;
transition : 0.8s all;
}
.revealify.revealify-hidden {
opacity : 0 !important;
-webkit-transition : none;
-moz-transition : none;
-o-transition : none;
transition : none;
}
.diagonal-top {
border-style : solid;
border-width : 0px;
}
.diagonal-bottom {
border-style : solid;
border-width : 0px;
}
.diagonal-padding-top {
padding-top : 8%;
}
.header-width {
width : 1190px;
margin : 0 auto;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
padding : 20px 0px 0px;
}
.page-header {
overflow : hidden;
position : relative;
background-repeat : no-repeat;
background-size : cover;
}
.page-header .background {
position : absolute;
z-index : 0;
top : 0px;
left : 0px;
width : 100%;
}
.page-header .background img {
width : 100%;
}
.page-header .container {
position : relative;
z-index : 10;
}
.page-header .container .content {
text-align : center;
}
.page-header .container .content img {
-webkit-transform: translateZ(0);
width : 40%;
}
.top-line {
position : absolute;
top : 0px;
width : 100%;
}
.top-line .logo {
position : relative;
z-index : 1001;
width : 115px;
}
.top-line .menu-button {
position : relative;
z-index : 1001;
cursor : pointer;
background : url("../images/kontakt.svg");
background-repeat : no-repeat;
float : right;
top : 5px;
left : 0px;
right : 10px;
width : 100px;
height : 50px;
}
.top-line .menu-button.open span {
background-color : transparent;
-webkit-transform : translate(0, 0px);
-moz-transform : translate(0, 0px);
-o-transform : translate(0, 0px);
transform : translate(0, 0px);
}
.top-line .menu-button.open span:before {
-webkit-transform : translate(0, 0px) rotate(45deg);
-moz-transform : translate(0, 0px) rotate(45deg);
-o-transform : translate(0, 0px) rotate(45deg);
transform : translate(0, 0px) rotate(45deg);
}
.top-line .menu-button.open span:after {
-webkit-transform : translate(0, -10px) rotate(-45deg);
-moz-transform : translate(0, -10px) rotate(-45deg);
-o-transform : translate(0, -10px) rotate(-45deg);
transform : translate(0, -10px) rotate(-45deg);
}
.page-menu {
position : absolute;
position : fixed;
display : none;
z-index : 1000;
top : 0px;
left : 0px;
width : 100%;
height : 100%;
text-align : center;
background : #484848;
background : rgba(72, 72, 72, 0.9);
}
.page-menu ul {
display : inline-block;
margin : 15% 0px 0px;
list-style-type : none;
-webkit-transform : scale(1.2);
-moz-transform : scale(1.2);
-o-transform : scale(1.2);
transform : scale(1.2);
-webkit-transition : 0.4s all;
-moz-transition : 0.4s all;
-o-transition : 0.4s all;
transition : 0.4s all;
}
.page-menu ul.visible {
-webkit-transform : scale(1);
-moz-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
-webkit-transition : 0.4s all;
-moz-transition : 0.4s all;
-o-transition : 0.4s all;
transition : 0.4s all;
}
.page-menu ul li {
padding : 15px 0px 15px;
}
.page-menu ul li > div {
display : inline-block;
}
.page-menu ul li > div a {
color : #d2d2d2;
text-transform : uppercase;
text-decoration : none;
font-size : 1.2em;
line-height : 1em;
letter-spacing : 3px;
font-weight : 400;
-webkit-transition : 1.5s all;
-moz-transition : 1.5s all;
-o-transition : 1.5s all;
transition : 1.5s all;
}
.page-menu ul li > div:hover a {
letter-spacing : 4px;
color : #fff;
-webkit-transition : 0.5s all;
-moz-transition : 0.5s all;
-o-transition : 0.5s all;
transition : 0.5s all;
}
.page-menu ul li > div > div {
height : 2px;
width : 0%;
margin-left : 50%;
background : #085ca3;
font-size : 0px;
line-height : 0px;
-webkit-transition : 0.2s all;
-moz-transition : 0.2s all;
-o-transition : 0.2s all;
transition : 0.2s all;
}
.page-menu ul li > div:hover > div {
width : 100%;
margin-left : 0%;
-webkit-transition : 0.2s all;
-moz-transition : 0.2s all;
-o-transition : 0.2s all;
transition : 0.2s all;
}
.page-text {
text-align : center;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
.page-text-wrap {
overflow : hidden;
position : relative;
}
.page-text-wrap.dark {
background : #000;
}
.page-text-wrap.medium-dark {
background : #484848;
}
.page-text-wrap.medium-dark h1,
.page-text-wrap.dark h1 {
color : #fff;
}
.page-text .full {
padding : 00px 0px 0px;
width : 768px;
margin : 0 auto;
}
.page-text .split-1 {
padding : 50px 5% 0px 5%;
display : inline;
float : left;
width : 40%;
}
.page-text .split-2 {
padding : 0px 5% 0px 5%;
display : inline;
float : left;
width : 40%;
}
.splitter-line {
width : 75px;
border-top : 1px solid #7f7f7f;
margin : 30px auto 30px;
}
.page-banner {
position : relative;
overflow : hidden;
text-align : center;
}
.page-banner .full {
position : relative;
}
.page-banner .split-1,
.page-banner .split-2 {
width : 50%;
display : inline;
float : left;
position : relative;
}
.page-banner .full img {
width : 100%;
vertical-align : bottom;
}
.page-banner .split-1 img {
width : 100%;
vertical-align : bottom;
}
.page-banner .split-2 img {
width : 100%;
vertical-align : bottom;
}
.page-banner .text {
position : absolute;
width : 100%;
color : #fff;
padding : 20px 0px 10px;
}
.page-banner .split-1 .text {
position : absolute;
width : 100%;
color : #fff;
padding : 20px 0px 10px;
}
.page-banner .split-2 .text {
position : absolute;
width : 100%;
color : #fff;
padding : 20px 0px 10px;
}
.page-banner .full .text {
top : 50%;
-webkit-transform : translate(0, -50%);
-moz-transform : translate(0, -50%);
-o-transform : translate(0, -50%);
transform : translate(0, -50%);
}
.page-banner .split-1.dark,
.page-banner .split-2.dark {
background : #000;
}
.page-banner .split-1.dark h1,
.page-banner .split-2.dark h1,
.page-banner .split-1.dark h2,
.page-banner .split-2.dark h2 {
color : #fff;
}
.page-banner .split-1 .text,
.page-banner .split-2 .text {
-webkit-transform : translate(0, -50%);
-moz-transform : translate(0, -50%);
-o-transform : translate(0, -50%);
transform : translate(0, -50%);
}
.page-banner .split-1 .text {
top : 54%;
}
.page-banner .split-2 .text {
top : 48%;
}
.page-banner .split-1 .overlay,
.page-banner .split-2 .overlay {
opacity : 0;
position : absolute;
top : 0px;
left : 0px;
width : 100%;
height : 100%;
background : #000;
-webkit-transition : 0.5s all;
-moz-transition : 0.5s all;
-o-transition : 0.5s all;
transition : 0.5s all;
}
.page-banner .split-1.clicked .overlay,
.page-banner .split-2.clicked .overlay {
opacity : 0.3;
-webkit-transition : 0.5s all;
-moz-transition : 0.5s all;
-o-transition : 0.5s all;
transition : 0.5s all;
}
.page-banner .text .content {
display : inline-block;
padding : 20px;
}
.page-banner .text .content .plus {
max-height : 60px;
overflow : hidden;
}
.page-banner .text .content .plus img {
width : 60px;
cursor : pointer;
}
.page-banner .split-1.clicked .text .content .plus,
.page-banner .split-2.clicked .text .content .plus {
max-height : 0px;
opacity : 0;
-webkit-transition : 0.4s all;
-moz-transition : 0.4s all;
-o-transition : 0.4s all;
transition : 0.4s all;
}
.page-banner .text .content h2.medium-heading {
color : #fff;
font-size : 3.5em;
line-height : 1.4em;
text-shadow : 0px 0px 10px #000;
}
.page-banner .text .content h2.medium-heading a {
color : #fff;
}
.page-banner .split-1 .text .content .info,
.page-banner .split-2 .text .content .info {
max-height : 0px;
opacity : 0;
overflow : hidden;
-webkit-transition : 1.0s all;
-moz-transition : 1.0s all;
-o-transition : 1.0s all;
transition : 1.0s all;
}
.page-banner .split-1.clicked .text .content .info,
.page-banner .split-2.clicked .text .content .info {
max-height : 300px;
opacity : 1;
-webkit-transition : 1.0s all;
-moz-transition : 1.0s all;
-o-transition : 1.0s all;
transition : 1.0s all;
}
.page-banner .text .content p {
overflow : hidden;
padding : 0px 20%;
color : #fff;
font-size : 1.2em;
line-height : 1.4em;
text-shadow : 0px 0px 2px #000;
}
.page-banner .text .content h2.large-heading {
color : #fff;
font-size : 5em;
line-height : 1.4em;
text-shadow : 0px 0px 20px #000;
}
.page-banner .text .content img.project-type {
padding-bottom : 30px;
width : auto;
height : 40px;
float : none;
}
.page-banner .text .content ul {
list-style-type : none;
}
.page-banner .text .content ul li {
color : #fff;
text-shadow : 0px 0px 4px #000;
font-weight : 400;
font-size : 20px;
}
.page-banner .text .content ul li::before {
content : '- ';
}
.page-banner .text .content .text-padding {
padding : 0px 10%;
}
.page-banner .text .content .text-padding h2 {
font-size : 2em;
}
.page-banner .full .splitter-line {
border-top : 5px solid #fff;
}
.page-banner .split-1 .splitter-line,
.page-banner .split-2 .splitter-line {
border-top : 3px solid #fff;
}
.page-footer {
background : #085ca3;
min-height : 500px;
color : #fff;
text-align : center;
padding-bottom : 200px;
}
.page-footer .logo-text {
text-transform : uppercase;
font-size : 12px;
font-weight : 700;
color : #fff;
}
.page-footer .copyright {
text-transform : uppercase;
font-size : 10px;
font-weight : 300;
color : #fff;
}
.page-footer .talkto {
height : 25px;
}
.page-footer .copyright a {
text-decoration : underline;
color : #fff;
}
.page-footer #personvern {
padding-top : 40px;
max-width : 600px;
margin : 0 auto;
}
.page-footer #personvern * {
color : #fff;
}
.cms .brodtekst, .cms p {
padding : 0px 0px 0px 0px;
margin : 0px;
}
.cms .heading, .cms h1 {
font-weight : 300;
margin : 0px 0px 30px 0px;
padding : 0px 0px 0px 0px;
}
.cms .heading2, .cms h2 {
padding : 10px 0px 12px 0px;
margin : 0px;
}
.cms .innrykk {
margin-left : 50px;
}
.cms .quote {
quotes : '\201C' '\201D' '\2018' '\2019';
font-size : 3em;
font-weight : 100;
font-style : italic;
line-height : 1.4em;
margin : 0px;
color : #888888;
padding : 60px 40px 60px 40px;
}
.cms .quote::before {
content : open-quote;
}
.cms .quote::after {
content : close-quote;
}
.cms img {
position : relative;
display : inline;
}
.cms p.formattingLeft,h1.formattingLeft,h2.formattingLeft,h3.formattingLeft,h4.formattingLeft,h5.formattingLeft,h6.formattingLeft,td.formattingLeft,th.formattingLeft,div.formattingLeft,ul.formattingLeft,ol.formattingLeft,li.formattingLeft,table.formattingLeft {
text-align : left;
}
.cms img.formattingLeft {
float : left;
padding-right : 30px;
padding-bottom : 10px;
text-align : left;
}
.cms p.formattingCenter,h1.formattingCenter,h2.formattingCenter,h3.formattingCenter,h4.formattingCenter,h5.formattingCenter,h6.formattingCenter,td.formattingCenter,th.formattingCenter,div.formattingCenter,ul.formattingCenter,ol.formattingCenter,li.formattingCenter,table.formattingCenter {
text-align : center;
}
.cms img.formattingCenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.cms p.formattingRight,h1.formattingRight,h2.formattingRight,h3.formattingRight,h4.formattingRight,h5.formattingRight,h6.formattingRight,td.formattingRight,th.formattingRight,div.formattingRight,ul.formattingRight,ol.formattingRight,li.formattingRight,table.formattingRight {
text-align : right;
}
.cms img.formattingRight {
float : right;
padding-left : 30px;
padding-bottom : 10px;
text-align : right;
}
.cms p.formattingJustify,h1.formattingJustify,h2.formattingJustify,h3.formattingJustify,h4.formattingJustify,h5.formattingJustify,h6.formattingJustify,td.formattingJustify,th.formattingJustify,div.formattingJustify,ul.formattingJustify,ol.formattingJustify,li.formattingJustify,table.formattingJustify {
text-align : justify;
}
.cms img.formattingJustify {
width : 100%;
text-align : justify;
}
.cms .otherLeft {
text-align : left;
}
.cms ul {
list-style-type : disc;
padding : 0px 0px 0px 20px;
margin : 0px;
}
.cms ol {
padding : 0px 0px 0px 20px;
margin : 0px;
}
.cms ul li, .cms ol li {
padding : 0px;
margin : 0px;
}
.form-container {
background : #404040;
margin : 40px 0px 0px;
padding : 70px 100px;
}
.form-container h2 {
color : #a6a6a6;
font-size : 2.6em;
font-weight : 400;
padding-bottom : 30px;
}
.form-container .button-container {
text-align : center;
}
.form > h2, .form > div > h2 {
padding : 30px;
font-size : 2em;
text-align : center;
}
.form a {
cursor : pointer;
}
.form .divider {
border-bottom : 1px solid #ddd;
}
.form .sections {
overflow : hidden;
padding : 25px 0px;
margin-left : -30px;
}
.form .sections.no-tp {
padding-top : 0px;
}
.form .sections .section {
float : left;
box-sizing : border-box;
padding-left : 30px;
}
.form .sections .section.width-30 {
width : 30%;
}
.form .sections .section.width-50 {
width : 50%;
}
.form .sections .section.width-70 {
width : 70%;
}
.form .sections .section.width-100 {
width : 100%;
}
.form .sections .section > label {
display : block;
padding-bottom : 4px;
color : #e5e5e5;
font-size : 1.2em;
line-height : 1.3em;
}
.form .sections .section > label span {
color : #e5e5e5;
}
.form .sections .section > label span.error {
color : #CD303B !important;
}
.form .sections .section .fields {
overflow : hidden;
margin-left : -10px;
}
.form .sections .section .fields .field {
display : inline;
float : left;
box-sizing : border-box;
padding-left : 10px;
width : 100%;
}
.form .sections .section .fields .field.bp-6 {
padding-bottom : 6px;
}
.form .sections .section .fields .field.bp-16 {
padding-bottom : 16px;
}
.form .sections .section .fields .field.width-20 {
width : 20% !important;
}
.form .sections .section .fields .field.width-25 {
width : 25% !important;
}
.form .sections .section .fields .field.width-30 {
width : 30% !important;
}
.form .sections .section .fields .field.width-70 {
width : 70% !important;
}
.form .sections .section .fields .field.width-80 {
width : 80% !important;
}
.form .sections .section .fields .field.contact-checkbox {
padding-top : 5px;
width : 130px;
}
.form .sections .section .fields .field input[type="text"],
.form .sections .section .fields .field textarea {
box-sizing : border-box;
width : 100%;
border : 0px;
padding : 13px 5px;
outline : 0px;
}
.form .sections .section .fields .field input[type="text"].error,
.form .sections .section .fields .field textarea.error,
.form .sections .section .info .content div.error {
border : 1px solid #ED1C24;
}
.form .sections .section .fields .field textarea {
height : 250px;
}
.form .sections .section .info {
overflow : hidden;
padding-left : 0px;
padding-top : 10px;
}
.form .sections .section .info:first-child {
padding-top : 0px;
}
.form .sections .section .info .title {
float : left;
display : inline;
width : 100px;
}
.form .sections .section .info .content {
margin-left : 110px;
}
.form .sections .section .info .content div {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
width : 100%;
border : 1px solid #bbb;
padding : 8px 5px;
}
.form .sections .section .info .content div select {
width : 100%;
border : 0px;
padding : 0px;
margin : 0px;
outline : 0px;
}
.form-bottom {
background : #eee;
text-align : right;
padding : 30px 0px;
}
.form-bottom .page-width {
padding : 0px 30px;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
.form #contact-form-errors-container, .form #order-form-errors-container {
display : none;
margin : 0px 0px 20px;
border : 1px solid #ED1C24;
background : #fff;
padding : 15px;
}
.form .error-message p {
margin : 0px;
padding : 0px;
color : #ED1C24;
}
.form .error-message ul {
padding : 0px;
margin : 0px;
list-style-type : disc;
}
.form .error-message ul li {
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 14px;
font-size : ;
line-height : 18px;
color : #ED1C24;
}
label {
font-size : 20px;
font-weight : 400;
height : 20px;
padding-bottom : 10px;
color : #000;
}
.checkbox-text,
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
padding-left: 35px;
display : inline;
font-size : 20px;
font-weight : 400;
height : 20px;
padding-bottom : 10px;
color : #000;
vertical-align : middle;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
.zoom img {
-webkit-animation-duration : 30s;
-moz-animation-duration : 30s;
-o-animation-duration : 30s;
animation-duration : 30s;
-webkit-animation-fill-mode : both;
-moz-animation-fill-mode : both;
-o-animation-fill-mode : both;
animation-fill-mode : both;
-webkit-animation-iteration-count : infinite;
-moz-animation-iteration-count : infinite;
-o-animation-iteration-count : infinite;
animation-iteration-count : infinite;
-webkit-animation-name : move;
-moz-animation-name : move;
-o-animation-name : move;
animation-name : move;
-webkit-animation-direction : alternate;
-moz-animation-direction : alternate;
-o-animation-direction : alternate;
animation-direction : alternate;
-webkit-transform-origin : middle center;
-moz-transform-origin : middle center;
-ms-transform-origin : middle center;
-o-transform-origin : middle center;
transform-origin : middle center;
}
.front-blocks {
margin : -10% auto 0px;
position : relative;
z-index : 100;
max-width : 1014px;
}
.front-blocks.no-margin {
margin : 40px auto 0px;
}
.front-blocks .desktop .block {
cursor : pointer;
transition : 0.2s all;
}
.front-blocks .desktop .block:hover {
transition : 0.2s all;
}
.front-blocks .desktop .sizer {
width : 100%;
}
.front-blocks .desktop .block.green {
position : absolute;
padding-top : 4%;
left : 0%;
width : 34.22%;
}
.front-blocks .desktop .block.pink {
position : absolute;
left : 29.68%;
width : 40.23%;
}
.front-blocks .desktop .block.blue {
position : absolute;
padding-top : 4%;
left : 65.78%;
width : 34.22%;
}
.front-blocks .handheld {
display : none;
}
.front-blocks .handheld > div {
padding : 20px;
cursor : pointer;
}
.front-blocks .handheld > div.green {
background : #7d870d;
}
.front-blocks .handheld > div.pink {
background : #e50579;
}
.front-blocks .handheld > div.blue {
background : #0fb5c7;
}
.front-blocks .handheld > div img {
float : left;
width : 35%;
}
.front-blocks .handheld > div > div {
margin-left : 40%;
color : #fff;
}
.front-blocks .handheld > div > div h2 {
color : #fff;
font-size : 28px;
font-weight : 100;
padding-bottom : 10px;
}
.front-blocks .handheld > div > div p {
color : #fff;
}
.popup-blocker {
display : none;
position : absolute;
z-index : 25000;
background : #000;
width : 100%;
height : 100%;
top : 0px;
left : 0px;
}
.popup .animated {
-o-transition : all .40s ease;
-moz-transition : all .40s ease;
-webkit-transition : all .40s ease;
transition : all .40s ease;
}
.popup {
position : absolute;
z-index : 25001;
width : 1000px;
top : 100px;
background : #ffffff;
-webkit-transform : scale(1.1);
-moz-transform : scale(1.1);
-ms-transform : scale(1.1);
-o-transform : scale(1.1);
transform : scale(1.1);
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
-webkit-box-shadow : 0px 0px 55px 0px #000000;
-moz-shadow : 0px 0px 55px 0px #000000;
box-shadow : 0px 0px 55px 0px #000000;
border-radius : 30px;
padding : 0px;
-webkit-transition : -webkit-transform .4s ease-in, opacity .3s ease-in, visibility .4s ease-in;
-moz-transition : -moz-transform .4s ease-in, opacity .3s ease-in, visibility .4s ease-in;
-ms-transition : -ms-transform .4s ease-in, opacity .3s ease-in, visibility .4s ease-in;
-o-transition : -o-transform .4s ease-in, opacity .3s ease-in, visibility .4s ease-in;
transition : transform .4s ease-in, opacity .3s ease-in, visibility .4s ease-in;
}
.popup-display {
visibility : visible;
opacity : 1;
-webkit-transform : scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
-webkit-transition : -webkit-transform .4s ease-out, opacity .4s ease-out, visibility .4s ease-out;
-moz-transition : -moz-transform .4s ease-out, opacity .4s ease-out, visibility .4s ease-out;
-ms-transition : -ms-transform .4s ease-out, opacity .4s ease-out, visibility .4s ease-out;
-o-transition : -o-transform .4s ease-out, opacity .4s ease-out, visibility .4s ease-out;
transition : transform .4s ease-out, opacity .4s ease-out, visibility .4s ease-out;
}
.popup-hidden {
visibility : hidden;
opacity : 0;
}
.popup .close-button {
font-size : 40px;
font-weight : bold;
line-height : 40px;
color : #aaaaaa;
position : absolute;
top : 20px;
right : 30px;
padding : 0px 5px;
cursor : pointer;
}
.popup .close-button:hover {
color : #808080;
}
.popup a.button.contrast, .popup button.contrast {
border : 1px solid #00488e;
}
.popup a.button.contrast:hover, .popup button.contrast:hover {
border : 1px solid #00488e;
}
.popup .green, .popup .pink, .popup .spesial, .popup .blue {
display : none;
}
.package-color.green {
color : #7d861e;
}
.package-color.pink {
color : #e21679;
}
.package-color.blue {
color : #23b5c6;
}
.package-color.spesial {
color : #f26722;
}
.popup .padding {
padding-left : 70px;
padding-right : 70px;
}
.popup .padding-left {
padding-left : 70px;
}
.popup .padding-right {
padding-right : 70px;
}
.popup .padding-bottom {
padding-bottom : 20px;
}
.popup .heading {
padding-top : 40px;
padding-bottom : 20px;
}
.popup .heading h2 {
padding : 0px;
}
.popup .heading h2 .package {
font-size : 50px;
font-weight : 400;
}
.popup .heading h2 .info-standard,
.popup .heading h2 .info-spesial {
color : #000;
padding-left : 15px;
font-size : 20px;
line-height : 27px;
}
.popup .included {
background : #ebebeb;
padding-top : 20px;
padding-bottom : 20px;
position : relative;
overflow : hidden;
}
.popup .included ul.checks {
list-style-type : none;
}
.popup .included ul.checks li {
display : inline;
float : left;
width : 37%;
padding-bottom : 10px;
}
.popup .included ul.checks li.blue {
width : 33.33%;
}
.popup .included .price {
position : absolute;
top : 20px;
right : 0px;
font-weight : 400;
font-size : 32px;
}
.popup .form {
padding-top : 30px;
padding-bottom : 30px;
}
.popup .form .elements {
overflow : hidden;
margin-left : -160px;
}
.popup .form .elements .element {
display : inline;
float : left;
width : 350px;
padding-left : 160px;
padding-bottom : 20px;
}
.popup .form .elements .element label {
font-weight : 400;
font-size : 18px;
color : #000;
}
.popup input[type="text"],
.popup textarea {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
margin-top : 7px;
font-size : 18px;
color : #000;
background : #ebebeb;
padding : 10px;
width : 100%;
border : 1px solid #c2c2c2;
border-radius : 4px;
}
.popup input[type="text"].error,
.popup textarea.error {
border : 1px solid #ff0000;
box-shadow : 0px 1px 5px -1px #ff0000;
}
.popup #contact-form-errors-container {
display : none;
background : #fff;
padding : 10px 0px 0px;
}
.popup .error-message p {
margin : 0px;
padding : 0px;
color : #ED1C24;
}
.popup .error-message ul {
padding : 0px;
margin : 0px;
list-style-type : disc;
}
.popup .error-message ul li {
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 14px;
line-height : 18px;
color : #ED1C24;
}
.popup textarea {
height : 150px;
}
.popup input[type="text"].light {
background : #fff;
}
.popup .options-manual {
overflow : hidden;
}
.popup .options-manual p {
color : #000;
}
.popup .options {
overflow : hidden;
background : #ebebeb;
padding-top : 40px;
padding-bottom : 40px;
}
.popup .options ul.checks {
list-style-type : none;
margin-left : -90px;
}
.popup .options ul.checks li {
display : inline;
float : left;
width : 420px;
padding-left : 90px;
padding-bottom : 10px;
}
.popup .options h2 {
font-size : 30px;
padding-bottom : 20px;
}
.popup .options h2 .thin {
font-weight : 100;
}
.popup .options .addons {
padding-top : 20px;
clear : both;
}
.popup .send-section {
padding-top : 40px;
padding-bottom : 40px;
overflow : hidden;
position : relative;
}
.popup .send-section .extra {
display : inline;
float : left;
width : 470px;
}
.popup .send-section .send-button {
position : absolute;
bottom : 40px;
right : 70px;
width : 350px;
}
.popup .send-section input[type="submit"],
.popup .send-section a.submit,
.popup .send-section button {
display : block;
text-align : center;
text-decoration : none;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
font-size : 30px;
width : 100%;
padding : 20px 10px;
background : #275c9e;
color : #fff;
margin-top : 20px;
border : 0px;
border-radius : 15px;
cursor : pointer;
-webkit-transition : 0.3s all;
-moz-transition : 0.3s all;
-o-transition : 0.3s all;
transition : 0.3s all;
}
.popup .send-section input[type="submit"]:hover,
.popup .send-section a.submit:hover,
.popup .send-section button:hover {
background : #4b7ab5;
-webkit-transition : 0.3s all;
-moz-transition : 0.3s all;
-o-transition : 0.3s all;
transition : 0.3s all;
}
.popup .hosting {
font-size : 16px;
}
.process {
position : relative;
text-align : center;
}
.process .blocks {
position : relative;
z-index : 101;
}
.process .blocks .block {
overflow : hidden;
text-align : center;
margin-bottom : 8%;
}
.process .blocks .block .plus {
position : relative;
padding-top : 3%;
margin : 0 auto;
width : 91px;
height : 90px;
}
.process .blocks .block .plus img {
position : absolute;
top : 0px;
left : 0px;
}
.process .blocks .block .plus img.active {
opacity : 0;
-webkit-transition : 0.5s all;
-moz-transition : 0.5s all;
-o-transition : 0.5s all;
transition : 0.5s all;
}
.process .blocks .block .plus img.active.visible {
opacity : 1;
-webkit-transition : 0.5s all;
-moz-transition : 0.5s all;
-o-transition : 0.5s all;
transition : 0.5s all;
}
.process .blocks .block .left {
display : inline;
float : left;
width : 40%;
}
.process .blocks .block .right {
display : inline;
float : right;
width : 40%;
}
.process .blocks .block h2 {
color : #085ca3;
text-align : left;
}
.process .blocks .block p {
text-align : left;
}
.process .line {
position : absolute;
z-index : 100;
background : url("../../resources/images/process/process-line.jpg") repeat-y center center;
width : 3px;
}
@media only screen and (max-width: 1200px) {
.pt-10 { }
.pt-20 { }
.pt-30 { }
.pt-40 { }
.pt-50 { }
.pt-60 { }
.pt-70 { }
.pb-10 { }
.pb-20 { }
.pb-30 { }
.pb-40 { }
.pb-50 { }
.pb-60 { }
.pb-70 { }
.pl-10 { }
.pl-20 { }
.pl-30 { }
.pl-40 { }
.pl-50 { }
.pl-60 { }
.pl-70 { }
.pr-10 { }
.pr-20 { }
.pr-30 { }
.pr-40 { }
.pr-50 { }
.pr-60 { }
.pr-70 { }
.mt-10 { }
.mt-20 { }
.mt-30 { }
.mt-40 { }
.mt-50 { }
.mt-60 { }
.mt-70 { }
.mb-10 { }
.mb-20 { }
.mb-30 { }
.mb-40 { }
.mb-50 { }
.mb-60 { }
.mb-70 { }
.ml-10 { }
.ml-20 { }
.ml-30 { }
.ml-40 { }
.ml-50 { }
.ml-60 { }
.ml-70 { }
.mr-10 { }
.mr-20 { }
.mr-30 { }
.mr-40 { }
.mr-50 { }
.mr-60 { }
.mr-70 { }
.header-width {
width : 1000px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
}
@media only screen and (max-width: 1010px) {
p, li {
font-size : 1.1em;
line-height : 1.4em;
}
h1 {
font-size : 3.5em;
}
h2 {
font-size : 1.2em;
}
.pt-10 { }
.pt-20 { }
.pt-30 { }
.pt-40 { }
.pt-50 { }
.pt-60 { }
.pt-70 { }
.pb-10 { }
.pb-20 { }
.pb-30 { }
.pb-40 { }
.pb-50 { }
.pb-60 { }
.pb-70 { }
.pl-10 { }
.pl-20 { }
.pl-30 { }
.pl-40 { }
.pl-50 { }
.pl-60 { }
.pl-70 { }
.pr-10 { }
.pr-20 { }
.pr-30 { }
.pr-40 { }
.pr-50 { }
.pr-60 { }
.pr-70 { }
.mt-10 { }
.mt-20 { }
.mt-30 { }
.mt-40 { }
.mt-50 { }
.mt-60 { }
.mt-70 { }
.mb-10 { }
.mb-20 { }
.mb-30 { }
.mb-40 { }
.mb-50 { }
.mb-60 { }
.mb-70 { }
.ml-10 { }
.ml-20 { }
.ml-30 { }
.ml-40 { }
.ml-50 { }
.ml-60 { }
.ml-70 { }
.mr-10 { }
.mr-20 { }
.mr-30 { }
.mr-40 { }
.mr-50 { }
.mr-60 { }
.mr-70 { }
.content-width {
width : 768px;
}
.header-width {
width : 100%;
padding : 10px 10px 0px;
}
.top-line .menu-button span, .top-line .menu-button span:before, .top-line .menu-button span:after {
-webkit-transition : none;
-moz-transition : none;
-o-transition : none;
transition : none;
}
.page-banner .text .content h2.medium-heading {
font-size : 2.4em;
}
.page-banner .text .content p {
font-size : 1.2em;
}
.form-container {
padding : 40px 60px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
.popup {
top : 50px;
width : 90%;
}
.popup .included ul.checks {
margin-left : -20px;
}
.popup .included ul.checks li {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
padding-left : 20px;
width : 50%;
}
.popup .included ul.checks li.blue {
width : 50%;
}
.popup .included .price {
position : static;
float : right;
}
.popup .form .elements {
margin-left : -20px;
}
.popup .form .elements .element {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
width : 50%;
padding-left : 20px;
}
.popup .send-section .extra {
display : block;
float : none;
width : auto;
}
.popup .send-section .send-button {
position : static;
width : auto;
padding-top : 20px;
}
.popup .send-section input[type="submit"] {
display : inline;
float : right;
width : 300px;
}
}
@media only screen and (max-width: 768px) {
.pt-10 { }
.pt-20 { }
.pt-30 { }
.pt-40 { }
.pt-50 { }
.pt-60 { }
.pt-70 { }
.pb-10 { }
.pb-20 { }
.pb-30 { }
.pb-40 { }
.pb-50 { }
.pb-60 { }
.pb-70 { }
.pl-10 { }
.pl-20 { }
.pl-30 { }
.pl-40 { }
.pl-50 { }
.pl-60 { }
.pl-70 { }
.pr-10 { }
.pr-20 { }
.pr-30 { }
.pr-40 { }
.pr-50 { }
.pr-60 { }
.pr-70 { }
.mt-10 { }
.mt-20 { }
.mt-30 { }
.mt-40 { }
.mt-50 { }
.mt-60 { }
.mt-70 { }
.mb-10 { }
.mb-20 { }
.mb-30 { }
.mb-40 { }
.mb-50 { }
.mb-60 { }
.mb-70 { }
.ml-10 { }
.ml-20 { }
.ml-30 { }
.ml-40 { }
.ml-50 { }
.ml-60 { }
.ml-70 { }
.mr-10 { }
.mr-20 { }
.mr-30 { }
.mr-40 { }
.mr-50 { }
.mr-60 { }
.mr-70 { }
.t-center-mobile {
text-align : center;
}
.handheld-only {
display : inline !important;
}
.handheld-only-block {
display : block !important;
}
.no-mobile {
display : none !important;
}
.content-width {
width : 100%;
}
.content-padding {
padding : 0px 20px;
}
.page-header .container .content img {
width : 70%;
}
.top-line .logo {
width : 75px;
}
.top-line .menu-button {
width : 30px;
top : 10px;
}
.page-text .full {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
padding : 30px 10px 30px;
width : 100%;
}
.page-banner .split-1,
.page-banner .split-2 {
width : 100%;
display : block;
float : none;
overflow : hidden;
background : #333;
}
.page-banner .split-1 img {
width : 50%;
float : left;
}
.page-banner .split-2 img {
width : 50%;
float : right;
}
.page-banner .split-1 .text {
width : 50%;
padding-left : 50%;
}
.page-banner .split-2 .text {
width : 50%;
}
.page-banner .split-1 .text {
top : 50%;
}
.page-banner .split-2 .text {
top : 50%;
}
.page-banner .split-1.clicked .overlay,
.page-banner .split-2.clicked .overlay {
opacity : 0;
}
.page-banner .text .content .plus {
display : none;
}
.page-banner .text .content h2.medium-heading {
font-size : 2.0em;
}
.page-banner .split-1 .text .content .info,
.page-banner .split-2 .text .content .info {
max-height : 200px;
opacity : 1;
}
.page-banner .text .content p {
padding : 10px;
font-size : 1.0em;
}
.page-banner .text .content h2.large-heading {
font-size : 3.5em;
}
.page-banner .text .content img.project-type {
padding-bottom : 15px;
height : 35px;
}
.page-banner .text .content .text-padding h2 {
font-size : 3em;
line-height : 1.4em;
font-weight : 100;
}
.form > h2, .form > div > h2 {
padding : 20px;
font-size : 1.6em;
}
.form .sections {
padding : 20px 0px;
margin-left : 0px;
}
.form .sections .section {
float : none;
padding-left : 0px;
width : auto !important;
}
.form-bottom .page-width {
padding : 0px 20px;
}
.form #contact-form-errors-container, .form #order-form-errors-container {
margin : 0px 0px 20px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
.popup {
-webkit-transform : none;
-moz-transform : none;
-ms-transform : none;
-o-transform : none;
transform : none;
-webkit-transition : all 0 ease 0;
-moz-transition : all 0 ease 0;
-ms-transition : all 0 ease 0;
-o-transition : all 0 ease 0;
transition : all 0 ease 0;
}
.popup-display {
-webkit-transform : none;
-moz-transform : none;
-ms-transform : none;
-o-transform : none;
transform : none;
-webkit-transition : all 0 ease 0;
-moz-transition : all 0 ease 0;
-ms-transition : all 0 ease 0;
-o-transition : all 0 ease 0;
transition : all 0 ease 0;
}
.popup .padding {
padding-left : 40px;
padding-right : 40px;
}
.popup .padding-left {
padding-left : 40px;
}
.popup .padding-right {
padding-right : 40px;
}
.popup .padding-bottom {
padding-bottom : 20px;
}
.popup .heading h2 .info-standard,
.popup .heading h2 .info-spesial {
padding-left : 0px;
padding-top : 10px;
display : block;
}
.popup .included ul.checks li {
padding-left : 20px;
display : block;
float : none;
width : auto;
}
.popup .included ul.checks li.blue {
width : 100%;
}
.popup .form .elements .element {
display : block;
float : none;
width : auto;
}
.popup .send-section input[type="submit"] {
width : 100%;
}
.process .blocks .block .plus {
display : none;
}
.process .blocks .block .left {
width : 48%;
}
.process .blocks .block .right {
width : 48%;
}
.process .blocks .block .left img,
.process .blocks .block .right img {
max-width : 100%;
}
.process .line {
display : none;
}
}
@media only screen and (max-width: 480px) {
h1 {
font-size : 2.2em;
}
h2 {
font-size : 1.2em;
}
.pt-10 { }
.pt-20 { }
.pt-30 { }
.pt-40 { }
.pt-50 { }
.pt-60 { }
.pt-70 { }
.pb-10 { }
.pb-20 { }
.pb-30 { }
.pb-40 { }
.pb-50 { }
.pb-60 { }
.pb-70 { }
.pl-10 { }
.pl-20 { }
.pl-30 { }
.pl-40 { }
.pl-50 { }
.pl-60 { }
.pl-70 { }
.pr-10 { }
.pr-20 { }
.pr-30 { }
.pr-40 { }
.pr-50 { }
.pr-60 { }
.pr-70 { }
.mt-10 { }
.mt-20 { }
.mt-30 { }
.mt-40 { }
.mt-50 { }
.mt-60 { }
.mt-70 { }
.mb-10 { }
.mb-20 { }
.mb-30 { }
.mb-40 { }
.mb-50 { }
.mb-60 { }
.mb-70 { }
.ml-10 { }
.ml-20 { }
.ml-30 { }
.ml-40 { }
.ml-50 { }
.ml-60 { }
.ml-70 { }
.mr-10 { }
.mr-20 { }
.mr-30 { }
.mr-40 { }
.mr-50 { }
.mr-60 { }
.mr-70 { }
a.button,
button {
font-size : 1.0em;
line-height : 1.4em;
}
a.button.order-red,
button.order-red {
padding : 10px 20px;
font-size : 1.4em;
}
.content-padding {
padding : 0px 10px;
}
.revealify.revealify-hidden {
margin-top : 0px !important;
}
.diagonal-top {
border-style : none;
border-width : 0px;
}
.diagonal-bottom {
border-style : none;
border-width : 0px;
}
.diagonal-padding-top {
padding-top : 0px;
}
.page-header .container .content img {
width : 90%;
}
.page-text .split-1 {
display : block;
float : none;
width : auto;
padding : 30px 10px 30px;
}
.page-text .split-2 {
display : block;
float : none;
width : auto;
padding : 30px 10px 30px;
}
.splitter-line {
margin : 10px auto 10px;
}
.page-banner .split-1 img {
width : 100%;
float : none;
}
.page-banner .split-2 img {
width : 100%;
float : none;
}
.page-banner .split-1 .text {
position : static;
width : 100%;
padding : 0px 0px 0px;
}
.page-banner .split-2 .text {
position : static;
width : 100%;
padding : 0px 0px 0px;
}
.page-banner .full .text {
-webkit-transform : translate(0, 0);
-moz-transform : translate(0, 0);
-o-transform : translate(0, 0);
transform : translate(0, 0);
}
.page-banner .split-1 .text,
.page-banner .split-2 .text {
-webkit-transform : translate(0, 0);
-moz-transform : translate(0, 0);
-o-transform : translate(0, 0);
transform : translate(0, 0);
}
.page-banner .text .content h2.medium-heading {
font-size : 2.0em;
}
.page-banner .text .content p {
font-size : 1.2em;
}
.page-banner .text .content h2.large-heading {
font-size : 2em;
}
.page-banner .full .splitter-line {
border-top : 3px solid #fff;
}
.page-banner .split-1 .splitter-line,
.page-banner .split-2 .splitter-line {
display : none;
}
.cms .quote {
font-size : 2em;
line-height : 1.4em;
padding : 50px 30px 50px 30px;
}
.form-container {
padding : 20px 20px;
}
.form .sections .section .fields .field input[type="text"],
.form .sections .section .fields .field textarea {
padding : 7px 5px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
.zoom img {
-webkit-animation-name : none;
-moz-animation-name : none;
-o-animation-name : none;
animation-name : none;
}
.front-blocks {
margin : 0px auto 0px;
}
.front-blocks .desktop {
display : none;
}
.front-blocks .handheld {
display : block;
}
.popup {
width : 100%;
border-radius : 10px;
}
.popup .padding {
padding-left : 20px;
padding-right : 20px;
}
.popup .padding-left {
padding-left : 20px;
}
.popup .padding-right {
padding-right : 20px;
}
.popup .padding-bottom {
padding-bottom : 10px;
}
.popup .included ul.checks li p {
padding-top : 8px;
font-size : 14px !important;
}
.popup .options ul.checks li label {
padding-top : 6px;
font-size : 14px !important;
}
.process .blocks .block {
margin-bottom : 50px;
}
.process .blocks .block .text.left {
float : none;
display : block;
width : auto;
}
.process .blocks .block .text.right {
float : none;
display : block;
width : auto;
}
.process .blocks .block .image.left {
float : right;
width : 25%;
padding-left : 5%;
}
.process .blocks .block .image.right {
width : 25%;
padding-left : 5%;
}
}
@media only screen and (max-width: 320px) {
.pt-10 { }
.pt-20 { }
.pt-30 { }
.pt-40 { }
.pt-50 { }
.pt-60 { }
.pt-70 { }
.pb-10 { }
.pb-20 { }
.pb-30 { }
.pb-40 { }
.pb-50 { }
.pb-60 { }
.pb-70 { }
.pl-10 { }
.pl-20 { }
.pl-30 { }
.pl-40 { }
.pl-50 { }
.pl-60 { }
.pl-70 { }
.pr-10 { }
.pr-20 { }
.pr-30 { }
.pr-40 { }
.pr-50 { }
.pr-60 { }
.pr-70 { }
.mt-10 { }
.mt-20 { }
.mt-30 { }
.mt-40 { }
.mt-50 { }
.mt-60 { }
.mt-70 { }
.mb-10 { }
.mb-20 { }
.mb-30 { }
.mb-40 { }
.mb-50 { }
.mb-60 { }
.mb-70 { }
.ml-10 { }
.ml-20 { }
.ml-30 { }
.ml-40 { }
.ml-50 { }
.ml-60 { }
.ml-70 { }
.mr-10 { }
.mr-20 { }
.mr-30 { }
.mr-40 { }
.mr-50 { }
.mr-60 { }
.mr-70 { }
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
span.checkbox-checked {
position: relative;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
span.checkbox-checked:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 3px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
span.checkbox-checked:after {
content: '\2713';
position: absolute;
top: 1px;
left: 2px;
font-size: 31px;
color: #000;
transition: all .2s;
}
.green [type="checkbox"]:not(:checked) + label:after,
.green [type="checkbox"]:checked + label:after,
.green span.checkbox-checked:after {
color: #7d861e;
}
.pink [type="checkbox"]:not(:checked) + label:after,
.pink [type="checkbox"]:checked + label:after,
.pink span.checkbox-checked:after {
color: #e21679;
}
.blue [type="checkbox"]:not(:checked) + label:after,
.blue [type="checkbox"]:checked + label:after,
.blue span.checkbox-checked:after {
color: #23b5c6;
}
.spesial [type="checkbox"]:not(:checked) + label:after,
.spesial [type="checkbox"]:checked + label:after,
.spesial span.checkbox-checked:after {
color: #f26722;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0) rotate(-25deg);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
}
label:hover:before {
border: 1px solid #000!important;
}
.green label:hover:before {
border: 1px solid #7d861e!important;
}
.pink label:hover:before {
border: 1px solid #e21679!important;
}
.blue label:hover:before {
border: 1px solid #23b5c6!important;
}
.spesial label:hover:before {
border: 1px solid #f26722!important;
}
@-webkit-keyframes move {
from {
transform : scale(1);
text-indent : -9999px;
ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
@keyframes move {
from {
transform : scale(1);
-ms-transform : scale(1);
-webkit-transform : scale(1);
-o-transform : scale(1);
-moz-transform : scale(1);
}
to {
transform : scale(1.15);
-ms-transform : scale(1.15);
-webkit-transform : scale(1.15);
-o-transform : scale(1.15);
-moz-transform : scale(1.15);
}
}
.zoom {
overflow : hidden;
outline : 1px solid transparent;
}
}
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../../resources/font-icons/font-awesome/fontawesome-webfont-v=4.4.0.eot');src:url('../../resources/font-icons/font-awesome/fontawesome-webfont-.eot#iefix&v=4.4.0') format('embedded-opentype'),url('../../resources/font-icons/font-awesome/fontawesome-webfont.woff2-v=4.4.0.html') format('woff2'),url('../../resources/font-icons/font-awesome/fontawesome-webfont.woff-v=4.4.0.html') format('woff'),url('../../resources/font-icons/font-awesome/fontawesome-webfont-v=4.4.0.ttf') format('truetype'),url('../../resources/font-icons/font-awesome/fontawesome-webfont-v=4.4.0.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}
.privacy-policy-container {
background : #000;
background : rgba(0, 0, 0, 0.80);
position : fixed;
padding : 10px 0px 20px;
bottom : 0px;
left : 0px;
width : 100%;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
text-align : center;
z-index : 1000;
}
.privacy-policy-container.hidden {
display : none;
}
.privacy-policy-container p {
color : #fff;
font-size : 14px;
line-height : 18px;
padding : 20px 10px 30px;
margin : 0px;
}
.privacy-policy-container p a {
color : #fff;
text-decoration : underline;
}
.privacy-policy-container h3 {
color : #fff;
font-size : 16px;
line-height : 20px;
margin : 0px;
padding : 0px 0px 5px;
}
.privacy-policy-container button {
background : #fff;
color : #000;
padding : 10px 20px;
margin : 0px 5px 0px 10px;
border : 0px;
-webkit-border-radius : 0px;
-moz-border-radius : 0px;
-o-border-radius : 0px;
border-radius : 0px;
-webkit-appearance : none;
font-weight : bold;
text-transform : uppercase;
cursor : pointer;
}
.privacy-policy-container button.gray {
background : #444;
}
.privacy-policy-container button:hover {
border : 0px;
}
.cookies-policy-pagebox button {
background : #fff;
color : #000;
text-transform : uppercase;
}