body, html { width:100%;height:100%;padding:0;margin:0;font-family: 'Montserrat', sans-serif; background:#FFFFFF;background-image:none; }
.site_wrapper { width:100%;margin-top:0;margin-bottom:0; }
.button { display:inline-block;background:#C4C6D0;width:auto;color:#222;transition:all ease-in-out 180ms; }
.button:hover { background:#A0A2A7; }
.mobile_logo { display:none; }
.footer_wrapper { color:#ffffff }
.ywp_footer a { color:#ffffff }
.powered_by { text-align:center;background:#111;padding:8px;color:#fff; }
.powered_by a { color:#fff;text-decoration:underline; }
.temp_module_wrap { min-height:100px; }
/* Header/Logo */
.header_wrapper { position:relative;top:auto;width:100%;background:#f5f5f5;border-top:#004C66 4px solid;box-shadow:#000 0 0 10px -2px;z-index:5000; }
.ywp_header { position:relative;padding:18px;margin-left: auto; margin-right: auto; min-height: 70px; }
.logo { display:inline-block; }
.logo img { max-height:60px;max-width:180px; }
/* Menu */
.menu_wrapper { position:absolute;display:inline-block;width:100%;max-width:880px !important;top:28px;right:0;padding:0px;z-index:1000000; }
.menu ul { margin:0;padding:0;text-align:right;z-index:500000; }
.menu ul li { list-style:none;position:relative;display:inline-block;width:auto;color:#004C66;transition:all ease-in-out 120ms;font-size:15px !important;font-weight:bold;border-radius:8px; }
.menu ul li:hover { color:#fff;cursor:pointer;background:#004C66; }
.menu ul li:hover > ul { display:inline-block;opacity:1;margin-top:0px; }
.menu ul li ul { text-align:left;position:absolute;display:none;width:220px;top:38px;margin-top:-10px;left:0;background:#f5f5f5;box-shadow:#111 0 0 10px -2px;border-radius:2px;z-index:500000; }
.menu ul li ul li { font-size:15px;padding:0 15px;border-radius:2px; }
.menu ul li ul li:hover { background:#004C66;border-color:transparent; }
.menu ul li ul li a { padding:12px; }
.menu .multi_tier { top:0px;left:220px; }
.menu a { color:inherit;text-decoration:none;display:block;padding:10px 25px; }
.menu ul li ul a { font-size:15px;padding:7px 0px;width:190px;border-bottom:#ddd 1px dotted;box-sizing:border-box; }
.menu ul li ul a:hover { border-color:transparent; }
/* Main Content */
.maincontent_wrapper { background:none; }
.maincontent {max-width: 100%; margin: 0; padding: 0; border: none; }
/* Footer Content */
.footer_wrapper { position:relative;background:#004C66;border-top:#fff 8px solid;min-height:300px; }
.ywp_footer { padding:0; }
/* ============================================== */
/* =================== Tabs ===================== */
/* ============================================== */
.module_tabs_tab { background:#004C66; }
.module_tabs_tab:hover, .module_tabs_tab.hovered { background:#00384A;padding-top:1px; }
/* ============================================== */
/* ================== Slider ==================== */
/* ============================================== */
.indi_slide_title { background: linear-gradient(to left, #004C66, #004C66, transparent);background: -webkit-linear-gradient(right, #004C66, #004C66, transparent);background: -o-linear-gradient(right, #004C66, #004C66, transparent);background: -moz-linear-gradient(right, #004C66, #004C66, transparent); }
/* ============================================== */
/* =============== Mobile Menu ================== */
/* ============================================== */
.mobile_menu_wrapper { display:none;position:relative;top:0px;width:100%;background:#111111;z-index:1000000; }
.mobile_menu { position:absolute;width:100%;margin:0 auto;background:#222222;padding:0px; }
.mobile_menu.closed { height:0px;overflow:hidden; }
.mobile_menu.open { height:auto; }
.mobile_menu_icon { display:block;cursor:pointer;width:100%;height:40px;margin:0 auto;background-image:url('/imageserver/default_images/four_lines_40x19.png');
background-repeat:no-repeat;background-position:center;box-sizing:border-box; }
.mobile_menu ul { margin:0;padding:0;text-align:left;border-top:#222222 1px dotted;overflow:hidden; }
.mobile_menu ul li { list-style:none;position:relative;display:block;width:100%;color:#fff;transition:all ease-in-out 120ms;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;font-size:15px !important;font-weight:bold;border-bottom:#222222 1px dotted;box-sizing:border-box; }
.mobile_menu ul li:hover { color:#fff;cursor:pointer;background:#111111; }
.mobile_menu li li { padding:0 24px; }
.mobile_menu li li li { padding:0 0px; }
.mobile_menu li li li li { padding:0 0px; }
.mobile_menu li li li li li { padding:0 0px; }
.mobile_menu ul li ul { position:relative;height:0;width:100%;top:0px;margin-top:0px;left:0;padding:0 12px;background:#222222; }
.mobile_menu ul li ul.open { height:auto; }
.mobile_menu .multi_tier { top:0px;left:0px; }
.mobile_menu a { color:inherit;text-decoration:none;display:block;padding:10px 25px; }
.mobile_menu ul li ul a { font-size:15px;padding:7px 0px;width:100%;border-bottom:#111111 1px dotted;box-sizing:border-box; }
@media (max-width:981px){
/* Menu */
.menu_wrapper { display:none;}
.mobile_menu_wrapper { display:block; }
/* Logo(s) */
.mobile_logo { display:block;text-align:center; }
.logo { display:none; }
}
/* Hover Boxes */
.boxheader { padding:8px;background:#00384A;color:#fff;border-radius:8px 8px 0 0;margin-top:8px; }
.boxbody { padding:8px;color:#333;border:#00384A 1px solid;border-radius: 0 0 8px 8px; }
/* Map */
.map_wrap { margin-top:8px !important; }
/* Mobile Menu Fix - 1/22/19 */
.mobile_menu_wrapper {
position:fixed !important;
left:-100%;
height:100% !important;
background:#efefef !important;
z-index:20000;
}
.mobile_menu_wrapper_open {
left:0px;
max-width:80% !important;
}
.mobile_menu_icon {
position:absolute !important;
left:100% !important;
background:#ff4949 !important;
width:50px;
height:50px;
margin-left:0 !important;
top:0 !important;
border-radius:0 0 4px 0 !important;
}
.mobile_menu_icon .fa-bars {
font-size:22px;
color:#ffffff;
padding:18px;
}
.mobile_menu_icon .fa-times {
font-size:22px;
color:#ffffff;
padding:18px;
}
.mobile_menu {
max-height:100% !important;
overflow-y:scroll !important;
background:#efefef !important;
}
.mobile_menu ul li ul a,
.mobile_menu ul li a,
.mobile_menu ul li ul {
border:none !important;
}
.mobile_menu ul li {
border-color:#cccccc !important;
}
.mobile_menu ul li ul {
background:#efefef !important;
}
.mobile_menu ul li a {
color:#222 !important;
}
.mobile_menu ul li a:hover {
background:#dfdfdf !important;
border:none !important;
}
.mobile_menu ul li:hover { background:#dfdfdf !important; }
.mobile_menu ul li ul { background:#dfdfdf !important; }
.maincontent {
position: relative;
border: transparent 1px solid;
vertical-align: top;
}
.min_height_zero {
min-height: 0 !important;
}
.vertical_sort_enabled {
float: left;
}
.inner_wrap {
box-sizing: border-box;
width: 75%;
max-width: 873px;
}
.ver_global {
width: 233px;
display: inline-block;
box-sizing: border-box;
margin: 0 8px;
}
.floating {
position: absolute;
z-index: 90000;
}
.opacBackground {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 5000;
width: 2500px;
height: 2500px;
background: rgba(0, 0, 0, 0.3);
}
.loading_container {
display: block;
position: relative;
width: 150px;
height: 150px;
margin: 25px 0;
left: 50%;
margin-left: -75px;
background: url('/imageserver/images/spinner2.gif');
background-size: 100%;
background-repeat: no-repeat;
}
.narrowClass {
display: none;
}
.wideClass {
display: block;
}
.hide_from_pc {
display: none;
}
#back_button_content {
display: none;
}
.site_button {
display: inline-block;
width: auto;
padding: 8px 16px;
border: #fff 1px solid;
border-radius: 100px;
background: rgba(255, 255, 255, 0.0);
transition: all ease-in-out 180ms;
text-decoration: none;
color: #fff;
}
.site_button:hover {
opacity: 0.6;
cursor: pointer;
}
.site_button a {
padding: 8px !important;
text-decoration: none;
color: inherit;
cursor: pointer;
margin: 0;
}
.site_button.round {
border-radius: 100px !important;
}
.site_button.square {
border-radius: 3px !important;
}
/* ========================= */
/* Form */
/* ========================== */
.hor_form_cont {
width: 32%;
display: inline-block;
vertical-align: top;
}
/* ===== Buttons ===== */
.button-loader {
display: inline-block;
width: 14px;
height: 13px;
background: url('/imageserver/GlobalMedia/Icons/loading.gif') no-repeat;
background-size: 16px 16px;
background-position: center;
}
.button-error {
display: inline-block;
width: 14px;
height: 13px;
background: url('/imageserver/GlobalMedia/Icons/deleteIcon.png') no-repeat;
background-size: 16px 16px;
background-position: center;
opacity: 1;
transition: all ease-in-out 150ms;
}
.button-error:hover {
cursor: pointer;
opacity: 0.7;
}
.button-finished {
display: inline-block;
width: 14px;
height: 13px;
background: url('/imageserver/GlobalMedia/Icons/checkmark.png') no-repeat;
background-size: 16px 16px;
background-position: center;
}
/* ===== Contact Page ===== */
.mobileEmailButton {
display: none;
}
.pcEmailButton {
display: block;
}
/* ========================== */
/* LightBox */
/* ========================== */
.lightBoxWrapper {
display: none;
position: fixed;
width: 100%;
max-width: 600px;
top: 120px;
left: 50%;
margin-left: -300px;
padding: 34px 8px 2px;
border: #444 1px solid;
border-radius: 3px;
background: #fff;
box-shadow: #000 0 0 8px -1px;
z-index: 15001;
}
.lightBoxClose {
position: absolute;
display: inline-block;
padding: 5px;
top: 3px;
right: 3px;
opacity: 1;
transition: all ease-in-out 180ms;
font-size: 12px;
}
.lightBoxClose:hover {
cursor: pointer;
opacity: 0.8;
}
.lightBoxBody {
text-align: center;
}
.lightBoxBody, .lightBoxDescription {
box-sizing: border-box;
}
.lightBoxTitle {
position: absolute;
display: inline-block;
padding: 5px;
top: 3px;
left: 3px;
}
.lightBoxDescription {
margin: 8px 0 0;
display: none;
padding: 8px 0 0;
border-top: #ddd 1px dotted;
}
/* ========================== */
/* Font Sizes */
/* ========================== */
.font_size_super {
font-size: 45px;
}
.font_size_large {
font-size: 35px;
}
.font_size_medium {
font-size: 25px;
}
.font_size_small {
font-size: 18px;
}
/* ======================================================================== */
/* ========================== Hover Icon Images =========================== */
/* ======================================================================== */
.hoverIconImg {
width: 100%;
max-width: 230px;
}
.hoverIconWrap {
margin: 5px;
position: relative;
display: inline-block;
width: auto; /*float:left;*/
}
.hoverIconTitle {
background: #000;
opacity: 0.8;
padding: 5px;
color: #fff;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 9px;
text-align: right;
font-weight: bold;
}
.hoverIconBG {
background: #444;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease-in-out 200ms;
cursor: pointer;
}
.hoverIconWrap:hover > .hoverIconBG {
opacity: 0.9;
}
.hoverIconViewMore {
width: 100px;
color: #D15409;
background: #fff;
border-radius: 4px;
padding: 8px;
text-align: center;
opacity: 1;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -58px;
transition: all ease-in-out 130ms;
}
.hoverIconViewMore:hover {
background: #FAB489;
}
.sw_imgViewMore {
width: 100px;
color: #D15409;
background: #fff;
border-radius: 4px;
padding: 8px;
text-align: center;
opacity: 1;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -58px;
transition: all ease-in-out 130ms;
}
@media (max-width: 650px) {
.hoverIconTitle, .hoverIconBG {
width: 100%;
}
.hoverIconWrap {
width: 45%;
border-radius: 4px;
}
}
/* ======================================================================== */
/* =============================== Sitemap ================================ */
/* ======================================================================== */
.sitemap_column {
display: inline-block;
padding: 5px;
box-sizing: border-box;
vertical-align: top;
}
.sitemap_item {
display: block;
padding: 8px;
box-sizing: border-box;
width: 100%;
vertical-align: top;
border-bottom: #ddd 1px dotted;
opacity: 1;
text-decoration: none;
transition: all ease-in-out 180ms;
font-size: 12px;
}
.sitemap_item:hover {
cursor: pointer;
opacity: 0.8;
}
/* ======================================================================== */
/* =========================== Global Templates =========================== */
/* ======================================================================== */
.global_template_one_img {
float: left;
width: 50%;
padding: 12px;
box-sizing: border-box;
background-size: cover;
min-height: 400px;
opacity: 0.8;
}
.global_template_one_text {
float: left;
width: 50%;
padding: 12px 12px 12px 250px;
box-sizing: border-box;
min-height: 400px;
}
@media (max-width: 1324px) {
.global_template_one_text {
padding: 12px 12px 12px 12px;
}
}
@media (max-width: 550px) {
.global_template_one_img {
display: none;
}
.global_template_one_text {
width: 100%;
}
}
.global_template_two_img {
float: left;
width: 50%;
padding: 12px;
box-sizing: border-box;
background-size: cover;
min-height: 400px;
opacity: 0.8;
}
.global_template_two_text {
float: left;
width: 50%;
padding: 12px 250px 12px 12px;
box-sizing: border-box;
min-height: 400px;
}
@media (max-width: 1324px) {
.global_template_two_text {
padding: 12px 12px 12px 12px;
}
}
@media (max-width: 550px) {
.global_template_two_img {
display: none;
}
.global_template_two_text {
width: 100%;
}
}
/* ======================================================================== */
/* =============================== Gallery ================================ */
/* ======================================================================== */
.galleryWrapper {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.galleryWrapper div {
width: 24%;
display: inline-block;
padding: 12px;
margin: 0;
text-align: center;
vertical-align: top;
box-sizing: border-box;
}
.galleryWrapper div img {
width: 100%;
max-width: 220px;
max-height: 220px;
box-sizing: border-box;
}
@media (max-width: 550px) {
.galleryWrapper div {
width: 100%;
}
}
.imag_gallery_wrap {
width: 100%;
text-align: center;
vertical-align: top;
}
.imag_gallery_item {
position: relative;
display: inline-block;
max-width: 520px;
box-sizing: border-box;
text-align: left;
opacity: 1;
transition: all ease-in-out 180ms;
vertical-align: top;
border: none;
}
.imag_gallery_item:hover {
opacity: 0.8;
}
.imag_gallery_link_wrap {
position: relative;
width: 100%;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto;
}
.imag_gallery_item a {
border: none;
}
.imag_gallery_item img {
width: 100%;
position: absolute;
}
.gallery_five_column {
width: 18%;
margin: 6px;
}
.gallery_four_column {
width: 23%;
margin: 6px;
}
.gallery_three_column {
width: 31%;
margin: 6px;
}
.gallery_two_column {
width: 48%;
margin: 6px;
}
.imag_gallery_item_title {
position: relative;
display: block;
padding: 4px 3px 0;
width: 100%;
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
text-align: center;
margin: 0 auto !important;
}
.imag_gallery_item_description {
position: relative;
display: block;
height: 80px;
padding: 4px 3px;
width: 100%;
font-size: 12px;
box-sizing: border-box;
text-align: center;
margin: 0 auto !important;
}
@media (max-width: 780px) {
.gallery_five_column, .gallery_four_column, .gallery_three_column, .gallery_two_column {
width: 47% !important;
margin: 6px;
}
}
@media (max-width: 480px) {
.gallery_five_column, .gallery_four_column, .gallery_three_column, .gallery_two_column {
width: 98% !important;
margin: 6px;
box-sizing: border-box;
}
}
/* ======================================================================== */
/* ========================== Bootstrap Gallery =========================== */
/* ======================================================================== */
.gallery-bootstrap-thumb {
margin-bottom: 30px;
}
img.gallery-bootstrap-zoom {
width: 100%;
height: 200px;
border-radius: 5px;
object-fit: cover;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.gallery-bootstrap-transition {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* ======================================================================== */
/* ========================== Carousel Gallery =========================== */
/* ======================================================================== */
.gallery-carousel-image {
width: 100%;
height: 200px;
border-radius: 5px;
object-fit: cover;
}
.carousel-gallery {
margin-bottom: 0;
padding: 0 40px 0 40px;
}
/* The controlsy */
.carousel-gallery-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
margin-top: 90px;
}
.carousel-gallery-control.right {
right: -12px;
}
/* The indicators */
.carousel-gallery-indicators {
right: 50%;
top: auto;
bottom: -15px;
margin-right: -19px;
}
/* The colour of the indicators */
.carousel-gallery-indicators li {
background: #cecece;
}
.carousel-gallery-indicators .active {
background: #428bca;
}
.carousel-gallery-control.right .fa {
color: #fff;
font-size: 32px !important;
margin-left: 6px;
}
.carousel-gallery-control.right {
margin-right: 65px;
top: 50%;
margin-top: -50px;
}
.carousel-gallery-control.left {
margin-left: 65px;
top: 50%;
margin-top: -50px;
}
.carousel-gallery-control.left .fa {
color: #fff;
font-size: 32px !important;
margin-right: 6px;
}
/* ======================================================================= */
/* ========================== Mix It Up Images =========================== */
/* ======================================================================= */
.miuImg {
width: 100%; /*max-width:230px;*/
}
.miuImgWrap {
width: 23%;
margin: 5px;
position: relative;
float: left;
border-radius: 5px;
box-sizing: border-box;
overflow: hidden;
}
.miuImgTitle {
background: #000;
opacity: 0.8;
color: #fff;
position: absolute;
width: 100%;
box-sizing: border-box;
bottom: 0px;
text-align: center;
font-weight: bold;
z-index: 5;
transition: all ease-in-out 280ms;
font-family: roboto;
font-size: 14px;
}
.miuImgTitle .imgExpander {
display: inline-block;
vertical-align: middle;
}
.miuImgTitle span {
display: inline-block;
vertical-align: middle;
width: 98%;
}
.miuImgBG {
background: rgba(244, 186, 42, 0);
position: absolute;
top: 200px;
left: 0px;
width: 100%;
height: 100%;
transition: all ease-in-out 280ms;
padding: 8px;
box-sizing: border-box;
text-align: center;
}
.miuImgWrap:hover > .miuImgBG {
background: rgba(244, 186, 42, 0.8);
top: 0px;
}
.miuImgWrap:hover > .miuImgTitle {
opacity: 0.9;
}
.miuImgBG span {
font-size: 18px;
text-align: center;
color: #fff;
position: relative;
top: -750px;
transition: all cubic-bezier(0, .5, .5, 1.15) 680ms;
width: 100%;
}
.miuImgWrap:hover > .miuImgBG span {
top: 0px;
}
.miuImgViewMore {
position: relative;
top: 60px;
left: 50%;
margin-left: -58px;
width: 100px;
color: #111;
background: #fff;
border-radius: 4px;
padding: 8px;
text-align: center;
opacity: 1;
transition: all ease-in-out 130ms;
}
.miuImgViewMore:hover {
background: #ccc;
cursor: pointer;
}
.miuImgViewMore:after {
content: 'View More';
}
@media (max-width: 650px) {
.miuImgWrap {
width: 45%;
border-radius: 4px;
}
.miuImgTitle {
font-size: 11px;
}
.miuFilterBtn {
width: 48%;
text-align: left;
}
}
#Container .mix {
display: none;
}
.miuFilterBtn {
display: inline-block;
border: #000 1px solid;
padding: 8px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
transition: all ease-in-out 180ms;
border-radius: 0px;
}
.miuFilterBtnClicked {
background: rgba(0, 0, 0, 1);
}
.miuFilterBtn:hover {
background: rgba(0, 0, 0, 1);
cursor: pointer;
}
.serviceTitle {
text-align: center;
padding: 8px;
font: bold 20px 'Hind', Roboto;;
}
.serviceDesc {
text-align: center;
padding: 8px;
font: 17px roboto;
}
.miuContainer {
border-top: #333 1px solid;
margin-top: 12px;
}
.miuBtnWrap {
padding: 12px 5px;
}
/* ======================================================================== */
/* ================ Re-Order Maincontent & Side Global Area =============== */
/* ======================================================================== */
@media (max-width: 1080px) {
.maincontent {
display: block;
}
.ver_global {
float: none !important;
display: table-footer-group;
}
.vertical_sort_enabled {
float: none !important;
display: table-header-group;
}
}
@media (max-width: 981px) {
/* ========================== */
/* Font Sizes */
/* ========================== */
.font_size_super {
font-size: 32px;
}
.font_size_large {
font-size: 26px;
}
.font_size_medium {
font-size: 25px;
}
.font_size_small {
font-size: 18px;
}
}
@media (max-width: 700px) {
/* ========================== */
/* Font Sizes */
/* ========================== */
.font_size_super {
font-size: 26px;
}
.font_size_large {
font-size: 24px;
}
.font_size_medium {
font-size: 22px;
}
.font_size_small {
font-size: 18px;
}
.inner_wrap {
float: none !important;
width: 100% !important;
max-width: 1000px !important;
}
.ver_global, .ver_global_wrap {
float: none !important;
width: 100% !important;
}
.narrowClass {
display: block;
}
.wideClass {
display: none;
}
/* ========================== */
/* LightBox */
/* ========================== */
.lightBoxWrapper {
width: 97% !important;
max-width: 1600px !important;
top: 190px;
left: 0 !important;
margin: 0 8px !important;
box-sizing: border-box;
}
/* ===== Form ===== */
.hor_form_cont {
width: 100%;
padding: 0 8px;
box-sizing: border-box;
}
}
@media (max-width: 500px) {
/* ========================== */
/* Font Sizes */
/* ========================== */
.font_size_super {
font-size: 20px;
}
.font_size_large {
font-size: 14px;
}
.font_size_medium {
font-size: 14px;
}
.font_size_small {
font-size: 14px;
}
/* ===== Editor ===== */
.top_editor_strip {
display: none;
}
/* ===== Contact Page ===== */
.mobileEmailButton {
display: block;
}
.pcEmailButton {
display: none;
}
}
/* ======================================================================= */
/* ============================= Old Columns ============================= */
/* ======================================================================= */
.stack_2 {
float: left;
width: 50%;
box-sizing: border-box;
padding: 6px;
min-height: 80px;
}
.stack_2_1 {
width: 100%;
box-sizing: border-box;
padding: 6px;
min-height: 80px;
}
@media (max-width: 500px) {
.stack_2 {
float: none !important;
width: 100% !important;
}
}
.stack_3 {
float: left;
width: 33.3%;
box-sizing: border-box;
padding: 6px;
min-height: 80px;
}
.stack_3_1 {
width: 100%;
box-sizing: border-box;
padding: 6px;
min-height: 80px;
}
@media (max-width: 700px) {
.stack_3 {
float: none !important;
width: 100% !important;
}
}
.stack_4 {
float: left;
width: 25%;
box-sizing: border-box;
padding: 6px;
min-height: 80px;
}
@media (max-width: 800px) {
.stack_4 {
width: 50% !important;
}
}
@media (max-width: 600px) {
.stack_4 {
float: none !important;
width: 100% !important;
}
}
/* ======================================================================= */
/* =============================== Columns =============================== */
/* ======================================================================= */
._col {
display: inline-block;
box-sizing: border-box;
padding: 8px;
min-height: 100px;
vertical-align: top;
}
._col_1 {
width: 100%;
}
._col_2 {
width: 49%;
}
._col_3 {
width: 32.3%;
}
._col_4 {
width: 24%;
}
._col_5 {
width: 19%;
}
._col_6 {
width: 16%;
}
._col_7 {
width: 14%;
}
._col_8 {
width: 12%;
}
@media (max-width: 992px) {
._col_6, ._col_7, ._col_8 {
display: inline-block;
width: 49% !important;
}
}
@media (max-width: 992px) {
._col_4, ._col_5 {
display: block;
width: 100% !important;
}
}
@media (max-width: 992px) {
._col_2, ._col_3 {
display: block;
width: 100% !important;
}
}
@media (max-width: 700px) {
._col_6, ._col_7, ._col_8 {
display: block;
width: 100% !important;
}
}
/*
Original
@media (max-width:700px){
._col_6, ._col_7, ._col_8 { display:block;width:100% !important; }
}
@media (max-width:600px){
._col_4, ._col_5 { display:block;width:100% !important; }
}
@media (max-width:500px){
._col_2, ._col_3 { display:block;width:100% !important; }
}
*/
@media (max-width: 1025px) {
.hide_from_pc {
display: block;
}
.hide_from_mobile {
display: block;
}
.hide_from_tablet {
display: none;
}
}
@media (max-width: 768px) {
.hide_from_pc {
display: block;
}
.hide_from_mobile {
display: none;
}
}
/*
====================
Animation Classes
====================
*/
.from_left {
margin: 0 auto 0 -400px;
opacity: 0;
}
.animate_from_left {
margin: 0 auto;
opacity: 1;
}
.from_right {
margin: 0 auto 0 400px;
opacity: 0;
}
.animate_from_right {
margin: 0 auto;
opacity: 1;
}
.from_bottom {
margin: 0 auto;
padding: 300px 0 0;
opacity: 0;
}
.animate_from_bottom {
margin: 0 auto;
padding: 0;
opacity: 1;
}
.fade_in {
opacity: 0;
}
.animate_fade_in {
opacity: 1;
}
@media (max-width: 500px) {
/*.from_left { margin:0 auto 0 0px;opacity:0; } .animate_from_left { margin: 0 auto;opacity:1; }
.from_right { margin:0 auto 0 0px;opacity:0; } .animate_from_right { margin: 0 auto;opacity:1; }*/
.from_left {
margin: 0 auto 0 0px;
opacity: 1;
}
.animate_from_left {
margin: 0 auto;
opacity: 1;
}
.from_right {
margin: 0 auto 0 0px;
opacity: 1;
}
.animate_from_right {
margin: 0 auto;
opacity: 1;
}
.from_bottom {
margin: 0 auto;
padding: 0px 0 0;
opacity: 1;
}
.animate_from_bottom {
margin: 0 auto;
padding: 0;
opacity: 1;
}
.fade_in {
opacity: 1;
}
.animate_fade_in {
opacity: 1;
}
}
#confirmOverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: url('/imageserver/confirm/ie.png');
background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
z-index: 100000;
}
#confirmBox {
background: url('/imageserver/confirm/body_bg.jpg') repeat-x left bottom #e5e5e5;
width: 460px;
position: fixed;
left: 50%;
top: 50%;
margin: -190px 0 0 -230px;
border: 1px solid rgba(33, 33, 33, 0.6);
-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}
#confirmBox h1,
#confirmBox p {
font: 26px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
background: url('/imageserver/confirm/header_bg.jpg') repeat-x left bottom #f5f5f5;
padding: 18px 25px;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
color: #666;
}
#confirmBox h1 {
letter-spacing: 0.3px;
color: #888;
}
#confirmBox p {
background: none;
font-size: 16px;
line-height: 1.4;
padding-top: 35px;
}
#confirmButtons {
padding: 15px 0 25px;
text-align: center;
}
#confirmBox .conbutton {
display: inline-block;
background: url('/imageserver/confirm/buttons.png') no-repeat;
color: white;
position: relative;
height: 33px;
font: 17px/33px 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin-right: 15px;
padding: 0 35px 0 40px;
text-decoration: none;
border: none;
}
#confirmBox .conbutton:last-child {
margin-right: 0;
}
#confirmBox .conbutton span {
position: absolute;
top: 0;
right: -5px;
background: url('/imageserver/confirm/buttons.png') no-repeat;
width: 5px;
height: 33px
}
#confirmBox .blue {
background-position: left top;
text-shadow: 1px 1px 0 #5889a2;
}
#confirmBox .blue span {
background-position: -195px 0;
}
#confirmBox .blue:hover {
background-position: left bottom;
}
#confirmBox .blue:hover span {
background-position: -195px bottom;
}
#confirmBox .gray {
background-position: -200px top;
text-shadow: 1px 1px 0 #707070;
}
#confirmBox .gray span {
background-position: -395px 0;
}
#confirmBox .gray:hover {
background-position: -200px bottom;
}
#confirmBox .gray:hover span {
background-position: -395px bottom;
}
._blog_left_container { display:inline-block;box-sizing:border-box;vertical-align:top;width:72%;padding:0 4px;border-right-width:1px;border-right-style:solid; }
._blog_right_container { display:inline-block;box-sizing:border-box;vertical-align:top;width:27%; }
._blog_cover_image_wrap { position:relative; }
._blog_cover_image_container img { width:100%; }
._blog_social_media_wrapper { position:absolute;box-sizing:border-box;top:0;left:0;background:rgba(0,0,0,0.8);width:100%; }
._blog_social_media_title { color:#fff;font-size:16px;padding:10px; }
._blog_title_container { position:absolute;box-sizing:border-box;bottom:3px;left:0;background:rgba(0,0,0,0.8);width:100%;color:#fff;font-size:19px;padding:10px; }
/* Content Container */
._blog_content_container { margin:12px 0 24px; }
._blog_posts_in_category_container, ._blog_home_container { margin:0 0 24px; }
/* Posted By */
._blog_posted_by_wrapper { padding:12px;width:100%;box-sizing:border-box;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid; }
._blog_posted_by_container { font-size:14px;margin-bottom:5px; }
._blog_date_created_container { font-size:12px; }
/* Next & Previous buttons */
._blog_next_prev_wrapper { margin:12px 0 0;display:inline-block; }
._blog_button { display:inline-block;margin:44px 0 24px; }
._blog_button a { border-radius:3px;text-decoration:none;padding:12px 24px; }
/* Right Container */
._blog_title { font-size:24px;padding:8px 12px;width:100%;box-sizing:border-box;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid; }
._blog_category_links { box-sizing:border-box; }
._blog_category_links a { display:block;width:100%;box-sizing:border-box;padding:8px 0 8px 24px;background:transparent;text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;transition:all ease-in-out 180ms;color:#333;position:relative; }
._blog_category_links a:hover { background:rgba(60,60,60,0.1); }
._blog_category_links a:last-child { border:none; }
._blog_category_count { position:absolute;right:5px;top:8px; }
/* Recent Posts*/
._blog_recent_post_link { display:block;text-decoration:none;padding:4px 2px;color:#333;background:transparent;transition:all ease-in-out 180ms; }
._blog_recent_post_link:hover { background:rgba(60,60,60,0.1); }
._blog_recent_post_image img { width:100%; }
._blog_recent_post_desc { font-size:19px; font-style:italic; }
/* Posts in category */
._blog_posts_in_category_page_title { font-size:24px;padding:8px 12px;margin:0 0 12px;width:100%;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid; }
._blog_post_in_category_empty { text-align:center;width:100%;box-sizing:border-box;padding:12px; }
._blog_post_in_category_link { display:block;text-decoration:none;padding:0px 2px 8px;color:#fff;opacity:1;transition:all ease-in-out 180ms; }
._blog_post_in_category_link:hover { opacity:0.7; }
._blog_post_in_category_title_wrapper { position:absolute;box-sizing:border-box;top:0;left:0;background:rgba(0,0,0,0.8);padding:8px;width:100%; }
._blog_post_in_category_title { font-size:20px;color:#fff; }
._blog_post_in_category_description_wrapper { position:absolute;box-sizing:border-box;bottom:4px;left:0;background:rgba(0,0,0,0.8);padding:8px;width:100%; }
._blog_post_in_category_description { font-size:15px;color:#fff; }
._blog_post_in_category_link_grid { display:inline-block;width:49%;text-decoration:none;padding:0px 2px 8px;color:#fff;opacity:1;transition:all ease-in-out 180ms;vertical-align:top; }
._blog_post_in_category_link_grid:hover { opacity:0.7; }
._blog_post_in_category_title_wrapper_grid { position:relative;box-sizing:border-box;top:0;left:0;background:rgba(0,0,0,0.8);padding:8px;width:100%; }
._blog_post_in_category_title_grid { font-size:16px;color:#fff; }
._blog_post_in_category_description_wrapper_grid { position:relative;box-sizing:border-box;bottom:4px;left:0;background:rgba(0,0,0,0.8);padding:8px;width:100%;min-height:130px; }
._blog_post_in_category_description_grid { font-size:15px;color:#fff; }
/* Pagination */
._blog_pagination_container { margin:12px 0 0;display:inline-block; }
._blog_pagination_text { display:inline-block;margin:0 0 0 12px; }
/* ========================== */
/* ========= Admin ========== */
/* ========================== */
._blog_login_container { display:block;width:100%;max-width:420px;padding:8px;background:rgba('220','220','220','0.2');border-radius:4px;box-sizing:border-box;border-width:1px;border-style:solid;margin:12px auto 90px; }
._blog_login_title { text-align:center;font-weight:bold;font-size:28px;margin:40px 0 0; }
._blog_login_description { text-align:center;margin:40px 0; }
._blog_input_container { width:100%;box-sizing:border-box;padding:4px; }
._blog_input_title { box-sizing:border-box;margin:0 !important;font-size:17px;display:inline-block;width:35%; }
._blog_input { box-sizing:border-box;display:inline-block;margin:0 !important;width:63%; }
._blog_input input { box-sizing:border-box;border-width:1px;border-style:solid;border-radius:3px;padding:7px;width:100%; }
._blog_login_button { display:inline-block;padding:8px 12px 30px;position:relative; }
._blog_login_button a { border-width:1px;border-style:solid;border-radius:3px;text-decoration:none;position:absolute;padding:8px 12px;right:0;opacity:1;transition:all ease-in-out 180ms; }
._blog_login_button a:hover { opacity:0.7;cursor:pointer; }
._blog_forgot_password { font-size:12px;opacity:1;transition:all ease-in-out 180ms; }
._blog_forgot_password:hover { opacity:0.7;cursor:pointer; }
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.sp-color {
position: absolute;
top:0;
left:0;
bottom:0;
right:20%;
}
.sp-hue {
position: absolute;
top:0;
right:0;
bottom:0;
left:84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top:33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position:absolute;
top:-4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position:absolute;
top:0px;
right:0;
bottom:0;
left:84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select:none;
-moz-user-select: -moz-none;
-o-user-select:none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position:absolute;
top:0;
left: 0;
}
.sp-slider {
position: absolute;
top:0;
cursor:pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float:right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background:transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container , .sp-palette-container {
float:left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position:relative;
float:left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position:relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border:none;
display:block;
float:left;
margin:0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin:0;
overflow:hidden;
cursor:pointer;
padding: 4px;
display:inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor:default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float:left;
font-size:10px;
}
.sp-preview {
position:relative;
width:25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float:left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width:16px;
height: 16px;
margin:2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom:0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin:0;
padding:2px;
margin-right: 5px;
vertical-align: middle;
text-decoration:none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position:relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display:block;
position:absolute;
top:0;left:0;bottom:0;right:0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat:no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.dropzone, .dropzone * { box-sizing: border-box; }
.dropzone { min-height: 150px; border: 2px dashed rgba(0, 0, 0, 0.3); background: none; padding: 34px 34px; }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 5px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }
.dropzone_used, .dropzone_used * { box-sizing: border-box; }
.dropzone_used { min-height: 150px; border: 2px dashed rgba(0, 0, 0, 0.3); background: none; padding: 12px 12px; }
.dropzone_used.dz-clickable { cursor: pointer; }
.dropzone_used.dz-clickable * { cursor: default; }
.dropzone_used.dz-clickable .dz-message, .dropzone_used.dz-clickable .dz-message * { cursor: pointer; }
.dropzone_used.dz-started .dz-message { display: none; }
.dropzone_used.dz-drag-hover { border-style: solid; }
.dropzone_used.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone_used .dz-message { text-align: center; margin: 2em 0; }
.dropzone_used .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone_used .dz-preview:hover { z-index: 1000; }
.dropzone_used .dz-preview:hover .dz-details { opacity: 1; }
.dropzone_used .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone_used .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone_used .dz-preview.dz-image-preview { background: white; }
.dropzone_used .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone_used .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone_used .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone_used .dz-preview:hover .dz-details { opacity: 1; }
.dropzone_used .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone_used .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone_used .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone_used .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone_used .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone_used .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone_used .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone_used .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone_used .dz-preview .dz-image { border-radius: 5px; overflow: hidden; width: 220px !important; height: 220px !important; position: relative; display: block; z-index: 10; }
.dropzone_used .dz-preview .dz-image img { display: block; width: 220px !important; height: 220px !important; }
.dz-image-resize img { display: block; width:220px !important; height: 220px !important; }
.dropzone_used .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone_used .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone_used .dz-preview .dz-success-mark, .dropzone_used .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone_used .dz-preview .dz-success-mark svg, .dropzone_used .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone_used .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone_used .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone_used .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone_used .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone_used .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone_used .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone_used .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone_used .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone_used .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }
.dropzone_small { min-height: 180px; border: 2px dashed rgba(0, 0, 0, 0.3); background: none; padding: 0px 0px;z-index:0; }
.dropzone_small .dz-preview .dz-image { border-radius: 5px; overflow: hidden; width: 100% !important; height: 140px !important; position: relative; display: block; z-index: 10; }
.dropzone_small .dz-preview .dz-image img { display: block; width: 140px !important; height: 140px !important; }
.leaflet-image-layer,.leaflet-layer,.leaflet-map-pane,.leaflet-marker-icon,.leaflet-marker-pane,.leaflet-marker-shadow,.leaflet-overlay-pane,.leaflet-overlay-pane svg,.leaflet-popup-pane,.leaflet-shadow-pane,.leaflet-tile,.leaflet-tile-container,.leaflet-tile-pane,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container img{max-width:none!important}.leaflet-container img.leaflet-image-layer{max-width:15000px!important}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-tile-pane{z-index:2}.leaflet-objects-pane{z-index:3}.leaflet-overlay-pane{z-index:4}.leaflet-shadow-pane{z-index:5}.leaflet-marker-pane{z-index:6}.leaflet-popup-pane{z-index:7}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:7;pointer-events:auto;float:left;clear:both}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-right .leaflet-control{float:right;margin-right:10px}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-fade-anim .leaflet-popup,.leaflet-fade-anim .leaflet-tile{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup,.leaflet-fade-anim .leaflet-tile-loaded{opacity:1}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-touching .leaflet-zoom-animated,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-clickable{cursor:pointer}.leaflet-container{overflow:hidden;-ms-touch-action:none;touch-action:none;cursor:-webkit-grab;cursor:-moz-grab;background:#ddd;outline:0;font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-clickable,.leaflet-dragging .leaflet-container{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}.leaflet-container a{color:#0078A8}.leaflet-container a.leaflet-active{outline:orange solid 2px}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-control-zoom-out{font-size:20px}.leaflet-touch .leaflet-control-zoom-in{font-size:22px}.leaflet-touch .leaflet-control-zoom-out{font-size:24px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{margin:0 auto;width:40px;height:20px;position:relative;overflow:hidden}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}
.cb-slideshow,
.cb-slideshow:after {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.cb-slideshow:after {
content: '';
background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 36s linear infinite 0s;
-moz-animation: imageAnimation 36s linear infinite 0s;
-o-animation: imageAnimation 36s linear infinite 0s;
-ms-animation: imageAnimation 36s linear infinite 0s;
animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
z-index: 1000;
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
text-align: right;
opacity: 0;
-webkit-animation: titleAnimation 36s linear infinite 0s;
-moz-animation: titleAnimation 36s linear infinite 0s;
-o-animation: titleAnimation 36s linear infinite 0s;
-ms-animation: titleAnimation 36s linear infinite 0s;
animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 160px;
padding: 0 30px;
line-height: 120px;
color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/6.jpg) }
.cb-slideshow li:nth-child(2) span {
background-image: url(../images/5.jpg);
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
background-image: url(../images/4.jpg);
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
background-image: url(../images/3.jpg);
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
background-image: url(../images/2.jpg);
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
background-image: url(../images/1.jpg);
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
@-webkit-keyframes imageAnimation {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(1.05);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
-webkit-transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
0% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-transform: scale(1.05);
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-moz-transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
-moz-transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
0% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-o-transform: scale(1.05);
-o-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-o-transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
-o-transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-ms-transform: scale(1.05);
-ms-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-ms-transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
-ms-transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
transform: scale(1.05);
animation-timing-function: ease-out;
}
17% {
opacity: 1;
transform: scale(1.1) rotate(3deg);
}
25% {
opacity: 0;
transform: scale(1.1) rotate(3deg);
}
100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
8% {
opacity: 1;
-webkit-transform: translateX(0px);
}
17% {
opacity: 1;
-webkit-transform: translateX(0px);
}
19% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
25% { opacity: 0 }
100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
0% {
opacity: 0;
-moz-transform: translateX(200px);
}
8% {
opacity: 1;
-moz-transform: translateX(0px);
}
17% {
opacity: 1;
-moz-transform: translateX(0px);
}
19% {
opacity: 0;
-moz-transform: translateX(-400px);
}
25% { opacity: 0 }
100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
0% {
opacity: 0;
-o-transform: translateX(200px);
}
8% {
opacity: 1;
-o-transform: translateX(0px);
}
17% {
opacity: 1;
-o-transform: translateX(0px);
}
19% {
opacity: 0;
-o-transform: translateX(-400px);
}
25% { opacity: 0 }
100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
0% {
opacity: 0;
-ms-transform: translateX(200px);
}
8% {
opacity: 1;
-ms-transform: translateX(0px);
}
17% {
opacity: 1;
-ms-transform: translateX(0px);
}
19% {
opacity: 0;
-ms-transform: translateX(-400px);
}
25% { opacity: 0 }
100% { opacity: 0 }
}
@keyframes titleAnimation {
0% {
opacity: 0;
transform: translateX(200px);
}
8% {
opacity: 1;
transform: translateX(0px);
}
17% {
opacity: 1;
transform: translateX(0px);
}
19% {
opacity: 0;
transform: translateX(-400px);
}
25% { opacity: 0 }
100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
opacity: 1;
}
@media screen and (max-width: 1140px) {
.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
.cb-slideshow li div h3 { font-size: 50px }
}
.module_slider_structure_slider_wrap { position:relative;width:100%;overflow:hidden; }
.indi_slide_image img { width:100%; }
.module_slider_structure_slider_wrap .indi_slide_wrap { position:absolute;display:inline-block;float:left;width:100%;top:0px;opacity:1;margin-left:100%; }
.module_slider_structure_slider_wrap .visible_slide { margin-left:0; }
.indi_slide_title {
position:absolute;
bottom:10px;
width:100%;
box-sizing:border-box;
padding:7px 20px;
text-align:right;
background: linear-gradient(to left, #222, #222, transparent);
background: -webkit-linear-gradient(right, #222, #222, transparent);
background: -o-linear-gradient(right, #222, #222, transparent);
background: -moz-linear-gradient(right, #222, #222, transparent);
color:#fff;
}
/* ========================================= */
/* ================ Effects ================ */
/* ========================================= */
/* Slide */
.module_slider_structure_slider_wrap .slide.hide_slide { margin-left:100%;z-index:-1; }
.module_slider_structure_slider_wrap .slide.visible_slide { margin-left:0;z-index:1; }
.module_slider_structure_slider_wrap .slide.lift_slide { margin-left:-100%;z-index:-1; }
/* fade */
.module_slider_structure_slider_wrap .fade.hide_slide { margin-left:0;z-index:-1; }
.module_slider_structure_slider_wrap .fade.initital_visible_slide { margin-left:0;z-index:1; }
.module_slider_structure_slider_wrap .fade.visible_slide { margin-left:0;z-index:2; }
.module_slider_structure_slider_wrap .fade.lift_slide { margin-left:0;opacity:0;z-index:3; }
/* ======================================================================== */
/* =============================== Social Media ================================= */
/* ======================================================================== */
.ssm_icon { display:inline-block;width:50px;height:50px;margin:2px;background:url('/imageserver/GlobalMedia/Icons/socialMediaIcons.png') no-repeat;background-repeat:no-repeat;background-size:1200px;cursor:pointer;opacity:1;box-shadow:#000 0 0 6px -1px;transition:all ease-in-out 180ms;visibility:hidden; }
.ssm_icon:hover { opacity:0.6; }
.ssm_link_a { text-decoration:none !important;border:none !important;background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0; }
/* ============================================== */
/* =================== Tabs ===================== */
/* ============================================== */
.module_tabs_structure_tab_content_wrap { padding:8px; }
.module_tabs_structure_tab_content { width:100%;display:none; }
.module_tabs_structure_tab_wrap { width:100%;text-align:left;margin-top:12px; }
.module_tabs_tab { display:inline-block;position:relative;width:auto;border-radius:4px 4px 0 0;border:#0E1929 1px solid;background:#162943;transition:background ease-in-out 180ms;cursor:pointer;padding-bottom:1px;min-width:50px;margin-right:1px;color:#fff; }
.module_tabs_tab:hover, .module_tabs_tab.hovered { background:#09111D;padding-top:1px; }
.tab_title_wrap { display:inline-block;width:auto;padding:7px 18px 7px 18px;font-size:13px;color:inherit; }
.module_tabs_structure_tab_content_wrap .module_tabs_structure_tab_content:first-child { display:block; }
@media (max-width:600px) {
.module_tabs_tab { width:100%;border-radius:4px;margin-right:0px;margin-bottom:1px; }
.module_tabs_tab:hover, .module_tabs_tab.hovered { padding-top:0px; }
}
/* ============================================== */
/* ================== Forms ===================== */
/* ============================================== */
.form_field_wrapper { width:100%;padding:3px;margin-top:1px;background:transparent;box-sizing:border-box;transition:all ease-in-out 180ms; }
.form_field_wrapper:hover { background:rgba(0,0,0,0.1); }
.radio_checkbox_title { padding:6px 0 2px 0;font-weight:bold; }
.radio_checkbox_wrapper { padding:6px;width:25%;margin:0 0 8px 10px;box-sizing:border-box;display:inline-block;vertical-align:top; }
.radio_checkbox_value { display:inline-block;width:85%;padding:1px 0; }
.radio_checkbox { display:inline-block;width:15%;padding:1px 0; }
.form_field_text { padding:8px;width:90%;border:#ccc 1px solid;border-radius:3px; }
.form_field_select { padding:8px;width:92%;border:#ccc 1px solid;border-radius:3px; }
.form_field_textarea { padding:8px;width:90%;min-height:90px;border:#ccc 1px solid;border-radius:3px; }
.form_field_title { display:inline-block;box-sizing:border-box;font-weight:bold;vertical-align:top;padding-top:8px; }
.form_field_content { display:inline-block;box-sizing:border-box; }
.form_field_element { color:#222222; }
.signalCap { display:none;margin:12px 0 0 0; }
.captchaSubmitBtn { border:#ccc 1px solid;border-radius:3px;padding:8px 12px;margin:12px 0 0 0;font-size:12px;cursor:pointer; }
.capDiv { width:100%;text-align:center; }
.cap_wrap { width:200px;text-align:center;margin:0 auto; }
.capDesc { margin:4px 0;font-size:12px; }
.capShapesWrap { width:125px;margin:0 auto;border-radius:4px;border:#333 3px double; }
.capShapes { margin:0 auto;padding:4px 4px 2px 4px;background:#444;border-radius:3px; }
.capItem { width:30px;height:30px;background:url('/imageserver/styles/captchaShapesWhite.png');background-repeat:no-repeat;background-size:auto 35px;display:inline-block;margin:0 3px; }
.capItem:hover { cursor:pointer;opacity:0.6; }
.capCircle { background-position:-34px -2px; }
.capTriangle { background-position:-64px -2px; }
.capSquare { background-position:-2px -2px; }
.required_field_element { display:inline-block;padding:0 6px;color:#E87072;font-size:16px;font-weight:bold; }
.form_input_error { font-size:12px;color:#FF9494;margin-top:8px; }
.thank_you_content { display:none;width:100%;margin:12px 0 }
.form_button_loader { display:inline-block;width:14px;height:13px;background:url('/imageserver/GlobalMedia/Icons/loading.gif') no-repeat;background-size:16px 16px;background-position:center; }
.form_button_error { display:inline-block;width:14px;height:13px;background:url('/imageserver/GlobalMedia/Icons/deleteIcon.png') no-repeat;background-size:13px 13px;background-position:center;opacity:1;transition:all ease-in-out 150ms; }
.form_button_error:hover { cursor:pointer;opacity:0.7; }
.form_button_finished { display:inline-block;width:14px;height:13px;background:url('/imageserver/GlobalMedia/Icons/checkmark.png') no-repeat;background-size:16px 16px;background-position:center; }
.required_field { width:80% !important; }
.grecaptcha-badge { z-index:10000; }
@media (max-width:600px){
.form_field_title { width:100% !important;padding-top:2px !important; }
.form_field_content { width:100% !important; }
.form_field_content input, .form_field_content select, .form_field_content textarea { width:100%;box-sizing:border-box; }
.radio_checkbox_wrapper { width:100%;margin:0 0 4px 0px; }
.required_field { width:90% !important; }
}
.aspect_ratio { position:relative;width:100%;padding-top:26%; }
.select_a_slide_wrapper { width:100%;top:0;overflow:hidden;position:relative;box-sizing:border-box;height:100%; }
.select_a_slide_slide_wrapper { width:30000px;overflow:hidden;position:relative;box-sizing:border-box; }
.select_a_slide_slide { min-height:100px;overflow:hidden;position:relative;display:inline-block;box-sizing:border-box;vertical-align:top; }
.select_a_alide_background_image img { width:100%; }
.select_a_slide_link_wrapper { position:absolute;z-index:10;bottom:0;box-sizing:border-box;}
.select_a_slide_link_wrapper div { display:inline-block;position:relative;padding:20px;box-sizing:border-box;text-align:center;opacity:1;transition:all ease-in-out 180ms;background:#ddd;border-right:#aaa 2px inset; }
.select_a_slide_link_wrapper div:last-child { border-right:none; }
.select_a_slide_link_wrapper div:hover { cursor:pointer; }
.select_a_slide_link_wrapper div.slide_active:after{ position:absolute;content:"";width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #ddd;opacity:1;top:-19px;left:50%;margin-left:-20px;
}
.select_a_slide_slide_content { position:absolute;width:100%;top:0px;max-width:1124px;left:50%;margin-left:-562px;z-index:10; }
#mega_slider_wrapper,.shadow{width:100%;position:relative}.nav-arrows,.nav-dots,.shadow{display:none}.nav-arrows a,.nav-dots span,.nav-options span{cursor:pointer;border-radius:50%}#mega_slider_wrapper{background:0 0;overflow:hidden}#mega_slider_wrapper img,.mega_slide_image{width:100%}.shadow{height:168px;margin-top:-110px;background:url(/imageserver/AdminMedia/moduleImages/megaslider/shadow.png) bottom center no-repeat;background-size:100% 100%;z-index:-1}.sb-description h3{text-shadow:1px 1px 1px rgba(0,0,0,.3)}.sb-description h3 a{color:#4a3c27;text-shadow:0 1px 1px rgba(255,255,255,.5)}.nav-arrows a{width:42px;height:42px;background:url(/imageserver/AdminMedia/moduleImages/megaslider/nav.png) top left no-repeat #cbbfae;position:absolute;top:50%;left:2px;text-indent:-9000px;opacity:.9;box-shadow:0 1px 1px rgba(255,255,255,.8)}.nav-arrows a:first-child{left:auto;right:2px;background-position:top right}.nav-arrows a:hover{opacity:1}.nav-dots{text-align:center;position:absolute;height:30px;width:100%;left:0}.nav-dots span{display:inline-block;width:16px;height:16px;margin:3px;box-shadow:0 1px 1px rgba(255,255,255,.6),inset 0 1px 1px rgba(0,0,0,.1)}.nav-dots span.nav-dot-current{box-shadow:0 1px 1px rgba(255,255,255,.6),inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 0 3px #cbbfae,inset 0 0 0 8px #fff}.nav-options{width:70px;height:30px;position:absolute;right:70px;bottom:0;display:none}.nav-options span{width:30px;height:30px;background:url(/imageserver/AdminMedia/moduleImages/megaslider/options.png) top left no-repeat #cbbfae;text-indent:-9000px;opacity:.7;display:inline-block}.sb-slider,.sb-slider li>img{width:100%}.nav-options span:first-child{background-position:-30px 0;margin-right:3px}.nav-options span:hover{opacity:1}.sb-slider{margin:0 auto;position:relative;overflow:hidden;list-style-type:none;padding:0;max-width:2000px!important}.sb-slider li{margin:0;padding:0;display:none}.sb-slider li>a{outline:0}.sb-slider img{max-width:100%;display:block}.sb-description{width:100%;max-width:1124px;margin:0 auto;padding:30px 10px 10px;height:900px;top:0;left:10px;right:10px;z-index:10;position:absolute;color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s;background:rgba(40,40,40,.2);text-shadow:#000 0 0 7px}.sb-description h2,.sb-description h3{line-height:1.1;margin:4px 0;padding:4px 0}.nav-dots span,.slider_button{transition:all ease-in-out 180ms}.sb-description h2{font-size:42px}.sb-description h3{font-size:22px}.sb-perspective{position:relative}.sb-perspective>div{position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.sb-side{margin:0;display:block;position:absolute;-moz-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.nav-arrows,.nav-arrows a,.nav-dots{z-index:11!important}.nav-arrows a{margin-top:-60px!important;background-color:rgba(0,0,0,.8);margin-left:10px;margin-right:10px}.nav-dots{bottom:0!important;background:rgba(0,0,0,.8);padding:8px}.nav-dots span{background:#777}.nav-dots span:hover{background:#aaa}.slider_button{position:relative;display:inline-block;line-height:1;width:auto;padding:10px 16px;background:#1F1E1E;border-radius:5px;color:#fff;text-decoration:none;margin:12px 0 0;font-size:16px}.slider_button:hover{background:#333}@media (max-width:1170px){.sb-description{width:85%!important;min-width:auto!important;margin:0 60px;box-sizing:border-box}}@media (max-width:850px){.sb-description{width:80%!important;min-width:auto!important;margin:0 60px;box-sizing:border-box}.sb-description h2,.sb-description h3{line-height:1.1;margin:4px 0;padding:4px 0}.sb-description h2{font-size:28px}.sb-description h3{font-size:14px}}@media (max-width:650px){.sb-description{width:75%!important;min-width:auto!important;margin:0 60px;box-sizing:border-box}}@media (max-width:600px){.hide_in_mobile{display:none}}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
:root {
--primary-color: #132f0e;
--secondary-color: #000000;
--accent-color: #005a00;
--light-gray: #d8d8d8;
--dark-gray: #2b2b2b;
--google-red: #e54335;
--google-yellow: #f6b704;
--google-green: #34a353;
--google-blue: #4280ef;
--facebook-blue: #0866ff;
--bbb-blue: #005f86;
--font-size: 0.8em;
--bg1: #f5f8f7;
--blue: #3498db;
--green: #2ecc71;
--purple: #9b59b6;
--gold: #f1c40f;
--red: #e74c3c;
--orange: #e67e22;
--shadow1: 0 2px 4px #00000026, 0 3px 6px #0000001f;
--shadow2: 0 2px 6px #00000044, 0 4px 7px #00000022;
}
html,
body {
font-family: 'Poppins', 'Montserrat', sans-serif;
font-size: 18px;
scroll-behavior: smooth;
}
h1 {
margin: 25px 0;
}
h3 {
font-size: 22px;
}
p {
font-size: 1em;
line-height: 1.6em;
max-width: 115ch;
margin-inline: auto;
}
.maincontent_wrapper {
background: none;
}
.maincontent {
display: block !important;
padding: 0px !important;
overflow: hidden;
}
/* Fade In Animation */
.fade-in {
opacity: 0;
/* Initially hide the element */
transition: opacity 1.5s ease;
/* Smooth transition for opacity change */
transition-delay: 2s;
}
/* -- Infobar -- */
.infobar-row {
display: flex;
height: auto;
flex-flow: row;
position: relative;
justify-content: space-around;
align-items: center;
gap: 35px;
padding-inline: 30px;
background-color: transparent;
padding: 5px;
}
.infobar-content {
display: flex;
justify-content: flex-end;
}
.infobar_wrapper {
display: none;
}
.infobar-social-wrapper {
max-width: fit-content;
display: flex;
align-items: center;
gap: 25px;
}
.infobar-contact a {
color: #ffffff;
font-weight: 600;
font-size: clamp(0.875rem, 0.725rem + 0.244vw, 1rem);
}
.infobar-contact p {
margin: 0;
}
.infobar-contact-icon {
margin-right: 12px;
border-radius: 50%;
background-color: #ffffff;
color: var(--primary-color);
width: 40px;
height: 40px;
border: 2px solid var(--secondary-color);
}
.infobar-contact-icon .infobar-contact-sm a {
color: var(--secondary-color);
}
.infobar-contact-icon i {
font-size: 28px;
line-height: 1.2;
color: var(--primary-color);
}
.infobar-contact-icon svg {
padding: 11px 8px;
fill: #fff !important;
}
.infobar-contact-icon svg path {
fill: var(--primary-color) !important;
}
.infobar-contact {
display: flex;
align-items: center;
}
.infobar-contact-sm {
display: none;
}
.ssm_icon_new {
display: inline-block;
width: fit-content !important;
}
.iconSvg {
max-width: 38px;
width: 100%;
max-height: 40px;
}
.infobar-contact-sm {
display: none;
}
.infobar-estimate-wrapper {
background: var(--accent-color);
padding: 7px 17px;
}
.infobar-estimate-wrapper a {
color: #fff;
font-weight: 600;
}
.header_wrapper {
position: relative;
border: none;
background: #fff;
padding: 0px;
height: auto;
box-shadow: none;
margin-top: 100px;
z-index: 1;
}
.header {
width: 100%;
max-width: 1800px;
height: auto;
}
.ywp_header {
position: relative;
padding: 18px;
margin-left: auto;
margin-right: auto;
min-height: 70px;
max-width: 1500px;
}
.menu_wrapper {
background-color: transparent;
z-index: 0;
border-radius: 0;
max-width: none !important;
width: 100%;
top: -5px;
text-align: right;
}
.menu ul {
text-align: right;
}
.menu ul li {
font-family: 'Poppins', 'Montserrat', sans-serif;
font-size: 22px !important;
font-weight: 500;
border-radius: 0;
z-index: 0;
}
.menu ul li:hover {
background-color: transparent !important;
}
.menu ul li a {
padding: 12px 18px;
letter-spacing: .05em;
color: #000;
font-size: clamp(0.875rem, 0.725rem + 0.244vw, 1rem);
font-weight: 600;
}
.menu ul li a:hover {
text-decoration: none;
color: #848484;
}
.menu ul .nav-estimate {
position: relative;
font-weight: 700;
}
.menu ul li>ul {
display: block;
top: -9999px;
left: 0;
opacity: 0;
width: 225px;
transform: translateX(15px);
transition: top 0s, opacity .4s, transform .4s;
}
.menu ul li:hover>ul {
top: 47px;
opacity: 1;
transform: translateX(0);
}
.menu ul li>ul li {
border-radius: 0;
background-color: #f5f5f5;
padding: 0;
width: 100%;
}
.menu ul li>ul li a {
color: #111;
border-bottom: none;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.menu ul li>ul li a:hover {
background-color: var(--primary-color);
}
.menu ul li>ul li:hover a {
color: #ffffff;
}
.mobile_menu_wrapper {
background-color: #eee !important;
}
.mobile_menu {
overflow-y: auto !important;
background-color: #eee !important;
}
.mobile_menu ul {
margin: 15px 0;
padding: 0;
border-top: 0;
}
.mobile_menu ul li {
font-family: 'Poppins', 'Montserrat', sans-serif;
border-color: transparent !important;
border-bottom: 0;
font-weight: 500;
font-size: 16px !important;
}
.mobile_menu ul li:hover {
background: transparent !important;
}
.mobile_menu ul .nav-estimate {
font-weight: 700;
}
.mobile_menu ul li a {
color: #111 !important;
}
.mobile_menu ul li a:hover {
background: var(--primary-color) !important;
}
.mobile_menu ul li ul {
height: auto;
margin: 0;
padding: 0 0 0 20px;
background-color: #eee !important;
}
.mobile_menu ul li ul li {
padding: 0;
font-weight: 400;
}
.mobile_menu ul li ul li a {
padding: 10px 25px;
color: #111 !important;
}
.mobile_menu ul li ul li a::before {
content: "- ";
}
.logo {
position: absolute;
top: -25px;
left: 20px;
z-index: 1;
width: auto;
border-radius: 50%;
}
.logo img {
max-width: 335px;
min-width: auto;
max-height: none;
min-height: auto;
width: 100%;
height: 100%;
}
.boxbody {
border-width: 0px;
margin-top: 12px;
}
.boxheader {
background-color: transparent;
border-radius: 0px;
color: var(--accent-color);
border-bottom: 1px solid #ddd;
}
.boxheader h3 {
margin: 0;
text-align: left;
font-size: 1.07em;
}
.map_wrap {
box-shadow: none !important;
}
/* -- General -- */
.centered-text {
text-align: center;
}
.flex-row,
.global-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
max-width: 1600px;
width: 98.5%;
margin-inline: auto;
padding: 20px 40px;
}
.flex-col-2,
.flex-column-2,
.global-column-2 {
max-width: 981px;
width: 98%;
flex-basis: 490px;
flex-grow: 1;
margin-inline: auto;
}
.grid-row,
.list-row {
display: grid;
gap: 15px;
justify-content: center;
align-content: stretch;
margin-inline: auto;
}
.thank_you_content {
text-align: center;
width: 100%;
margin: 50px auto;
max-width: 1600px;
padding: 25px 15px;
}
.thank_you_content h4 {
margin: 15px auto;
font-size: 1.5em;
color: var(--primary-color);
letter-spacing: .05em;
line-height: 1.3em;
}
.infobar_social_media_wrap {
width: 100% !important;
}
.row {
margin-right: 0;
margin-left: 0;
}
.required_field {
width: 90% !important;
}
.form_field_select {
width: 90% !important;
}
body.scrolled {
padding-top: 136px;
}
.h1-hero-heading,
.h1-heading,
.h2-heading,
.h3-heading {
margin: 8px auto;
line-height: 1.3em;
text-align: center;
letter-spacing: .075em;
}
.h1-heading {
font-size: 2.4em;
font-weight: 700;
color: #333;
}
.h1-hero-heading {
font-size: 3em;
font-weight: 600;
text-transform: uppercase;
color: #fff;
text-shadow: 2px 2px 4px var(--primary-color);
}
.h1-hero-heading span {
font-size: 1.15em;
color: #ffffff;
}
.h2-heading {
color: #262626;
font-size: 2em;
font-weight: 600;
}
.h2-heading.h2-alt {
color: #fff;
}
.h2-subtitle {
text-align: center;
color: var(--secondary-color);
margin: 15px auto -15px;
position: relative;
width: fit-content;
}
.h3-heading {
font-size: 1.3em;
font-weight: 500;
}
.h-alt {
display: block;
color: var(--primary-color);
font-size: .6em;
font-weight: 400;
line-height: 1.3em;
margin-bottom: 10px;
text-transform: capitalize;
}
.h-highlight {
font-style: italic;
font-weight: 700;
}
.sub-para {
max-width: 115ch;
margin-inline: auto;
padding-inline: 25px;
}
.site-button {
position: relative;
display: block;
font-size: .85em;
font-weight: 500;
letter-spacing: .05em;
max-width: fit-content;
width: 100%;
text-align: center;
margin: 40px auto 20px;
padding: 6px 12px;
text-decoration: none;
background-color: var(--accent-color);
color: #ffffff;
border-radius: 3px;
z-index: 0;
overflow: hidden;
transition: all .3s;
height: fit-content;
}
/* .site-button-white {
color: var(--primary-color);
background: #fff;
} */
.site-button:hover,
.site-button:focus,
.site-button:active {
color: #fff;
background-color: var(--primary-color);
text-decoration: none;
}
.sb-icon {
vertical-align: middle;
width: fit-content;
height: fit-content;
}
.sb-icon svg {
width: 20px;
height: 20px;
}
.sb-icon svg path {
fill: var(--secondary-color);
}
.sb-container,
.sb_container {
text-align: center;
}
.site_button {
cursor: pointer;
padding: 6px 12px;
background-color: var(--accent-color);
box-shadow: 0 2px 3px -1px #333;
border: 2px solid #fff;
font-weight: 500;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
margin: 20px auto 15px;
font-size: 17px;
max-width: fit-content;
text-align: center;
position: relative;
border-radius: 0;
}
.site_button:hover {
background-color: #000;
opacity: 1;
}
.site_button a {
color: #ffffff;
text-decoration: none;
margin: auto;
text-transform: uppercase;
width: 100%;
transition: 0.3s;
}
.site_button:hover a {
color: var(--accent-color);
}
.btn-primary {
color: #fff;
background-color: var(--accent-color);
border-color: transparent;
}
form .btn.btn-primary {
background-color: var(--accent-color);
border: 2px solid #fff;
color: #fff;
font-size: .85em;
padding: 6px 12px;
width: 200px;
font-weight: 600;
letter-spacing: .05em;
border-radius: 3px;
margin-top: 10px !important;
transition: all .4s;
}
form .btn.btn-primary:hover {
background-color: var(--accent-color);
color: #111;
}
.radio_checkbox_wrapper {
width: 100%;
}
.radio_checkbox_value {
border-bottom: 1px solid #ddd;
padding: 5px 10px 5px 0;
width: 90%;
}
.radio_checkbox {
padding: 5px 0;
width: 10%;
}
.underline {
position: relative;
display: block;
width: fit-content;
margin: 20px auto;
}
.underline::before,
.underline::after {
content: "";
position: absolute;
height: 1px;
top: 50%;
margin-top: -1px;
}
.underline::before {
left: -81px;
width: 200px;
top: 15px;
background: linear-gradient(90deg, rgba(173, 173, 173, 0.85) 32%, rgba(255, 255, 255, 0) 35% 61%, rgba(173, 173, 173, 0.85) 65% 100%);
}
.underline::after {
width: 221px;
top: 20px;
left: -92px;
background: linear-gradient(90deg, rgba(173, 173, 173, 0.85) 33%, rgba(255, 255, 255, 0) 36% 62%, rgba(173, 173, 173, 0.85) 69% 100%);
}
.underline-center {
position: relative;
display: block;
width: 40px;
height: 20px;
padding: 0px 10px;
background-color: var(--primary-color);
left: 0px;
top: 5px;
clip-path: polygon(0 80%, 16% 56%, 17% 11%, 34% 11%, 34% 28%, 51% 0, 100% 81%, 93% 100%, 51% 43%, 5% 100%);
}
.underline-sm {
width: 75px;
height: 3px;
background-color: var(--primary-color);
border: none;
margin: 10px auto 15px;
}
.underline-sm::before,
.underline-sm::after {
display: none;
}
.phone-link {
font-weight: 600;
color: #fff;
text-decoration: underline;
}
.phone-link:focus,
.phone-link:active,
.phone-link:hover {
color: #fff;
text-decoration: none;
}
.content-wrapper {
max-width: 1800px;
width: 100%;
padding-inline: 2%;
margin: 0 auto;
}
.contact-wrapper {
max-width: 1450px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.goBackArrow {
display: none !important;
}
blockquote {
border-left: none;
margin: 0;
padding: 0;
}
cite::before {
content: "- ";
}
.main-heading-text {
text-align: center;
padding: 35px 15px;
color: #fff;
}
.main-heading-text h2 {
font-size: 42px;
}
/* -- Main -- */
.main-global {
position: relative;
padding: 65px 3%;
z-index: 0;
}
.main-wrapper {
display: flex;
align-items: center;
}
.main-left,
.main-right {
width: 50%;
padding: 25px;
}
.main-image {
position: relative;
width: fit-content;
margin: 20px auto;
text-align: center;
}
.main-image img {
position: relative;
max-width: 560px;
width: 100%;
height: auto;
border-radius: 8px;
}
/**** GAF -Estimate Header Section *****/
.gaf-header-section {
text-align: center;
}
/***** Pop Out Form *****/
.curved-text {
position: absolute;
top: -14px;
left: -5px;
z-index: -1;
}
.curved-text path {
fill: transparent;
}
.curved-text text {
fill: #080808;
font-size: 56px;
font-weight: 600;
background: #fff;
display: none;
}
.fixed-button {
position: fixed;
bottom: 8%;
right: 10px;
transform: translateY(-50%);
z-index: 99999;
}
.quick-quote-button {
display: flex;
align-items: center;
height: 43px;
transform-origin: bottom;
background-color: var(--secondary-color);
color: #fff;
font-weight: 600;
font-size: 22px;
line-height: 26px;
padding: 0 1px;
cursor: pointer;
padding: 10px 0px;
border-radius: 50%;
height: 65px;
width: 70px;
border: 2px solid #111;
}
.quick-quote-button path {
fill: #111 !important;
}
.quick-quote-button:hover {
color: var(--primary-color);
}
#closeFormSide {
color: #fff;
}
.form-popup .quick-quote-button {
transform: translate(-49%, 0%) rotate(270deg);
top: 40%;
position: absolute;
}
.quick-quote-button_right-img {
position: absolute;
right: 1px;
top: 0;
transform: translateX(100%);
width: unset;
height: unset;
}
.quick-quote-button_left-img {
position: absolute;
left: 1px;
top: 0;
transform: translateX(-100%);
width: unset;
height: unset;
}
#contactForm {
position: absolute;
right: 87px;
border-radius: 5px;
width: 500px;
height: 70vh;
transform: translate(20%, -47%);
display: none;
}
.form-container {
max-width: 100%;
top: -57%;
position: absolute;
}
.form-container .cancel {
/* background-color: #f3c211; */
font-weight: 600;
font-size: 21px;
top: 5px;
width: fit-content;
padding: 5px 15px;
border-radius: 0;
/* left: 5px; */
position: absolute;
cursor: pointer;
color: #ffffff;
text-decoration: underline;
z-index: 2;
right: 3%;
}
.form-container .cancel:hover {
background-color: #3d3d3d;
}
@media (max-width: 560px) {
#contactForm {
right: 70px;
width: 400px;
height: 70vh;
}
}
@media (max-width: 470px) {
#contactForm {
right: 55px;
width: 330px;
height: 70vh;
}
.ssm_icon_new {
display: inline-block;
width: 40px !important;
}
}
@media (max-width: 380px) {
#contactForm {
right: 50px;
width: 300px;
height: 70vh;
}
}
/* Scroll top */
.scrollTop-button {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #f0f0f0;
color: #a4a4a4;
border: 2px solid #a4a4a4;
border-radius: 50%;
padding: 8px 13px;
cursor: pointer;
z-index: 1000;
}
.scrollTop-button:hover {
background-color: #eee;
color: #fff;
}
.fixed-button.show,
.scrollTop-button.show {
display: block;
-webkit-animation: fadeIn .8s both;
animation: fadeIn .8s both;
animation-delay: .2s;
}
#contactForm {
position: absolute;
right: 87px;
border-radius: 5px;
width: 500px;
height: 70vh;
transform: translate(20%, -47%);
display: none;
}
.form-container {
max-width: 100%;
}
.form-container .cancel {
/* background-color: #f3c211; */
font-weight: 600;
font-size: 21px;
top: 5px;
width: fit-content;
padding: 5px 15px;
border-radius: 0;
/* left: 5px; */
position: absolute;
cursor: pointer;
color: #ffffff;
text-decoration: underline;
z-index: 2;
right: 3%;
}
.form-container .cancel:hover {
background-color: #3d3d3d;
}
@media (max-width: 560px) {
#contactForm {
right: 70px;
width: 400px;
height: 70vh;
}
}
@media (max-width: 470px) {
#contactForm {
right: 55px;
width: 330px;
height: 70vh;
}
.ssm_icon_new {
display: inline-block;
width: 40px !important;
}
}
@media (max-width: 380px) {
#contactForm {
right: 50px;
width: 300px;
height: 70vh;
}
}
.form-para {
margin: 25px auto;
}
/* Global Styles */
.global-image {
text-align: center;
position: relative;
width: fit-content;
}
.global-image img {
max-width: 620px;
width: 100%;
height: auto;
margin: 15px auto 30px;
position: relative;
}
.main-global .content-wrapper {
max-width: 100%;
padding: 0;
justify-content: space-around;
}
.main-global .global-image {
padding: 0;
flex-grow: 1;
max-width: fit-content;
}
/******** Home Hero ********/
.home-hero {
position: relative;
background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.14) 100%), url(/imageserver/UserMedia/johnmulligan/stock-herobg001.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-block: 12% 7%;
overflow: hidden;
}
.hero-wrapper {
-webkit-animation: fadeIn .8s both;
animation: fadeIn .8s both;
animation-delay: 1s;
margin: 0;
padding: 0 25px;
}
.home-hero-svg {
position: absolute;
width: 100%;
z-index: -1;
top: 0;
}
.home-hero-svg svg {
height: 600px;
margin-top: -50px;
}
.home-hero-svg path {
fill: var(--primary-color);
fill-opacity: .6;
}
.home-hero-svg path.cls-2,
.home-hero-svg path.cls-3 {
fill-opacity: 0;
}
.home-hero-text {
max-width: 982px;
margin-inline: auto;
}
.home-hero .h2-heading {
color: #000;
font-size: 1.3em;
}
.hero-icon-list {
display: flex;
margin: 35px auto auto;
text-align: center;
gap: 15px;
justify-content: center;
}
.hero-icon {
width: 16%;
}
.hero-icon .material-symbols-outlined {
font-size: 45px;
color: #000;
background: #ccc;
padding: 4%;
border-radius: 50%;
border: 2px solid #fff;
}
.home-estimate-section .h2-heading {
color: #fff !important;
}
.home-estimate-header {
color: #fff;
font-size: 1.5em;
text-align: center;
}
.home-estimate-section form {
display: flex;
}
.home-estimate-section .required_field_element {
display: none !important;
}
.hic-license {
text-align: center;
color: #000;
background: #ececec;
width: fit-content;
padding: 5px 15px;
margin-top: -15px;
border: 2px solid #fff;
font-weight: 600;
}
.home-estimate-header .site-button {
font-weight: 600;
display: inline-flex;
background: #fff;
color: var(--primary-color);
}
.home-estimate-certs p {
color: #fff;
}
.home-estimate-logos {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 20px;
}
.logo-wrapper {
max-width: 21%;
}
.logo-wrapper img {
border-radius: 7%;
}
/***** Home Globals *****/
.home-wrapper {
align-items: center !important;
}
.home-left {
width: 51%;
}
.home-image {
max-width: 700px;
}
.home-right {
width: 47%;
-webkit-animation: fadeIn 1.25s both;
animation: fadeIn 1.25s both;
animation-delay: .5s;
}
/*** Home Hero Video Section ***/
.hero-video-content {
position: relative;
height: auto;
min-height: 400px;
max-height: 600px;
overflow: hidden;
}
.hero-video-container {
position: relative;
min-height: 400px;
overflow: hidden;
}
.hero-video-overlay {
position: absolute;
width: 100%;
background: #0000009f;
top: 0;
bottom: 0;
z-index: 0;
}
.hero-video-container video {
display: block;
min-height: 700px;
width: 100%;
}
.hero-video-row-wrapper {
position: absolute;
max-width: 100%;
width: 100%;
top: 15%;
}
.home-hero-text .h2-heading {
color: #fff;
}
.home-hero-text .site-button i {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 2000px) {
.hero-video-container video {
width: 2400px !important;
}
}
@media (max-width: 900px) {
.hero-video-container video {
display: none !important;
}
.hero-video-content {
position: relative;
height: auto;
min-height: unset;
max-height: unset;
width: 100% !important;
overflow: hidden;
background-image: linear-gradient(180deg, rgba(15, 15, 15, .8) 25%, rgba(15, 15, 15, 1) 100%), url(/imageserver/UserMedia/johnmulligan/mobile-hero-bg001.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-block: 85px;
}
.hero-video-container {
min-height: unset;
}
.hero-video-overlay {
display: none;
}
.hero-video-row-wrapper {
position: relative;
max-width: 100%;
width: 100%;
top: 10%;
}
.hero-video-row.flex-row {
position: relative;
top: 0px;
z-index: 9;
flex-wrap: wrap;
}
}
/* -- Estimate Global -- */
.estimate-global {
background-image: linear-gradient(180deg, #090909 14%, #1e1e1e 75%), url(/imageserver/UserMedia/johnmulligan/abstract-dots-gray.webp);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
color: #fff;
text-align: center;
}
.estimate-wrapper.main-wrapper {
max-width: 1200px;
width: 98.5%;
margin-inline: auto;
}
.svgBG-container path {
fill: #ffffff75;
}
.svgBG-container .st0 {
fill: #cfd2d500;
}
.estimate-global-form {
width: 100%;
}
.estimate-box {
background: #ffffff0a;
margin: auto;
padding: 25px;
color: #ffffff;
max-width: 100%;
text-align: center;
position: relative;
z-index: 2;
max-width: 800px;
}
.estimate-box h3 {
font-weight: 700;
text-transform: uppercase;
}
.estimate-heading {
color: var(--accent-color);
margin: 10px 0;
font-weight: bold;
}
.project-type {
width: 33.3333333333%;
}
.service-type {
width: 50%;
}
.radio_checkbox_value {
width: 25%;
color: #fff;
padding: 5px;
}
.radio_checkbox_wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 20px auto;
}
.estimate-box .form_field_wrapper {
padding: 3px;
margin-bottom: 8px;
}
.estimate-box .form_field_wrapper:hover {
background: none;
}
.estimate-box .form_field_content {
width: 100% !important;
}
.estimate-box .form_field_text,
.form_field_select,
.estimate-box .form_field_textarea {
width: 100%;
background: #ffffff;
}
.estimate-box .required_field_element {
display: none;
}
.estimate-box .required_field {
width: 100% !important;
}
.estimate-box .radio_checkbox {
width: 25%;
}
.estimate-box .radio_checkbox img {
width: 100%;
height: auto;
}
.estimate-box .radio_checkbox input {
position: relative;
z-index: 1;
margin-left: 8px;
}
.estimate-box .radio_checkbox input:focus~label {
background: #ffffff;
}
.estimate-box .radio_checkbox input:checked~label {
background: #fff;
color: var(--accent-color);
}
.estimate-box .radio_checkbox i {
vertical-align: middle;
margin-right: 5px;
}
.estimate-box .thank_you_content {
background: var(--accent-color);
color: #fff;
padding: 15px;
font-weight: 600;
}
.estimate-box .form_field_title {
display: none;
}
.estimate-box .btn.btn-primary {
border: 3px solid #ffffff;
color: #ffffff;
background: transparent;
text-transform: uppercase;
font-weight: 700;
width: 40%;
padding: 12px 0;
}
.estimate-box .btn.btn-primary:hover {
background-color: #ffffff;
color: var(--accent-color);
}
/**** Home Intro Section ****/
.home-intro-section {
background: #f9f9f9;
}
.main-intro {
padding: 4%;
}
.home-intro-section .main-intro {
margin-bottom: 15px;
}
.main-intro p span {
font-weight: 500;
}
.finance-row.main-wrapper {
background: #fff;
border-radius: 8px;
border: 2px solid var(--primary-color);
}
.finance-image {
text-align: center;
}
.main-left .global-image::before {
content: "";
position: absolute;
width: 94%;
height: 90%;
top: -8px;
left: -30px;
background: #f0f0f0;
z-index: -1;
max-width: 580px;
}
/***** Home - Services ******/
.services-section {
position: relative;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0% 78%, rgba(255, 255, 255, 0.55) 85% 100%), url(/imageserver/UserMedia/johnmulligan/abstract-dots-gray.webp);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.services-header {
margin-bottom: 35px;
text-align: center;
}
.services-section .main-wrapper {
gap: 1%;
justify-content: space-between;
}
.services-section .why-image img {
max-width: 600px;
width: 100%;
height: auto;
}
.services-highlight {
font-size: 1.2em;
margin-top: 35px;
}
.services-card-list {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
margin: auto;
gap: 10px;
}
.service-card {
width: 31%;
transition: all .5s linear;
padding: 10px;
box-shadow: 2px 0 8px #d9d9d9;
border-radius: 8px;
background: #fff;
}
.service-card-wrapper {
text-align: center;
}
.service-card-title {
font-weight: 600;
font-size: 26px;
}
.svg-wrapper {
margin: 5px auto;
width: fit-content;
height: fit-content;
background: #fff;
border-radius: 50%;
padding: 3px 6px;
border: 5px solid #000;
text-align: center;
}
.svg-wrapper svg {
height: 75px;
width: 75px;
fill: var(--primary-color);
}
.service-card:hover .svg-wrapper {
background: var(--primary-color);
}
.service-card:hover .svg-wrapper svg {
fill: #fff;
}
/********** GAF Section **********/
.gaf-global {
position: relative;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0.87) 100%), url(/imageserver/UserMedia/johnmulligan/gaf-hdr_uhdz-background.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 65px 25px 75px;
color: #fff;
border-block: 5px solid var(--primary-color);
}
.gaf-content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.gaf-certs-wrapper {
text-align: center;
}
.gaf-certs-wrapper img {
max-width: 200px !important;
width: 100%;
height: auto;
}
.gaf-content .gaf-certs-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.gaf-content .site_button,
.rft-content .site_button {
margin: auto;
text-align: center;
}
.gaf-content p {
max-width: 1200px;
width: 100%;
}
.gaf-content p span {
font-weight: 900;
color: var(--accent-color);
}
/***** GAF Homeviewer Section *****/
.gaf-homeviewer-section {
position: relative;
background-image: linear-gradient(180deg, rgba(5, 5, 5, 0.93) 14%, rgba(0, 0, 0, 0.93) 75%), url(/imageserver/UserMedia/johnmulligan/stock_rooftop_black.jpg);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
padding: 3% 2%;
color: #fff;
border-block: 3px solid var(--primary-color);
}
.gaf-homeviewer-section .h2-heading {
text-align: center;
margin: 20px auto auto;
font-weight: 600;
color: #fff;
}
.homeviewer-row {
padding: 45px 10px;
}
.homeviewer-image {
text-align: center;
margin-inline: auto;
}
.homeviewer-image img {
margin: auto;
max-width: 500px;
width: 100%;
border-radius: 5px;
border: 2px solid #fff;
}
.homeviewer-text {
padding: 10px 20px;
text-align: center;
}
/****** Gaf Video Section *****/
.gaf-video-section{
background-image: url(/imageserver/UserMedia/johnmulligan/white-lines-bg.jpg);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.gaf-video-section .global-image img {
box-shadow: -10px -10px 0px var(--primary-color);
border-radius: 0;
position: relative;
}
.gaf-video-section-video iframe {
max-width: 600px;
width: 100%;
}
.gaf-video-section .global-image {
padding: 0;
flex-grow: 1;
max-width: 520px;
width: 100%;
}
.youtube-facade img {
display: block;
width: 100%;
height: 100%;
}
/* Why Choose Us Section */
.why-us-item-header {
margin: auto;
}
.why-choose-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.why-choose-icon {
border: 0px solid #e0e0e0;
text-align: center;
padding: 4%;
}
.why-choose-icon-grid .why-choose-icon:nth-child(-n+4) {
border-bottom-width: 1px;
}
.why-choose-icon-grid .why-choose-icon:nth-child(-n+3),
.why-choose-icon-grid .why-choose-icon:nth-child(5),
.why-choose-icon-grid .why-choose-icon:nth-child(6),
.why-choose-icon-grid .why-choose-icon:nth-child(7) {
border-right-width: 1px;
}
.why-choose-icon:hover {
background-color: #ffffff2a;
}
.why-choose-icon i {
font-size: 64px;
}
/***** Review Section ********/
.reviews-section {
color: #000;
position: relative;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0% 78%, rgba(255, 255, 255, 0.55) 85% 100%), url(/imageserver/UserMedia/johnmulligan/abstract-dots-gray.webp);
background-position: top;
background-size: contain;
background-repeat: repeat;
}
.review-content {
position: relative;
}
.carousel-container {
position: relative;
max-width: 982px;
width: 85%;
margin: 0 auto;
overflow: hidden;
}
.carousel {
display: flex;
transition: transform 0.5s ease;
}
.review {
flex: 0 0 auto;
width: 100%;
margin-block: 45px 0px;
}
.review-content button {
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
font-size: 24px;
cursor: pointer;
background: #000;
border-radius: 50%;
width: fit-content;
height: fit-content;
padding: 1% 2%;
}
.prev {
left: 15px;
}
.next {
right: 15px;
}
.prev span,
.next span {
font-weight: 600;
display: block;
height: 18px;
width: 11px;
background: #ffffff;
}
.prev span {
clip-path: polygon(100% 0, 41% 50%, 100% 100%, 56% 100%, 0% 50%, 56% 0);
}
.next span {
transform: scaleX(-1);
clip-path: polygon(100% 0, 41% 50%, 100% 100%, 56% 100%, 0% 50%, 56% 0);
}
.Reviewcontent {
width: 75%;
margin: auto;
text-align: center;
}
.Reviewcontent p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: center;
}
.Reviewcontent p:first-child {
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.Reviewtestcontent {
width: 96%;
margin: 30px auto;
padding: 45px;
text-align: center;
border-radius: 6px;
max-width: 800px;
box-shadow: 0px 0px 5px #e6e6e6;
}
#Capa_1 {
fill: var(--primary-color);
}
.Reviewtestcontent p {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
text-align: center;
margin-top: 15px;
}
.Reviewtestcontent ul {
list-style: none;
margin: 25px auto 30px;
padding: 0px;
display: flex;
justify-content: center;
}
.Reviewtestcontent ul li {
display: inline;
}
.Reviewtestcontent h4 {
line-height: 30px;
color: #808080;
}
.review-bio {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.rounded-circle {
border-radius: 50%;
border: 2px solid #ececec;
max-width: fit-content;
margin: auto;
height: 30px;
width: 30px;
}
.review-name {
display: block;
max-width: fit-content;
padding: 0;
margin: 0px 0px auto 10px;
margin-top: 0px !important;
}
.carousel-container p {
display: -webkit-box;
-webkit-box-orient: vertical;
max-lines: 6;
line-clamp: 5;
-webkit-line-clamp: 5;
overflow: hidden;
}
.Reviewtestcontent ul li {
display: block;
height: 23px;
width: 23px;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
background: var(--google-yellow)
}
.rft-global {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #f2f2f2;
}
.rft-wrapper {
flex-wrap: wrap-reverse;
}
/*********** Footer **********/
.ywp_footer {
max-width: 100%;
width: 100%;
padding: 0;
}
.ywp_footer ._col {
text-align: center;
}
.footer_wrapper {
background-color: #000000;
border-top: none;
}
.footer {
max-width: 100%;
padding: 0;
}
.footer-top-row {
display: flex;
flex-wrap: wrap;
padding: 0 15px;
}
.footer-col {
width: 32.3333333333%;
margin: 0 .5%;
padding: 25px 15px;
}
.footer-top-row h3 {
display: inline-block;
font-size: 1.2em;
color: #fff;
border-bottom: 2px solid var(--secondary-color);
padding: 10px 0;
margin: 0 auto 25px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .05em;
}
.footer-top-row h3.space-above {
margin-top: 40px;
}
.footer-top-row p {
font-size: .9em;
}
.footer-top-row iframe {
width: 100%;
height: 300px;
}
.footer-logo {
display: block;
max-width: fit-content;
margin-bottom: 40px;
}
.footer-logo img {
max-width: 220px;
width: 100%;
height: auto;
}
.footer-logo img:hover {
border-radius: 0;
}
.footer-contact-wrapper {
margin: 20px auto 30px;
}
.footer-contact {
display: flex;
align-items: center;
margin: 10px auto;
}
.footer-contact .footer-icon {
margin-right: 15px;
padding: 5px;
fill: #ececec;
}
.footer-contact a {
font-size: 16px;
}
.footer-contact-name {
font-size: 1em !important;
}
.footer-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-nav li a {
position: relative;
display: block;
font-size: .9em;
padding: 8px 4px;
font-weight: 400;
max-width: 300px;
width: 100%;
}
.footer-nav li a:hover {
text-decoration: none;
opacity: 1;
color: #ececec;
}
.footer-nav li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 1px;
background-color: var(--primary-color);
transition: width .4s;
}
.footer-nav li a:hover::after {
width: 75%;
}
.footer-nav .sub-link a {
font-size: .8em;
margin-left: 15px;
color: #ccc;
}
.footer-nav .sub-link a:before {
content: "- ";
}
.footer-button {
display: block;
text-align: center;
border: 1px solid var(--secondary-color);
margin: 25px 0;
padding: 5px 10px;
max-width: 250px;
width: 100%;
font-weight: 500;
border-radius: 25px;
transition: all .4s;
background: var(--accent-color);
color: #fff;
}
.footer-button:hover {
background-color: #fff;
color: var(--primary-color) !important;
text-decoration: none;
}
.temp_module_wrap {
min-height: auto;
}
.ssm_icon_new .iconOuter,
.ssm_icon_new .iconBrand {
transition: fill .15s;
}
.ssm_icon_new:hover .iconOuter {
fill: #fff;
}
.ssm_icon_new:hover .iconBrand {
fill: #111;
}
.footer_bottom_row_wave {
height: 100px;
overflow: hidden;
margin-bottom: -100px;
z-index: 2;
position: relative;
}
.footer_wrapper .footer_bottom_row_wave svg path {
fill: var(--primary-color) !important;
}
.footer-bottom-row {
display: flex;
flex-wrap: wrap;
margin-top: 100px;
padding: 10px 15px;
background-color: var(--primary-color);
}
.footer-bottom-row h4 {
font-size: 16px;
width: 33.3333333333%;
text-align: center;
color: #ffffff;
font-weight: 600;
margin: 0;
}
.footer-bottom-row h4 a {
color: #ffffff;
}
#follow-us {
display: none;
}
/***** Interior Banners*****/
.interior-banner {
position: relative;
background-image: url(/imageserver/UserMedia/johnmulligan/interior-bg001.jpg);
background-size: cover;
background-position: center 38%;
background-repeat: no-repeat;
background-color: #2d2d2d;
background-blend-mode: multiply;
color: #fff;
padding: 7% 0;
}
.interior-banner::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 15px;
bottom: 0px;
background: linear-gradient(90deg, var(--primary-color) 42%, rgba(0, 0, 0, 0) 99% 100%);
}
.interior-title {
-webkit-animation: fadeInLeft 1.2s both;
animation: fadeInLeft 1.22s both;
animation-delay: .5s;
width: fit-content;
margin: 0;
}
.interior-title .h2-subtitle {
color: #c8c8c8;
font-size: 1.5em;
}
.interior-banner .underline-sm {
margin: 0px auto 10px;
}
.star-shape {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
background: #fff;
max-width: 35px;
max-height: 35px;
width: 8.5%;
height: auto;
}
.interior-banner h1 {
color: #fff;
margin: -10px 0 10px;
font-size: 2.2em;
}
.interior-title h1 span {
color: #ffffff;
}
.interior-title h3 span {
color: #ececec;
}
.interior-banner p {
margin: 0px 0 15px;
}
.interior-banner .underline-three {
background: #ffffff;
}
.interior-banner .underline-three::after,
.interior-banner .underline-three::before {
border-color: #ffffff;
}
.interior-title .site-button {
margin-inline: 0;
}
.interior-intro-para {
max-width: 100ch;
margin: 20px auto;
width: 97%;
text-align: center;
}
.insurance-list {
list-style: none;
margin: 0 auto;
padding: 0;
}
.insurance-list li {
display: flex;
align-items: center;
padding: 25px 20px;
}
.insurance-step-num {
max-width: 200px;
width: 100%;
}
.insurance-step-num h3 {
font-size: 1.25em;
margin: 0;
}
.insurance-step-num .highlight {
background: var(--accent-color);
border: 6px solid var(--primary-color);
color: #fff;
text-align: center;
display: block;
margin-top: 5px;
padding: 15px;
font-size: 1.6em;
width: 80px;
height: 80px;
}
.request-wrapper {
max-width: 1600px;
width: 95%;
margin-inline: auto;
padding: 60px 20px;
}
/* About Us Page */
.team-cards-wrapper .container {
padding: 15px;
}
.clearfloat {
content: '';
display: block;
clear: both;
}
.cards {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.cards li {
width: 31%;
max-width: 415px;
display: block;
margin: 10px;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 25px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
font-size: 0.9em;
transition: all 0.2s ease-in-out;
text-align: center;
}
.cards li:after,
.cards li:before {
content: '';
display: block;
clear: both;
}
.cards li img {
display: inline-flex;
width: 100%;
height: auto;
max-width: 175px;
margin: 20px auto;
border-radius: 50%;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
transition: all 0.5s ease-in-out;
}
.cards li .details {
float: left;
text-align: left;
transition: all 0.5s ease-in-out;
text-shadow: 1px 1px rgba(0, 0, 0, 0);
min-width: 250px;
}
.cards li .details>span,
.cards li .details>a {
display: block;
padding: 0 15px 0 35px;
margin-bottom: 15px;
text-decoration: none;
position: relative;
}
.cards li .details>span:before,
.cards li .details>a:before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 15px;
width: 15px;
text-align: center;
color: #444;
}
.cards li .details a {
color: var(--primary-color);
transition: color 0.5s ease-in-out;
}
.cards li .details a:hover,
.cards li .details a:focus {
color: #111;
transition: color 0.5s ease-in-out;
}
.cards li .details .name {
font-weight: 600;
}
.cards li .details .name:before {
content: "";
}
.cards li .details .title:before {
content: "";
}
.cards li .details .phone:before {
content: "";
}
.cards li .details .email:before {
content: "";
}
.cards li:hover {
background: #f2c300e3;
transition: all 0.2s ease-in-out;
transform: scale(1.03);
}
.cards li:hover img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
transition: all 0.4s ease-in-out;
}
.cards li:hover .details {
transition: all 0.5s ease-in-out;
text-shadow: 1px 1px rgba(211, 213, 169, 1);
/* Manually calculated darker color */
}
@media (max-width: 550px) {
.cards li {
display: block;
width: auto;
max-width: 200px;
margin: 30px auto;
}
.cards li img,
.cards li .details {
float: none;
}
.cards li img {
margin: 0 auto;
}
.cards li .details {
margin-top: 20px;
text-align: center;
min-width: 0;
}
.cards li .details span,
.cards li .details a {
padding: 0;
white-space: break-all;
word-wrap: break-word;
}
.cards li .details span:before,
.cards li .details a:before {
display: none;
}
}
/* Services Page */
#flat-roofing-services {
background: #fbfbfb;
}
.services-overview-global .service-text {
width: 60%;
}
.services-overview-global .service-image {
width: 35%;
text-align: center;
}
.service-image img {
max-width: 560px;
width: 100%;
height: auto;
}
.h2-heading svg {
margin: auto;
vertical-align: middle;
margin-right: 15px;
}
.h2-heading svg path {
fill: var(--primary-color);
}
.services-global ul {
margin: 35px auto;
}
.services-global ul li {
padding-block: 10px;
}
/* Contact Us */
.contact-section-wrapper {
max-width: 1600px;
width: 100%;
padding: 40px 25px;
margin-inline: auto;
}
/********* Keyframes *********/
@keyframes fadeInLeft {
0% {
left: -60px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes fadeInRight {
0% {
left: 60px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
/* ----------- Responsiveness/Media Queries ------------ */
@media (max-width: 1200px) {
.main-global {
padding-left: 15px;
padding-right: 15px;
}
.main-wrapper {
flex-wrap: wrap;
}
.main-wrapper-reverse {
flex-flow: row wrap-reverse;
}
.main-left,
.main-right {
width: 100%;
padding: 0;
}
.main-right {
max-width: 981px;
margin-left: auto;
margin-right: auto;
}
.main-image {
margin-bottom: 30px;
}
.h1-hero-heading {
font-size: 2em;
}
.hero-icon .material-symbols-outlined {
font-size: 35px;
}
.home-hero .h2-heading {
font-size: 1.1em;
}
.homeviewer-row {
flex-wrap: wrap-reverse;
}
.services-global .main-right {
width: 100%;
}
.services-global .main-left {
width: 100%;
flex-grow: 3;
}
.services-item {
max-width: 820px;
width: 100%;
}
.services-item .h3-heading {
font-size: 1.55em;
}
.home-form-wrapper {
padding: 6%;
}
.footer-top-row {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.footer-col {
width: 49%;
}
.footer-col:last-child {
width: 99%;
}
.services-overview-global .svgBG {
text-align: center !important;
top: unset;
bottom: 0;
}
}
@media (max-width: 981px) {
/* Infobar Queries */
.global_890 {
position: fixed !important;
z-index: 100 !important;
height: 70px;
}
.infobar-row {
display: flex;
flex-flow: row;
justify-content: space-evenly;
padding-block: 10px;
width: 100%;
}
.infobar-contact-icon {
margin-right: 12px;
border-radius: 50%;
width: 40px;
height: 40px;
}
.header {
height: 100% !important;
}
.header_wrapper {
position: relative;
height: 100px;
margin-top: 70px;
}
.mobile_logo img {
height: auto;
margin-top: -28px;
max-width: 190px;
width: 98.5%;
}
.mobile_menu_icon {
background: transparent !important;
padding: 8px;
}
.mobile_menu_icon img {
max-width: 42px;
}
.h1-hero-heading {
font-size: 1.7em;
}
.home-hero .h2-heading {
font-size: .9em;
}
.hero-icon .material-symbols-outlined {
font-size: 30px;
}
.home-estimate-header {
font-size: 1.1em;
}
.service-card {
position: relative;
width: 95.333%;
max-width: 700px;
}
.why-us-1 {
padding-block: 7%;
margin-top: -65px;
}
.review-row {
grid-template-columns: 1fr;
}
.review-card-main {
padding: 15px 8px;
max-width: 735px;
}
.services-overview-main-item {
width: 42.3%;
}
}
@media (max-width: 900px) {
.h1-hero-heading,
.h1-heading,
.h2-heading {
font-size: 1.55em;
}
.intro-global {
min-height: 550px;
}
.services-item {
position: relative;
max-width: 700px !important;
width: 100%;
transition: all .4s linear;
}
.why-us-item {
max-width: 165px;
height: 165px;
}
}
@media (max-width: 810px) {
.infobar-contact-lg {
display: none;
}
.infobar-contact-sm {
display: flex;
gap: 7px;
}
.products-overview-list {
display: flex;
flex-flow: row wrap;
}
.services-overview-main-item {
flex-direction: column;
max-width: 800px !important;
margin-top: 40px;
margin-bottom: 40px;
}
.main-image img {
max-width: 380px;
width: 100%;
height: auto;
}
.services-overview-main-left,
.services-overview-main-right {
width: 100%;
}
.services-overview-main-left {
height: 350px;
transform: none;
}
.services-overview-main-right {
position: relative;
padding-left: 5px;
padding-right: 5px;
min-height: auto;
bottom: 0;
}
.services-overview-main-item h3 {
margin-left: -5px;
margin-right: -5px;
}
.box-gallery .box-gallery-item {
position: relative;
height: 300px;
margin-inline: auto;
overflow: hidden;
flex: 0 1 30em;
transition: all 0.2s ease-in-out;
border-radius: 5px;
}
.footer-top-row {
max-width: 550px;
}
.footer-col {
width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.footer-logo {
text-align: center;
margin: 20px auto;
}
.footer-contact {
justify-content: center;
}
.footer-button {
margin: 20px auto;
}
.footer-social-icons {
text-align: center !important;
}
.footer-nav ul li {
margin: auto;
width: fit-content;
}
.footer-bottom-row h4 {
width: 100%;
margin: 12px auto;
}
.services-overview-card-wrapper {
flex-flow: row wrap;
}
.services-overview-card-image {
width: 350px;
height: 350px;
margin: auto auto 35px;
}
.services-overview-card-text {
width: 100%;
}
}
@media (max-width: 750px) {
.why-choose-icon-grid {
grid-template-columns: repeat(2, 1fr);
}
.why-choose-icon-grid .why-choose-icon:nth-child(-n+3),
.why-choose-icon-grid .why-choose-icon:nth-child(5),
.why-choose-icon-grid .why-choose-icon:nth-child(6),
.why-choose-icon-grid .why-choose-icon:nth-child(7) {
border-right-width: 0px;
}
.why-choose-icon-grid .why-choose-icon:nth-child(odd) {
border-right-width: 1px;
;
}
.why-choose-icon-grid .why-choose-icon:nth-child(-n+6) {
border-bottom-width: 1px;
}
}
@media (max-width: 650px) {
.home-estimate-section {
padding: 10% 1%;
}
.home-estimate-section form {
display: flex;
flex-direction: column;
justify-content: center;
margin-inline: auto;
width: 100%;
max-width: 680px;
}
.home-estimate-section form .required_field {
width: 100% !important;
}
.form_field_text {
width: 100% !important;
}
.form_field_select {
width: 100% !important;
}
.why-us-1 {
padding-block: 7%;
background: #e1e1e1;
clip-path: none;
margin-top: 0;
}
}
@media (max-width: 600px) {
.services-overview-card-text {
width: 100%;
flex-grow: 1;
}
.why-us-item {
max-width: 150px;
height: 150px;
}
.why-us-item-header h4 {
font-size: 14px;
}
}
@media (max-width: 550px) {
.infobar-row {
justify-content: flex-end;
gap: 15px;
}
.infobar-social-wrapper .cwjdsjcs_not_editable {
display: none;
}
.infobar-social-wrapper .social-text {
display: block;
}
.services-overview-main-item {
width: 98.3% !important;
}
.services-item .h3-heading {
font-size: 1.55em;
}
.why-us-row.grid-row {
grid-template-columns: repeat(1, 1fr);
}
.fixed-button {
position: fixed;
bottom: 0%;
right: 10px;
transform: translateY(-50%);
z-index: 99999;
}
.quick-quote-button {
height: 57px;
width: 60px;
}
}
@media (max-width: 450px) {
.ssm_icon_new {
display: inline-block;
width: 28px !important;
}
.why-choose-list {
grid-template-columns: 1fr;
}
.why-item-icon {
width: 100px;
}
.why-item-svg {
width: 85px;
height: 85px;
}
.why-list {
grid-template-columns: 1fr;
}
.services-overview-card-image {
width: 315px;
height: 315px;
margin: auto auto 35px;
}
}
.prodcol { text-align:center;width:33%;float:left; }
.secimags { padding: 0 0 0 8px; border-width: 0px; border-style: solid; width: 300px; float: right; }
.secimags2 { padding: 0 0 0 8px; border-width: 0px; border-style: solid; width: 259px; float: right; }
.secimags3 { padding: 0 0 0 8px; border-width: 0px; border-style: solid; width: 200px; float: right; }
@media (max-width: 550px) {
.prodcol { width:100%;float:none; }
.secimags, .secimags2, .secimags3 { padding: 8px; border-width: 0px; border-style: solid; width: 100%; float: none; }
}.goBackArrow { text-align:left;font-size:10px;display:inline-block;position:relative;margin:24px 0px 24px 25px;padding:5px 12px 5px 8px;text-decoration:none;border-radius:0 2px 2px 0;font-weight:bold;opacity:1;transition:all ease-in-out 180ms; }
.goBackArrow { text-align:left;font-size:10px;display:inline-block;position:relative;margin:24px 0px 24px 25px;padding:5px 12px 5px 8px;text-decoration:none;border-radius:0 2px 2px 0;font-weight:bold;opacity:1;transition:all ease-in-out 180ms; }
.infobar_social_media_wrap { display:inline-block;width:300px;padding-top:4px; }
.infobar_social_media_wrap { display:inline-block;width:300px;padding-top:4px; }
/*compensating for shit code with more shit code */
.opacBackground{
z-index:9999;
background: rgba(0,0,0,0.9);
}