/*
CSS Structure
CSS Grid by cssgrid.co
-------------------------------------------------------------
01. Normalise
02. Fonts
03. Header + Menu + Footer
04. Website Styles
05. Mobile, below 767 width
-------------------------------------------------------------
*/
/* 01. Normalise */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body {
font-family: 'Outfit', sans-serif;
color: #616161;
font-weight: normal;
width:100%;
margin:0 auto;
background-color:#fff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 1.1em;
line-height: 1.6;
font-size: 1em; /* 16px/16=1em */
}
h1 {
font-family: 'Outfit', sans-serif;
font-size: 3em; /* 48px/16=3em */
font-weight: 600;
color: #212121;
line-height: 40px;
padding-top: 75px;
padding-bottom: 20px;
}
h2 {
font-family: 'Outfit', sans-serif;
font-size: 2em; /* 32px/16=2em */
font-weight: 600;
color:#00616d;
line-height: 1.2;
padding-top: 15px;
padding-bottom: 15px;
}
h3 {
font-family: 'Outfit', sans-serif;
line-height: 25px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto;
font-weight: normal;
font-size: 1.25em; /* 20px/16=1.25em */
color: #212121;
}
h4 {
color: #212121;
font-family: 'Outfit', sans-serif;
font-size: 1.125em; /* 18px/16=1.125em */
font-weight: 600;
line-height: 36px;
padding: 10px 0px 10px 0px;
}
h5 {
margin: 0 auto;
font-size: 18px;
}
h6 {
color: #212121;
font-family: 'Outfit', sans-serif;
font-size: 14px;
text-align: center;
font-weight: 600;
padding: 10px 0px 10px 0px;
}
h7 {
margin: 0px 0px 0px 0px;
color: #205692;
font-family: 'Outfit', sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: 700;
}
.welcomehome h1 {
font-size: 35px;
}
.welcomehome h2 {
font-size: 25px;
font-weight: normal;
color:#00616d;
line-height: 1.2;
}
html {
margin:0 auto;
overflow-x:hidden;
}
img.scalable {
height: auto !important;
width: auto !important;
max-width: 100%;
}
.centered {
margin-left: auto;
margin-right: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
ul.list-unstyled li {
margin-bottom: 0.5em;
}
.ImageFrame {
padding: 80px;
background: #ffffff;
box-shadow: 0 8px 24px rgb(0 0 0 / 24%), 0 0 8px rgb(0 0 0 / 16%);
-webkit-box-shadow: 0 8px 24px rgb(0 0 0 / 24%), 0 0 8px rgb(0 0 0 / 16%);
-moz-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.16);
}
@media (max-width: 500px) {
div.Certified {
padding: 0px;
padding-bottom: 40px;
background-position: center top;
}
}
@media (max-width: 500px) {
div.Certified2 {
padding: 0px;
padding-bottom: 40px;
background-position: center top;
}
}
@media (max-width: 500px) {
div.FineArt {
padding: 0px;
padding-bottom: 40px;
background-position: center top;
}
}
@media (max-width: 500px) {
div.certificate {
padding: 0px;
}
}
.floatleft {
margin-right: 10px;
float: left;
}
.floatright {
margin-left: 10px;
float: right;
}
.sectioncard {
line-height: 22px;
background-color: #f8f8f8;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.sectioncorvid {
line-height: 22px;
background-color: #e6e6e6;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
a {
color:#03A1F3;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
opacity: 1.0;
}
a:hover {
color:#febf01;
text-decoration: underline;
}
a.selected {
color:#ff6600;
background-color:#f8f8f9;
}
/* 02. Logo - two versions */
.logo {
float: left;
padding: 0px 20px 0px 30px;
position: relative;
z-index: 3;
}
.footer-middle {
background: #3d6277;
padding-top: 2em;
padding-bottom: 2em;
color: white;
}
.footer-bottom ul {
list-style-type: none;
padding: 0;
overflow: hidden;
display: table;
margin: 0 auto;
}
.footer-bottom li {
padding: 1px;
}
.Certified {
background: url(../images/cert-bg.png) left top no-repeat;
}
.Certified2 {
background: url(../images/Canson-Print-Studio-cert.png) left top no-repeat;
}
.FineArt {
background: url(../images/fine-art-bg.png) left top no-repeat;
}
.certificate {
padding: 80px 50px 80px 70px;
line-height: 200%;
}
@media (max-width: 769px){
.footer-bottom li {
float: left;
padding-top: 30px;
padding-right:5px;
padding-left:0px;
padding-bottom:0px;
}
}
footer h4 {
color: #fff;
}
footer a {
color: #bfffff;
}
.jumbotron {
margin-bottom: 0rem;
}
.button_c {
font-size: 18px;
font-weight: 600;
color: #fff !important;
/* text-transform: uppercase; */
text-decoration: none;
background: #0086E6;
padding: 5px;
border: 4px solid #0086E6 !important;
display: inline-block;
transition: all 0.4s ease 0s;
margin-top: 0px;
margin-bottom: 30px;
}
.button_c:hover {
color: #000 !important;
background: #fff;
border-color: #00616 !important;
transition: all 0.4s ease 0s;
}
.button_d {
font-size: 18px;
font-weight: 600;
color: #0086E6 !important;
/* text-transform: uppercase; */
text-decoration: none;
background: #fff;
padding: 5px;
border: 4px solid #0086E6 !important;
display: inline-block;
transition: all 0.4s ease 0s;
margin-top: 0px;
margin-bottom: 30px;
}
.button_d:hover {
color: #fff !important;
background: #0086E6;
border-color: #00616 !important;
transition: all 0.4s ease 0s;
}
.desktop {
display: block;
}
/* hide mobile version by default */
.logo .mobile {
display: none;
}
.page-header__button-icon {
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
fill: #B1B3B6;
-webkit-transition: fill 0.15s ease-in;
transition: fill 0.15s ease-in;
}
.head {
color: #fff;
font-size: 18px;
right: 5px;
top: 0px;
transition: all 0.4s ease-in-out 0s;
z-index: 102;
display: block;
}
.head a {
color: #fff;
text-decoration: none;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
opacity: 1.0;
}
.side {
font-weight: bold;
font-family: filson-pro, sans-serif;
font-size: 1em;
z-index: 0;
position: relative;
}
.side a {
color: #fff;
text-decoration: none;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
opacity: 1.0;
}
.side a:hover {
color: #febf01;
}
.mobile {
display: none;
}
object{
pointer-events: none;
}
.footer-social {
margin-top: 3.7rem;
}
.footer-social .footer-network {
margin-left: 1.5rem;
margin-right: 1.5rem;
text-decoration: none;
}
@media only screen and (max-width: 991px) {
.side {
display: none;
}
.head {
display: none;
}
.mobile {
display: block; /* or inline, or whichever style you prefer*/
}
.navbar-brand {
padding-bottom: 5px!important;
}
}
/* when screen is less than 767px (was 600px) wide show mobile version and hide desktop */
@media (max-width: 767px) {
.logo .mobile {
display: block;
}
.logo .desktop {
display: none;
}
}
@media (max-width: 767px) {
.cart {
padding-top: 18px;
}
}
/* hide mobile version by default */
.cartmobile {
display: none;
}
/* when screen is less than 767px wide show mobile version and hide desktop */
@media (max-width: 767px) {
.cartmobile {
display: block;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 8px;
font-weight: bold;
font-family: source-sans-pro, Arial, Helvetica, sans-serif;
font-size: 16px;
z-index: 3;
position: relative;
float: right;
}
.cart {
display: none;
}
}
@media (max-width: 767px) {
.cartmobile {
font-size: 0.9em;
}
}
/* hide guarantee version by default */
.guarantee {
display: none;
}
/* when screen is less than 767px wide show mobile version and hide desktop */
@media (max-width: 767px) {
.guarantee {
display: block;
}
}
/* when screen is less than 767px wide show mobile version and hide desktop */
@media (max-width: 767px) {
.footer {
display: none;
}
}
/* 04. Website Styles */
/* Animation timing for sliding mobile nav, 0.5 secs */
.wrapper a:hover,
.footer a:hover {
border-bottom-color: #74797e;
}
img,
img a {
font-size:14px;
color:#999;
border:0;
margin:0;
padding:0;
width:100%;
height:auto;
}
.wrapper {
padding-top:5px;
width:100%;
height:auto;
position:relative;
z-index:1;
line-height: 1.5em;
}
.wrapper-padding {
padding-top:50px;
padding-bottom: 50px;
padding-left:80px;
padding-right:80px;
}
/* when screen is less than 767px wide show mobile version */
@media (max-width: 767px) {
.wrapper-padding {
padding-left:20px;
padding-right:20px;
}
}
.max-width {
max-width:1200px;
margin:0 auto;
}
.welcomehome {
padding-bottom:25px;
padding-left:35px;
}
.btn-primary2 {
color: #fff !important;
background-color: #067DD2;
border-color: #2e6da4;
}
.btn2 {
text-decoration: none !important;
display: inline-block;
padding: 2px 8px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
margin-top: 5px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-primary4 {
color: #fff !important;
background-color: #3398CC;
border-color: #2e6da4;
}
.btn-primary8 {
color: #fff !important;
background-color: #1ABC9C;
border-color: #2e6da4;
}
.btn8 {
text-decoration: none !important;
display: inline-block;
padding: 8px 14px;
margin-bottom: 0;
font-size: 18px !important;
font-weight: 400;
/* line-height: 1.42857143; */
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
margin-left: 0px;
}
.bootstrap-iso .btn {
font-weight: bold !important;
}
.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form{font-family: Arial, Helvetica, sans-serif; color: black}.bootstrap-iso form button, .bootstrap-iso form button:hover{color: white !important;} .asteriskField{color: red;}.bootstrap-iso form .input-group-addon {color:#555555; background-color: #f2f0f0; border-radius: 4px; padding-left:12px}
.bootstrap-iso {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
}
.bootstrap-iso .col-md-6 {
width: 100% !important;
}
.bootstrap-iso .col-sm-6 {
width: 100% !important;
}
.bootstrap-iso .form-control {
height: 34px !important;
font-size: 18px !important;
}
.fa-check-square {
color: #ff7200;
}
.fa-ul li {
margin-bottom: 10px;
}
.fa-ul {
padding-bottom: 5px;
padding-left: 20px !important;
}
.fa-arrow-right {
color: #1ABC9C;
}
.fa-info-circle {
color: #0066cc;
text-shadow: 2px 2px 2px #ccc;
}
.fa-2x {
font-size: 1.5em;
}
.fa-stack-2x {
font-size: 1.8em;
}
.fa-question-circle {
color: #ff7200;
}
.fa {
vertical-align: middle;
}
.fa-stack-1x { margin-top: -.1em; }
.floatleftx {
margin-right: 10px;
float: left;
}
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 767px){
.floatleftx {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}
}
.floatrightx {
margin-left: 10px;
float: right;
}
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 767px){
.floatrightx {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}
}
.greybase {
background-color:#f7f7f7;
/* padding: 0px 20px 0px 80px; */
}
/* Footer */
.footer {
background-color:#f2f3f3;
padding: 0px 20px 0px 80px;
}
.footertop {
background-color: #232635;
color: #CECECE;
padding: 0px 20px 0px 80px;
}
.footertop p {
font-size: 14px;
}
.footertop h2 {
padding-bottom: 5px;
padding-left: 18px;
margin: 0 auto;
font-size: 16px;
color: #f4cb42;
text-align: left;
}
.footerbottom {
background-color: #000;
color: #CECECE;
padding: 0px 20px 0px 80px;
}
.fsc {
font-size: 12px !important;
line-height: 1.2em;
padding-left: 20px;
}
.copyright {
padding-left: 20px;
font-size: 14px;
}
button.accordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
button.accordion.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
button.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 20px;
font-family: 'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;
transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
background-color: #ddd;
}
/* disabled for new FAQ Jan 2020 GB */
/* div.panel {
padding: 0 18px;
display: none;
background-color: white;
} */
.datatable {
border-collapse: collapse;
width: 85%;
margin-left: auto;
margin-right: auto;
}
.datatable th {
border: 1px solid #828282;
background-color: #666666;
font-weight: bold;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}
.datatable td {
border: 0px solid #D6DDE6;
padding: 0.3em;
}
.datatable tr.altrow {
background-color: #EDEDFF;
color: #000000;
}
.obtn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding: 6px 14px 6px 14px;
text-decoration: none;
}
.obtn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.carticon {
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
font-family: source-sans-pro, Arial, Helvetica, sans-serif;
font-size: 16px;
z-index: 3;
position: relative;
float: right;
}
.cart {
padding-right: 30px;
padding-top: 15px;
padding-bottom: 10px;
font-weight: bold;
font-family: source-sans-pro, Arial, Helvetica, sans-serif;
font-size: 16px;
z-index: 3;
position: relative;
float: right;
}
.icon {
position: absolute;
}
.icon {
fill: #fff;
}
.icon:hover {
fill: #febf01;
}
.divider {
border-right: 1px solid;
color: white;
padding-top: 0px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
}
a.carticon {
background: url(../images/shopping-cart.png) center bottom no-repeat;
width: 20px;
}
*.ee102 { color : windowtext; font-size : 14px;
font-style : normal; font-weight : bold; text-align : center;
vertical-align : bottom }
*.ee104 { color : windowtext; font-size : 16px;
font-style : normal; font-weight : bold; text-align : center;
vertical-align : bottom ; border: 2px solid #000000 !important; }
.update {
width:90px; background-color:#0066CC; color:#FFFFFF; font-family: Calibri, Arial, sans-serif; font-size : 14px; font-style : normal; font-weight : bold;
padding: 5px 5px 5px 5px;
}
.telephone {
font-weight: 800;
}
.footerlist a {
color: #FFFFFF;
text-decoration: none;
-moz-transition: color 0.25s;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.footerlist a:hover {
color: #f4cb42;
text-decoration: none;
}
ul.footerlist li {
width: auto;
list-style: none;
padding-right: 15px;
font-size: 14px;
line-height: 25px;
}
.footerlist {
padding-left: 20px;
}
ul.policylist li {
width: auto;
float: left;
list-style: none;
padding-right: 15px;
}
.policylist a {
color: #FFFFFF;
text-decoration: none;
-moz-transition: color 0.25s;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.policylist a:hover {
color: #f4cb42;
text-decoration: none;
}
.footerright {
padding-top: 15px;
font-size: 14px;
padding-left: 20px;
}
/* 05. Mobile, below 767 width */
@media screen and (min-width: 0px) and (max-width: 767px) {
.wrapper {
opacity:1;
}
.wrapper-push {
opacity:0.2;
}
h1 {
font-size: 1.5em; /* 24px/16=1.5em */
padding-bottom: 0px;
}
h2 {
font-size: 1.25em; /* 20px/16=1.25em */
}
h3 {
font-size: 1.125em; /* 18px/16=1.125em */
}
.welcomehome h1 {
font-size: 28px;
}
.welcomehome h2 {
font-size: 20px;
color:#00616d;
line-height: 1.4;
}
.welcomehome {
padding-bottom: 20px;
padding-left: 20px;
}
}
/* 06. Scroll to top */
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #777777;
color: white;
cursor: pointer;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
border-radius: 8px;
}
#myBtn:hover {
background-color: #555;
}
/* START NOTIFICATION BAR */
/* space between the bar and your content */
#barwrap { margin-bottom: 42px; }
#barwrap .bar {
text-align: center;
padding-top: 4px;
padding-bottom: 5px;
background-color: #ff9800;
/* background-color: #537c92; */
/* set it at will according to your message's length in small devices */
max-height: 85px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
color: #453c90;
/* border-bottom: thick ridge rgba(0, 0, 0, 0.5); */
-webkit-box-shadow: 0px 2px 13px 0.5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 13px 0.5px rgba(0, 0, 0, 0.3);
display: none;
z-index: 3008;
font-size: 16px;
font-weight: 600;
}
#head-image {
margin-right: 1%;
position: relative;
top: 8px;
}
#text { position: relative;
}
#text a:link { color: white; }
#text a:visited { color: white; }
#text a:hover { color: #03A1F3; }
#home a:active { color: white; }
#ok {
float: right;
margin-top: 0px;
margin-right: 10px;
font-size: 20px;
}
#ok a {
color: #464646;
text-decoration: none;
}
/* END NOTIFICATION BAR */
.FormControl select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/open-arrow.png) right 20px no-repeat;
}
.FormControl input[type=text], .FormControl input[type=email], .FormControl input[type=number], .FormControl textarea, .FormControl select {
height: 48px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.FormControl input, .FormControl textarea, .FormControl select {
border: 1px solid #dcdcdc;
margin: 0px;
}
.FormControl textarea {
height: 126px;
font-size: inherit;
}
.FormButtonArea {
padding: 32px 0px;
}
.FormButton {
line-height: 48px;
border-radius: 3px;
background: #00616d;
color: #ffffff;
border: none;
width: 100%;
text-align: center;
font-size: 22px;
}
.FormField {
padding: 0px 0px 16px 0px;
}
.BreadcrumbX a {
color: #212121;
font-weight: 500;
display: block;
float: left;
background: url(../images/back-forward-ico.png) right center no-repeat;
margin-right: 10px;
padding-right: 20px;
}
.PriceCalcForm {
padding: 44px 0px 24px;
z-index: 30;
}
.MainArea {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 50px;
}
.Cols2, .Cols3 {
overflow: auto;
}
.FormControl select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/open-arrow.png) right 20px no-repeat;
}
.FormControl input[type=text], .FormControl input[type=email], .FormControl input[type=number], .FormControl textarea, .FormControl select {
height: 48px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.FormControl input, .FormControl textarea, .FormControl select {
border: 1px solid #dcdcdc;
margin: 0px;
}
.Cols2, .Cols3 {
overflow: auto;
}
.Cols3 .FormField {
width: calc((100% - 48px)/3);
}
.Cols3 > div {
width: 33.33%;
float: left;
}
.Cols3 div.FormField + .FormField {
margin-left: 24px;
}
.Cols3 .FormField {
width: calc((100% - 48px)/3);
}
.Cols3 > div {
width: 33.33%;
float: left;
}
.FormControl {
padding: 0px 0px 0px 0px;
}
.PriceCalcForm .CalcResults {
padding: 15px 0px 6px 0px;
}
.PriceCalcForm .CalcResults .Label {
float: left;
clear: left;
}
.PriceCalcForm .CalcResults .Label, .PriceCalcForm .CalcResults .Value {
font-size: 20px;
line-height: 32px;
padding-bottom: 16px;
}
.PriceCalcForm .CalcResults .Value {
text-align: right;
}
.PricesList {
margin-top: -184px;
z-index: 10;
}
.RightLight {
background: linear-gradient(90deg, transparent 50%, #f8f8f8 50%);
}
.SplitBg .MainArea {
background: #f8f8f8;
}
.PricesListBlock {
padding: 180px 120px 0px;
}
.TableArea {
padding: 51px 0px 60px 0px;
}
.TableArea table, table {
width: 100%;
}
table {
border-collapse: collapse;
}
* {
box-sizing: border-box;
}
.Cols4 > div {
width: 25%;
float: left;
}
.PriceGroupsBlock > div {
padding-bottom: 20px;
}
.PriceGroupsBlock li {
padding: 4px 10px 12px 0px;
}
.ColTitle {
color: #212121;
line-height: 36px;
}
table tr > th:first-child:nth-last-child(5), table tr > td:first-child:nth-last-child(5) {
width: 20%;
}
table tr > th {
padding: 0px 5px 9px;
text-align: center;
}
table tr > td {
border-top: 1px solid #dcdcdc;
font-size: 16px;
color: #212121;
padding: 8px 5px 9px;
text-align: center;
}
table td {
vertical-align: top;
}
hr {
color: #dcdcdc;
background-color: #dcdcdc;
height: 1px;
border-width: 0px;
margin: 10px 0px;
}
.PriceCalcForm p {
color: #757575;
}
.PriceCalcForm .FormArea h2 {
padding-bottom: 55px;
}
.FormArea h2 {
padding-bottom: 0px;
font-size: 24px;
line-height: 32px;
text-align: center;
}
.PriceGroupsBlock li a {
color: #424242;
text-decoration: underline;
}
@media (max-width: 1920px){
.FormField {
padding: 0px 0px 16px 0px;
}
}
@media (max-width: 1416px){
.MainArea {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 50px;
}
}
@media (max-width: 960px){
.MainArea {
padding: 0px 108px;
}
}
@media (max-width: 850px) {
.MainArea {
padding: 0px 85px;
}
}
@media (max-width: 500px) {
.MainArea {
padding: 0px 20px;
}
}
.PriceCalcForm .FormArea {
padding-left: 144px;
padding-right: 144px;
padding-bottom: 21px;
}
.ContactFormArea .FormArea, .PriceCalcForm .FormArea {
position: relative;
z-index: 30;
}
.FormArea {
background: #ffffff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.16);
width: 696px;
margin: 0px auto;
padding: 84px 168px 128px;
}
.PriceCalcForm .CalcResults {
padding: 15px 0px 6px 0px;
}
.footercontact {
font-weight: 600;
font-size: 1.1em;
color: #00616D;
text-align: center;
padding-top: 30px;
padding-bottom: 50px;
}
.CenteredContent {
margin: 0px auto;
width: 100%;
max-width: 750px;
}
#fc .fc-cart__item__options {
color: #DC1E03;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.content {
font-size: 1em;
line-height: 1.5em;
padding-bottom: 25px;
padding-top: 15px;
text-align: center;
background-color: #eff0f5;
}
.pbx-borders {
border: 4px solid !important;
}
.card-body {
padding: 0px;
}
.bg-light {
background-color: #f2f2f2!important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0,0,0,0);
}
#mc_embed_signup label {
font-size: 16px;
color: #3398CC;
}
#mc_embed_signup input.email {
width: 230px !important;
}
#mc_embed_signup .button {
background-color: #3398CC !important;
padding: 0 8px;
}
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
#mc_embed_signup input.email {width:100%; margin-bottom:5px;}
#mc_embed_signup .clear {display: block; width: 100% }
#mc_embed_signup .button {width: 100%; margin:0; }
}