/* bright orange: 000000 middle orange: fea749 light orange: ffedda dark orange: e47601 */ /* WRAPPERS */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html{background-color:none;margin: 0;padding: 0;border: 0;vertical-align: baseline;height:100%;min-width:100%;padding:0 0px 0 0px;background-repeat: no-repeat;background-attachment: fixed;} body {margin: 0;padding: 0;border: 0;vertical-align: baseline;height:100%;min-width:100%;padding:0 0px 0 0px;} #wrapper-html{border:0px solid #9C0;margin:0 auto;padding:0;min-height:100%;height:auto;border:0px solid #960;margin-bottom:60px;} body > #wrapper-html {height:auto; min-height:100%;color:#333;margin-bottom:-30px;} .admin-background{background-color:#f0e9c5;} /* 2023 */ .column-perfect-parent{ width:100%; border:0px solid #333333; box-sizing: border-box; display:flex; flex-wrap: wrap; flex-grow: 1; justify-content: center; gap:4px; } .column-perfect-child{ max-width:49%; border:0px solid #DEDEDE; margin:0px; flex: 0 0 49%; padding:0px; } .column-photo-child{ max-width:24.5%; border:1px solid #DEDEDE; margin:0px; flex: 0 0 24.5%; padding:0px; } @media all and (max-width:1080px){ .column-perfect-child{ max-width:49%; border:0px solid #DEDEDE; margin:6px; flex: 0 0 49%; /* flex grow | flex shrink | flex-basis */ padding:20px; } .column-photo-child{ max-width:49.5%; border:0px solid #DEDEDE; margin:0px; flex: 0 0 49.5%; padding:0px; } } @media all and (max-width:580px){ .column-perfect-child{ max-width:100%; border:0px solid #DEDEDE; margin:6px; flex: 0 0 100%; padding:20px; } .column-photo-child{ max-width:100%; border:1px solid #DEDEDE; margin:0px; flex: 0 0 100%; padding:0px; } } .padding-right{padding-right:40px;} .float-image-right{float:right;position: relative;} /* 2023 END */ .logo-wrapper{float:left;margin-top: 0px;margin-bottom: 0px; padding:0 20px 0 20px;} #wrapper-menu{width:100%;margin:auto 0;height:auto;text-align:right;z-index:998;margin-top:0px;margin-bottom:0px;padding-top:10px;z-index:999!important;padding-bottom:16px;position:relative;background-color:#676666;background-image: linear-gradient(to bottom right, #676666, #545252); } .wrapper-body{background-color:#f1e9c7;margin:0 auto;width:100%;max-width:100%;padding:0 160px 160px 160px;border:0px solid #F0F;color:#FFC541;overflow:hidden;min-height:100%;clear:both;margin-top:60px;/* because of fixed header */} .wrapper-header{margin:0 auto;max-width:100%;text-align:center;color:#FFC541;height:auto;padding-top:0px;padding-bottom:0px;border:0x solid #099;padding-left:40px;padding-right:40px;} #wrapper-footer{background-color:none;width:100%;height:auto;position:relative;bottom:0;z-index:10;padding-top:30px;padding-bottom:0px;border:0x solid #099;margin:0 auto;min-width:100%;overflow:hidden;} #wrapper-copyright{background-color:none;width:auto;max-width:960px;min-width:100%;margin:0 auto;padding:0px 0px 0px 0px;border:0px solid #039;position:relative;text-align:center;overflow:hidden;height:auto;min-height:100%;padding:30px;} .wrapper-menu-left{width:20%;float:left;border:0px solid #CCC;text-align:left;} .wrapper-menu-right{width:80%;float:right;border:0px solid #CCC;text-align:right;} .example-image-link{display: inline-block;border:0px solid #F00;width:100%;height:auto;margin:0;padding:0;line-height:0;} .line {margin-top:20px;margin-bottom:20px;height:1px;background-color:#000000;width:100%;clear:both;} .hide-me {display:none;visibility:hidden;} .show-me {display:block;visibility:visible;} .fade-me { opacity: 1; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } .fade-me:hover { opacity: .5; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } .logo { margin: 8px 0 0px 0; max-width:160px; width:auto; height:auto; background-color:transparent; float:left; } .logo:link{text-decoration:none;} .logo:visited{} .logo:active{} .logo:hover{cursor:pointer;} #sebly-logo{background-color:#CECECE;width:64px;height:21px;padding:6px 6px 6px 6px;text-align:center;margin:0 auto;bottom:0;border:0px solid #000;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; border-radius: 3px 3px 0px 0px; } #sebly-logo:hover{background-color:#DEDEDE;width:64px;height:21px;padding:6px 6px 6px 6px;text-align:center;} /*TEXT STYLES*/ .ul-login{display:inline-block;width:100%;border:0px solid #000;margin:0;padding:0;} .li-login {font-family: 'Poppins', sans-serif;font-size:18px;color:#000;font-weight:500;width:50%;display:inline-block;border-right:0px solid #CCC;padding:8px 6px 6px 6px;vertical-align:middle;text-align:left;float:left;} .li-login a:link, .li-login a:visited {color:#000;vertical-align:middle;text-decoration:none;} .li-login a:hover {vertical-align:middle;text-decoration:underline;} h1, h1 a:link, h1 a:visited{font-family: 'Poppins', sans-serif;color:#ec1c24;line-height:72px;font-size:64px;font-weight:500;border:none;margin-top:0;text-align:inherit;} h1 a:hover {color:#000000;} h1 b{font-weight:800;} h2 {font-size:18px;font-weight:400;font-family: 'Poppins', sans-serif;color:#000;line-height:21px;text-decoration:none;text-align:left;} h2 a:link, h2 a:visited{font-size:18px;font-weight:400;font-family: 'Poppins', sans-serif;color:#000000;line-height:21px;text-decoration:none;text-align:left;} h2 b{font-weight:400;font-family: 'Poppins', sans-serif;} h2 a:hover, h2 a:hover b{color:#000000;text-decoration:underline;} h3.accordion-header{font-size:18px;color:#000000;font-family: 'Poppins', sans-serif;} h3.accordion-header-nested{font-size:16px;color:#000000;font-family: 'Poppins', sans-serif;} .accordion-header-nested-right{width:30%;text-align:right;display:inline-block;font-size:18px;color:#000000;font-family: 'Poppins', sans-serif;float:right;font-weight:500;} .accordion-header-nested-left{width:70%;text-align:left;display:inline-block;font-size:18px;color:#000;font-family: 'Poppins', sans-serif;float:left;font-weight:500;} h3, h3 a:link, h3 a:visited{font-size:24px;font-weight:400;font-family: 'Poppins', sans-serif;color:#ec1c24;line-height:32px;margin-bottom:0px;text-decoration:none;margin:0;} h3 a:hover{color:#ec1c24;text-decoration:none;} h4{margin:16px 16px 24px 16px;font-size:24px;line-height:28px;color:#000;font-weight:400;text-decoration:none;font-family: 'Poppins', sans-serif;} h4 a:link, h4 a:visited{margin:16px 16px 24px 16px;font-size:24px;line-height:28px;color:#000000;font-weight:400;text-decoration:none;font-family: 'Poppins', sans-serif;} h4 a:hover{color:#000000;text-decoration:underline;} h4 b a:link, h4 b a:visited{font-weight:400;} h5{font-family:Georgia, "Times New Roman", Times, serif;color:#363636;line-height:24px;font-size:20px;font-weight:400;} h5 a:link, h5 a:visited {color:#000000;font-weight:400;font-family:Georgia, "Times New Roman", Times, serif;line-height:24px;font-size:20px;text-decoration:none;} h5 a:hover {color:#000000;font-weight:400;font-family:Georgia, "Times New Roman", Times, serif;line-height:24px;font-size:20px;text-decoration:underline;} h6{font-family: 'Poppins', sans-serif;color:#FFC541;line-height:32px;font-size:21px;font-weight:300;padding:0;margin:0;} h6 a:link, h6 a:visited {color:#000000;line-height:32px;font-size:21px;font-weight:300;text-decoration:none;} h6 a:hover {color:#000000;font-weight:300;text-decoration:underline;} p{font-family: 'Poppins', sans-serif;color:#444240;line-height:24px;font-size:18px;font-weight:400;padding:0;word-wrap: break-word;} p a:link, p a:visited {color:#ec1c24;line-height:24px;font-size:18px;font-weight:400;text-decoration:none;} p a:hover {color:#ec1c24;font-weight:400;text-decoration:underline;} p b {font-weight:700;color:#000;} p b a:link, p b a:visited {font-weight:700;color:#ec1c24;text-decoration:none;} p b a:hover {font-weight:700;color:#ec1c24;text-decoration:underline;} .text-red {color:#ec1c24;} p strong {font-family: 'Poppins', sans-serif;;color:#ec1c24;} .p-small {font-family: 'Poppins', sans-serif;color:#ec1c24;line-height:24px;font-size:17px;font-weight:300;} .p-footer {font-family: 'Poppins', sans-serif;color:#ec1c24;font-weight:400;font-size:13px;line-height:16px;text-decoration:none;} .p-footer a:link, .p-footer a:visited {color:#ec1c24;text-decoration:none;font-weight:400;} .p-footer a:hover {color:#ec1c24;text-decoration:underline;} p.accordions{font-family: 'Poppins', sans-serif;color:#000;line-height:24px;font-size:16px;font-weight:600;padding:8px 8px 8px 16px;text-align:left;} p.accordions a:link, p.accordions a:visited {color:#000000;line-height:24px;font-size:17px;font-weight:500;text-decoration:none;} p.accordions a:hover {color:#000000;font-weight:300;text-decoration:underline;background:none;} /*COLUMNS */ .menu-spacer-top{width:100%;height:0px;float:left;} .col-100 {width:100%;height:auto;border:0px solid #000;padding:0 0 0 0;max-width: 1360px;margin:0 auto;margin-top:40px;} .example-image-link{display: inline-block;border:0px solid #F00;width:100%;height:auto;margin:0;padding:0;line-height:0;} .example-link-icon{float:left;margin:0;top:-2px;background:none;border:0px solid #B31214;width:auto;margin-right:4px;} /* IMAGES */ .img-service-thumbnails{margin-bottom:12px;border:1px solid #CCC;width:100%;height:auto;} .image-response{width:100%;height:auto;} /* FORMS */ .form_list {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;font-family: 'Poppins', sans-serif;} .form_list ul {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;font-family: 'Poppins', sans-serif;} .form_list li {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;font-family: 'Poppins', sans-serif;} .contact_box_style {font-family: 'Poppins', sans-serif;padding:3px 3px 3px 10px;height:40px;line-height:18px;border:1px solid #000000;font-size:18px;color:#000;width:100%;margin-top:10px;margin-bottom:16px; } .comment_box_style {font-family: 'Poppins', sans-serif;padding:8px;line-height:24px;border:1px solid #000000;font-size:18px;color:#000;height:220px;margin-top:10px;margin-bottom:16px;width:100%; } .formErr {font-family: 'Poppins', sans-serif;color:#000000;line-height:21px;font-size:14px;font-weight:400;} .formErrbox {font-family: 'Poppins', sans-serif;color:#000000;line-height:21px;font-size:18px;font-weight:600;} .captcha {font-family: 'Poppins', sans-serif;color:#777;line-height:21px;font-size:14px;font-weight:400;letter-spacing:0px} .captcha b {font-family: 'Poppins', sans-serif;color:#000000;line-height:21px;font-size:15px;font-weight:600;letter-spacing:1px;} .search_button_style {background-color:#000000;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:21px;font-weight:600;padding:10px 16px;text-decoration:none;position:relative;top:-1px;cursor:pointer; /*text-shadow:1px 1px #666;*/vertical-align:top;line-height:21px;} .search_button_style:hover {background-color:#fea749;position:relative;cursor:pointer;} .search_button_style:active {background-color:#fea749;position:relative;cursor:pointer;} .search_button_style:visited{color:#FFF;font-family:arial;font-size:15px;font-weight:600;background-color:#000000;} .form-text-label{font-family: 'Poppins', sans-serif;color:#FFC541;line-height:18px;font-size:14px;font-weight:600;} i { position:realtive; right:6px; top:0px; -webkit-transition:all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;} .ui-state-active i { color: #ec1c24; -webkit-transform: rotate(90deg); -moz-transform: rotate(90g); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media all and (max-width:800px){ .menu-spacer-top{width:100%;height:0px;float:none;} .col-100{padding:20px;} .wrapper-menu-toggle-button{width:100%;text-align:center;border:0px solid #FFF;padding-right:0px;margin-bottom:10px;background-color:#ec1c24;border-radius: 15px 15px 0px 0px;} #menu-toggle{width:auto;text-align:center;} .hide-me {display:block;visibility:visible;} .show-me {display:none;visibility:hidden;} .seblylogo {max-width:72px;margin-top:6px;} h1{font-size:42px;text-align:center;line-height:54px;margin-top:0;font-weight: 500px;} .form_list li.li-submit{text-align:center;margin:0 auto;} .li-login{width:100%;} #wrapper-menu{background-image:none;padding-bottom:0;} .logo-wrapper{float:none;margin-top: 5px;} .column-perfect-child{ max-width:100%; border:0px solid #DEDEDE; margin:0px; flex: 0 0 100%; padding:0px 40px 0px 40px; } } @media all and (max-width:480px){ h4, h4 a:link, h4 a:visited{font-size: 20px;} .wrapper-body{padding:0px 15px 160px 15px;max-width:100%;} .col-100{padding-left:20px;padding-right:20px;} .accordion-header-nested-left{font-size:14px;width:70%;border:0px solid #333;float:left;} .accordion-header-nested-right{font-size:14px;width:30%;text-align:right;border:0px solid #333;float:right;} h3.accordion-header, h3{font-size:18px;font-family: 'Poppins', sans-serif;} h3.accordion-header-nested{font-size:17px;font-family: 'Poppins', sans-serif;} p.accordions{font-size:14px;font-family: 'Poppins', sans-serif;} .ui-accordion .ui-accordion-icons { padding-left: .5em; padding-right: .5em; } }