﻿
div.content-block-item { display:inline-block; min-height:10px; }

div.content-block-item.content-block-default-title { width:100%; position:relative; padding:0; }
div.content-block-item.content-block-default-title h1 { font-weight:600; line-height:1.1; margin-bottom:0.33em !important; }

div.content-block-item.content-block-default-text-content { width:100%; }
div.content-block-item.content-block-default-text-content p { width:100%; margin-bottom:1.15em; font-weight:400; line-height:1.4em; display:block; padding:0; box-sizing:border-box; }
div.content-block-item.content-block-default-text-content p strong { font-weight:600; font-size:1.03em; }
div.content-block-item.content-block-default-text-content p em { font-style:italic; }
div.content-block-item.content-block-default-text-content ul { width:90%; display:inline-block; } 
div.content-block-item.content-block-default-text-content ul li { list-style:square; width:95%; padding:0; line-height:1.4em; margin-left:17px; margin-bottom:3px; } 
div.content-block-item.content-block-default-text-content p:last-of-type { margin-bottom:0 !important; }
div.content-block-item.content-block-default-text-content p:empty { margin:0 !important; }

div.content-block-item.content-block-default-image { width:100%; position:relative; }
div.content-block-item.content-block-default-image img { width:100%; display:block; margin:0 auto; }

div.content-block-item.content-block-default-yt { width:100%; }
div.content-block-item.content-block-default-yt iframe { user-select:none; }

div.content-block-item.content-block-default-button { width:100%; }
div.content-block-item.content-block-default-button a { width:100%; margin:5px auto; background-color:#1e8beb; color:#fff; text-decoration:none; font-weight:600; display:block; padding:16px 0; border-radius:5px; text-align:center; }
div.content-block-item.content-block-default-button a b { font-size:16px; letter-spacing:0.5px; position:relative; top:-1px; }
div.content-block-item.content-block-default-button a:hover { filter: brightness(0.7); cursor:pointer; }

div.content-block-item.content-block-default-media { width:100%; }
div.content-block-item.content-block-default-media video { user-select:none; }

div.content-block-item.content-block-default-divider { width:100%; position:relative; }
div.content-block-item.content-block-default-divider hr { border:none; position:relative;  }

div.content-block-item.content-block-default-spacer { width:100%; margin-bottom:0; }
div.content-block-item.content-block-default-spacer div { width:100%; }

div.content-block-item.content-block-default-iframe { width:100%; }
div.content-block-item.content-block-default-iframe iframe { width:100% !important; margin:0 auto; user-select:none; }

div.content-block-item.content-block-default-iframe-customform { width:100%; }
div.content-block-item.content-block-default-iframe-customform iframe { width:100% !important; min-height:535px; margin:0 auto; user-select:none; }

div.content-block-item.content-block-default-iframe-clientportalform { width:110%; }
div.content-block-item.content-block-default-iframe-clientportalform iframe { width:100% !important; min-height:535px; margin:0 auto; user-select:none; }
div.content-block-item.content-block-default-iframe-clientportalform .js-loader { position:absolute; top:100px; left:46% }

div.content-block-item.content-block-default-iframe-clientportalform iframe.js-content-block-item-iframe-customform { width:100%; max-width:100%; }

div.content-block-item.content-block-default-iframe-dataformview { width:100%; }
div.content-block-item.content-block-default-iframe-dataformview iframe { width:100% !important; /*max-height:92vh !important;*/ margin:0 auto; user-select:none; background-image:url('../images/loaders/loading-iframe.gif'); background-repeat:no-repeat; background-position:center center; background-size:70px; }

div.content-block-item.content-block-default-iframe-datalistrepeater { width:100%; }
div.content-block-item.content-block-default-iframe-datalistrepeater section { position:relative; margin:0 auto; user-select:none; background-image:url('../images/loaders/loading-iframe.gif'); background-repeat:no-repeat; background-position:center center; background-size:70px; }
div.content-block-item.content-block-default-iframe-datalistrepeater section div.content-block-item-datalistrepeater-iframe-wrapper { display:block; position:absolute; height:100%; z-index:2; width:100%; border-radius:10px; }
div.content-block-item.content-block-default-iframe-datalistrepeater section div.content-block-item-datalistrepeater-iframe-wrapper:hover { background-color:rgba(169, 181, 191, 0.2); cursor:pointer; }
div.content-block-item.content-block-default-iframe-datalistrepeater section iframe { width:100%; max-height:100vh !important; position:absolute; z-index:1; }
div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-1 section { width:100% !important; margin-bottom:2.5%; }
div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-2 section { width:47.5% !important; margin:1.25%; float:left; }
div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-3 section { width:32% !important; margin:0.65%; float:left; }
div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-4 section { width:24% !important; zoom:94%; margin:0.5%; float:left; }

div.content-block-item.content-block-default-contact-form-email { width:98%; margin-bottom:15px; box-sizing:border-box; margin-left:5px; margin-top:10px; }
div.content-block-item.content-block-default-contact-form-email div.default { width:98%; user-select:none; background-color:#fff; -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25); border-radius:7px; padding:5px; padding-bottom:4px; box-sizing:border-box; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-item { width:60%; float:left; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-item .input_lbl { font-weight:700; font-size:14px; margin-bottom:5px; display:block; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-item .input_txt { display:block; width:100%; background-color:#fff;  font-size:16px; border:none; padding:8px 10px; box-sizing:border-box; font-family: 'Poppins', sans-serif; color:#273f53; outline:none; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-item .input_txt::placeholder { font-size:16px; color:#a9b5bf; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-checkbox .input_cbox { margin-left:5px; }
div.content-block-item.content-block-default-contact-form-email div.default div.input-checkbox .input_cbox_lbl { font-size:12.8px; }
div.content-block-item.content-block-default-contact-form-email div.default div.button-item { width:35%; float:right; }
div.content-block-item.content-block-default-contact-form-email div.default div.button-item .input_btn { width:100%; display:block; color:#fff; font-weight:500; background-color:#aaa; border:solid 3px #aaa; box-sizing:border-box; padding:5px 0; border-radius:5px; text-decoration:none; text-align:center; font-family: 'Poppins', sans-serif; }
div.content-block-item.content-block-default-contact-form-email div.default div.button-item .input_btn:hover { filter: brightness(0.7); cursor:pointer; }
div.content-block-item.content-block-default-contact-form-email div.default div.button-item .input_btn span { font-size:21px; }
div.content-block-item.content-block-default-contact-form-email div.default div.button-item .input_btn b { font-size:14px; position:relative; top:-5px; }

div.content-block-item.content-block-default-contact-form-full { width:100%; }
div.content-block-item.content-block-default-contact-form-full div.default { width:98%; user-select:none; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item { width:100%; margin:8px 0; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_lbl { font-weight:700; font-size:14px; margin-bottom:5px; display:block; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_txt { display:block; width:100%; border:solid 1px #fff; background-color:rgba(125, 125, 125, 0.35); border-radius:5px; font-size:14px; padding:13px 10px; box-sizing:border-box; font-family: 'Poppins', sans-serif; color:#273f53; outline:none; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_txt::placeholder { font-size:13px; color: #273f53; font-weight:500; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_txt:not(:placeholder-shown) { border-color:#ffe547; background-color:#fff; font-weight:600; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_txt:focus { border-color:#ffe547; background-color:#fff; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-item .input_txt:focus::placeholder { color:#273f53; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-checkbox .input_cbox { margin-left:5px; }
div.content-block-item.content-block-default-contact-form-full div.default div.input-checkbox .input_cbox_lbl { font-size:12.8px; }
div.content-block-item.content-block-default-contact-form-full div.default div.button-item { width:48.5%; float:left; }
div.content-block-item.content-block-default-contact-form-full div.default div.button-item .input_btn { width:100%; display:block; color:#fff; font-weight:500; background-color:#aaa; border:solid 4px #aaa; margin-top:7px; box-sizing:border-box; padding:7px 0; border-radius:6px; text-decoration:none; text-align:center; font-family: 'Poppins', sans-serif; }
div.content-block-item.content-block-default-contact-form-full div.default div.button-item .input_btn:hover { filter: brightness(0.7); cursor:pointer; }
div.content-block-item.content-block-default-contact-form-full div.default div.button-item .input_btn span { font-size:21px; }
div.content-block-item.content-block-default-contact-form-full div.default div.button-item .input_btn b { font-size:14px; position:relative; top:-5px; }

div.content-block-item.content-block-multiinfo-imagegallery { width:100%; }

div.content-block-item.content-block-multiinfo-textrotator { width:100%; }
div.content-block-item.content-block-multiinfo-textrotator div.text-rotator { width:100%; }
div.content-block-item.content-block-multiinfo-textrotator div.text-rotator p { width:100%; line-height: 1.5em; text-align:center; font-size:14px; }

div.content-block-item.content-block-default-google-maps { width:100%; }
div.content-block-item.content-block-default-google-maps iframe { width:100%; }

div.content-block-item.content-block-default-document { width:99%; }
div.content-block-item.content-block-default-document div.default { width:98%; user-select:none; background-color:rgba(230, 233, 235, 0.75); border-radius:75px; border:solid 5px rgba(230, 233, 235, 0.75); }
div.content-block-item.content-block-default-document div.default div.input-item { width:60%; float:left; box-sizing:border-box; position:relative; top:4px; left:20px; }
div.content-block-item.content-block-default-document div.default div.input-item b,
div.content-block-item.content-block-default-document div.default div.input-item i.filename-only { color:#273f53; font-size:14px; font-weight:700; display:block; margin-bottom:3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:90%; height:15px; }
div.content-block-item.content-block-default-document div.default div.input-item i { font-size:12px; font-weight:500; color:#5b758b; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:90%; height:13px; }
div.content-block-item.content-block-default-document div.default div.input-item i.filename-only { position:relative; top:6px; }
div.content-block-item.content-block-default-document div.default div.button-item { width:33%; float:right; box-sizing:border-box; }
div.content-block-item.content-block-default-document div.default div.button-item .input_btn { width:100%; display:block; color:#fff; font-weight:500; background-color:#aaa; border:solid 3px #aaa; box-sizing:border-box; padding:5px 0; border-radius:75px; text-decoration:none; text-align:center; font-family: 'Poppins', sans-serif; }
div.content-block-item.content-block-default-document div.default div.button-item .input_btn:hover { filter: brightness(0.7); cursor:pointer; }
div.content-block-item.content-block-default-document div.default div.button-item .input_btn span { font-size:21px; }
div.content-block-item.content-block-default-document div.default div.button-item .input_btn b { font-size:13px; position:relative; top:-5px; }

div.content-block-item.content-block-default-image-gallery { width:100%; }

div.content-block-item.content-block-form-textshort, div.content-block-item.content-block-form-textlong { width:100%; }
div.content-block-item.content-block-form-textshort label, div.content-block-item.content-block-form-textlong label { font-weight:600; font-size:14px; margin-bottom:5px; }
div.content-block-item.content-block-form-textshort input, div.content-block-item.content-block-form-textlong textarea { pointer-events:none; display:block; border:solid 1px #adb8c1; width:100%; background-color:#fff; border-radius:3px; font-size:14px; padding:6px 5px; box-sizing:border-box; font-family: 'Poppins', sans-serif;  color:#273f53; outline:none; }

div.content-block-item.content-block-form-textshort input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ddd; }
div.content-block-item.content-block-form-textshort input::-moz-placeholder { /* Firefox 19+ */ color: #ddd; }
div.content-block-item.content-block-form-textshort input:-ms-input-placeholder { /* IE 10+ */ color: #ddd; }
div.content-block-item.content-block-form-textshort input:-moz-placeholder { /* Firefox 18- */ color: #ddd; }

div.content-block-item.content-block-form-textshort i, div.content-block-item.content-block-form-textlong i { font-size:12px; color:#899aa8; } 

footer div.content-block-item.content-block-default-text-content p { margin-bottom:10px; }
footer div.content-block-item.content-block-default-text-content p a { color:inherit; text-decoration:initial; }
footer div.content-block-item.content-block-default-text-content p a:hover { filter: brightness(0.7); cursor:pointer; text-decoration:underline; }


/* 
================================
     MOBILE : REGULAR PHONE
================================
*/

@media (min-width: 361px) and (max-width: 450px) {
    
    div.section-content-block { max-width:100% !important; }
    div.content-block-item { max-width:100% !important; }
    
    div.content-block-item.content-block-default-title { overflow-wrap: break-word; }
    div.content-block-item.content-block-default-title h1 { margin-bottom:0.33em !important; line-height:1.05; }
    div.content-block-item.content-block-default-text-content { overflow-wrap: break-word; }
    div.content-block-item.content-block-default-button a { min-width:100%; padding-top: min(25px, 12.5%); padding-bottom: min(25px, 12.5%); }
    div.content-block-item.content-block-default-image img { min-width:100px; max-width:100%; float:none; margin:0 auto; }
    div.content-block-item.content-block-default-yt iframe { width:100% !important; }
    div.content-block-item.content-block-default-contact-form-email { width:97%; }
    
    div.content-block-item.content-block-default-contact-form-full div.default div.button-item { width:100%; float:none; }
    
    div.content-block-item.content-block-default-document div.default  { width:95%; }
    div.content-block-item.content-block-default-document div.default div.input-item { width:75%; }
    div.content-block-item.content-block-default-document div.default div.input-item b, div.content-block-item.content-block-default-document div.default div.input-item i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:90%; }
    div.content-block-item.content-block-default-document div.default div.button-item { width:20%; }
    div.content-block-item.content-block-default-document div.default div.button-item b { display:none; }
    
    div.content-block-item.content-block-default-iframe-dataformview iframe { background-size:33%; }
    
    div.content-block-item.content-block-default-iframe-datalistrepeater { width:100%; }
    div.content-block-item.content-block-default-iframe-datalistrepeater section { min-height:50vh; height:auto; margin:0 auto; user-select:none; background-size:33%; }
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-1 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-2 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-3 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-4 section { width:100% !important; margin-bottom:2.5%; }

}


/* 
================================
     MOBILE : SMALL PHONE
================================
*/

@media (min-width: 280px) and (max-width: 360px) {
    
    div.section-content-block { max-width:100% !important; }
    div.content-block-item { max-width:100% !important; }
        
    div.content-block-item.content-block-default-title { overflow-wrap: break-word; }
    div.content-block-item.content-block-default-title h1 { margin-bottom:0.33em !important; line-height:1.05; }
    div.content-block-item.content-block-default-text-content { overflow-wrap: break-word; }
    div.content-block-item.content-block-default-button a { min-width:100%; padding-top: min(25px, 12.5%); padding-bottom: min(25px, 12.5%); }
    div.content-block-item.content-block-default-image img { min-width:100px; max-width:100%; float:none; margin:0 auto; }
    div.content-block-item.content-block-default-yt iframe { width:100% !important; }
    div.content-block-item.content-block-default-contact-form-email { width:96%; }
    
    div.content-block-item.content-block-default-contact-form-full div.default div.button-item { width:100%; float:none; }
    
    div.content-block-item.content-block-default-document div.default  { width:95%; }
    div.content-block-item.content-block-default-document div.default div.input-item { width:75%; }
    div.content-block-item.content-block-default-document div.default div.input-item b, div.content-block-item.content-block-default-document div.default div.input-item i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:90%; }
    div.content-block-item.content-block-default-document div.default div.button-item { width:20%; }
    div.content-block-item.content-block-default-document div.default div.button-item b { display:none; }
    
    div.content-block-item.content-block-default-iframe-dataformview iframe { background-size:33%; }
    
    div.content-block-item.content-block-default-iframe-datalistrepeater { width:100%; }
    div.content-block-item.content-block-default-iframe-datalistrepeater section { min-height:50vh; height:auto; margin:0 auto; user-select:none; background-size:33%; }
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-1 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-2 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-3 section,
    div.content-block-item.content-block-default-iframe-datalistrepeater.content-block-default-iframe-datalistrepeater-columns-4 section { width:100% !important; margin-bottom:2.5%; }

}