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: table;
}
.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)}}
body,
html {
font-family: 'Poppins', 'Montserrat', sans-serif;
font-size: 18px;
}
:root {
--accent-color: #0f4432; /* var(--accent-color) - Main Website Color */
--accent-color-alpha: #717075; /* var(--accent-color-alpha) - Secondary Website Color */
--cta-color: #cf0000;
--light-gray: #979797;
--dark-gray: #444444;
}
/************ Globals ***************/
p {
font-family: 'Poppins', 'Montserrat', sans-serif;
font-size: 20px;
margin: 20px 0;
line-height: 1.5em;
}
h1 {
font-size: 48px;
font-family: 'Poppins', 'Montserrat', sans-serif;
margin: 20px 0;
}
h2 {
font-size: 36px;
font-family: 'Poppins', 'Montserrat', sans-serif;
margin: 20px 0;
}
h3 {
font-size: 28px;
font-family: 'Poppins', 'Montserrat', sans-serif;
margin: 20px 0;
}
h4 {
font-size: 20px;
font-family: 'Poppins', 'Montserrat', sans-serif;
margin: 20px 0;
}
a:hover,
a:focus {
text-decoration: none;
}
.flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 1600px;
width: 98.5%;
margin-inline: auto;
}
.flex-col-2,
.flex-column-2 {
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;
}
.content-wrapper-sm {
width: 100%;
max-width: 85%;
margin: auto;
}
.content-wrapper-md {
width: 100%;
max-width: 88%;
margin: auto;
}
.content-wrapper {
width: 100%;
max-width: 92%;
margin: auto;
}
.content-wrapper-lg {
width: 100%;
max-width: 96%;
margin: auto;
}
.request-wrapper {
max-width: 1600px;
width: 97.5%;
margin: auto;
padding: 80px 60px;
}
/****** Site Button *****/
.sb-container,
.sb_container {
max-width: 100%;
margin: auto;
text-align: center;
}
.site_button {
cursor: pointer;
padding: 8px;
background: var(--accent-color);
box-shadow: 0 2px 3px -1px #333;
font-weight: 700;
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;
border: 2px solid var(--accent-color-alpha);
}
.site_button:hover {
background-color: var(--accent-color-alpha);
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: #ffffff;
}
/**** Site Button Hover Effect ****/
/*****.site_button::before,.site_button::after { position: absolute; content: "";}
.site_button::before { background-color: var(--accent-color-alpha); transition: 0.3s ease-out; top: 0; bottom: 0; left: 0; height: 100%; width: 0%; }
.site_button a:hover { color: rgb(255,255,255); transition: 0.2s 0.1s; }
.site_button:hover::before { width: 100%; }
****/
.site_button .material-symbols-outlined {
vertical-align: middle;
font-size: 1.55rem;
}
/****** Underline Design ******/
.h2-underline {
background-color: var(--accent-color);
margin: 10px auto;
height: 5px;
width: 260px;
clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.h3-underline {
background-color: var(--accent-color);
margin: 5px auto;
height: 3px;
width: 185px;
clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.underline-multi {
position: relative;
display: block;
width: 200px;
height: 2px;
background: #9f9f9f;
margin: 35px auto;
}
.underline-multi:before,
.underline-multi:after {
content: "";
position: absolute;
height: inherit;
background: inherit;
}
.underline-multi:before {
left: 25px;
top: -8px;
width: 150px;
}
.underline-multi:after {
left: 75px;
bottom: -8px;
width: 50px;
}
.underline-three {
position: relative;
display: block;
width: 70px;
height: 7px;
background: var(--accent-color);
margin: 20px auto;
/* border: 2px solid var(--accent-color); */
display: none;
}
.underline-three::before, .underline-three::after {
content: "";
position: absolute;
height: inherit;
background: transparent;
border: 2px solid var(--accent-color);
width: inherit;
top: 6px;
display: none;
}
.underline-three::before {
right: 80px;
}
.underline-three::after {
left: 80px;
}
.gray-underline {
background: var(--accent-color-alpha);
}
.gray-underline::before,
.gray-underline::after {
border-color: var(--accent-color-alpha);
}
/* -- Infobar -- */
.infobar-row {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
align-items: center;
height: 42px;
}
.infobar_wrapper {
display: none;
}
.infobar-contact a {
color: #ffffff;
font-weight: 600;
font-size: 18px;
}
.infobar-contact p {
margin: 0;
}
.infobar-col:nth-child(3),
.infobar-col:nth-child(2) {
display: none;
}
.infobar-contact-icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
border: 2px solid #fff;
width: 36px;
height: 36px;
border-radius: 50%;
}
.infobar-contact-icon .infobar-contact-sm a {
color: var(--accent-color);
}
.infobar-contact-icon i {
font-size: 28px;
line-height: 1.2;
color: var(--accent-color);
}
.infobar-contact-icon svg {
padding: 8px;
fill: var(--accent-color) !important;
}
.infobar-contact {
display: flex;
align-items: center;
}
.infobar-contact-sm {
display: none;
}
.infobar-estimate {
font-weight: 800;
padding: 5px 8px;
border-radius: 11px;
border: 2px solid #fff;
background: var(--accent-color);
}
.infobar-estimate a {
color: #fff;
}
.infobar-estimate:hover,
.infobar-estimate:focus {
background-color: #000;
}
.infobar-estimate a:hover,
.infobar-estimate a:focus {
color: var(--accent-color);
text-decoration: none;
}
.mobile_menu .free-estimate-nav {
background: var(--accent-color) !important;
}
.mobile_menu .free-estimate-nav:hover {
background: var(--accent-color-alpha) !important;
}
.mobile_menu .free-estimate-nav a {
color: #fff !important;
}
/************** Header *****************/
.header_wrapper {
position: fixed;
border-top: none !important;
z-index: 100;
padding: 20px 50px;
top: 56px;
height: 160px !important;
background: #fff;
}
.ywp_header {
width: 100%;
max-width: 2000px;
height: auto;
}
.logo {
position: absolute;
top: -10px;
left: -25px;
z-index: 200;
width: fit-content;
padding: 15px;
}
.logo img {
width: 100%;
min-height: 115px;
max-width: 200px !important;
}
.mobile_logo {
max-width: fit-content;
margin: auto;
text-align: center;
}
.mobile_logo img {
width: 100%;
max-width: 170px;
min-height: 0px;
margin-inline: auto;
margin-top: -35px;
}
.menu_wrapper {
background-color: rgba(245, 245, 245, 0);
z-index: 0;
border-radius: 0;
max-width: none !important;
width: auto;
top: 48px;
right: 30px;
}
.menu_wrapper .site_width {
max-width: 95%!important;
width: 100%!important;
}
.menu ul {
text-align: center;
list-style: none;
}
.menu ul li {
font-size: 18px !important;
font-weight: 600;
font-family: 'Poppins', 'Montserrat', sans-serif;
height: 100%;
position: relative;
text-transform: uppercase;
transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
text-align: center;
padding: 1px 3px;
margin-right: 10px;
background: transparent;
border-radius: 0px!important;
}
.menu ul li:hover {
background-color: var(--accent-color);
}
.menu ul li a {
color: #000;
padding: 10px 7px;
}
.menu ul li a:hover {
color: #fff;
text-decoration: none;
}
.menu ul li a:hover .menu ul li ul li a {
color: var(--accent-color);
}
.menu ul li ul li {
background-color: #f1f1f1;
border-width: 0px 0px 1px 0px;
}
.menu ul li ul li a {
color: var(--accent-color) !important;
}
.menu ul li ul li:hover {
background: #222222;
color: #fff;
}
.menu ul li ul li:hover~a {
color: #ffffff;
}
.menu ul li ul li a:hover {
color: #ffffff !important;
text-decoration: none;
}
.free-estimate-nav {
background: var(--accent-color);
}
.free-estimate-nav a{
color: #fff;
}
/* Nav Animation */
/* .menu li:before,
.menu li:after {
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
height: 2px;
width: 45%;
background-color: var(--accent-color);
position: absolute;
content: '';
opacity: 0;
}
.menu li:before {
top: 0;
left: 0;
}
.menu li:after {
bottom: 0;
right: 0;
}
.menu li:hover:before,
.menu li.hover:before,
.menu li:hover:after,
.menu li.hover:after {
opacity: 1;
}
.menu li:hover:before,
.menu li.hover:before {
left: 45%;
}
.menu li:hover:after,
.menu li.hover:after {
right: 45%;
} */
.mobile_menu_icon {
background: var(--accent-color) !important;
width: auto;
height: auto;
padding: 5px;
}
.mobile_menu_icon img {
max-width: 46px;
width: auto;
height: auto;
}
.highlighted-item {
background-color: var(--accent-color);
border-radius: 0;
}
.highlighted-item li a {
color: #000;
}
.dropdown-item {
padding-right: 16px !important;
}
.dropdown-item::after {
content: ">";
right: 4px;
position: absolute;
top: 6px;
font-size: 26px;
transform: rotate(90deg);
color: #000000;
font-weight: 500;
}
.multi-dropdown-item::after {
content: ">";
right: 10px;
position: absolute;
top: 3px;
font-size: 24px;
}
.dropdown-item:hover ::after {
color: #fff;
}
.maincontent {
display: block !important;
padding: 20px 15px;
}
.maincontent_wrapper {
padding-top: 218px !important;
}
.boxbody {
border-width: 0px;
margin-top: 12px;
}
.boxheader {
background: transparent;
border-radius: 0px;
color: var(--accent-color);
border-bottom: 3px solid var(--accent-color);
font-weight: 600;
}
.map_wrap {
box-shadow: none !important;
}
/**** GSAP Animation ****/
.gsap-fade,
.gsap-from_left,
.gsap-from_right {
opacity: 0;
}
/***** HOME PAGE *****/
.home-global,
.home-section {
padding: 100px 25px;
}
.home-header {
text-align: center;
font-weight: 700;
font-size: 1.9rem;
}
.h2-heading {
text-align: center;
font-size: 56px;
font-weight: 600;
}
.h3-heading {
text-align: center;
padding-top: 26px;
font-weight: 600;
font-size: 30px;
}
.h2-subtitle {
font-size: 26px;
text-align: center !important;
color: #535353;
}
.footer_bottom_row_wave {
height: 100px;
overflow: hidden;
margin-top: 10px;
z-index: 2;
position: relative;
}
.footer_wrapper .footer_bottom_row_wave .shape-fill {
fill: var(--accent-color) !important;
}
/******** Hero Banner / Intro Content ******/
.hero-banner {
overflow: hidden;
max-height: 780px;
position: relative;
}
.hero-bg-container {
position: relative;
height: 780px;
}
.hero-banner-overlay {
position: absolute;
background: linear-gradient(90deg,rgba(15, 15, 15, 0.77) 35%,rgba(23, 23, 23, 0.39) 100%);
right: 0;
bottom: 0;
height: 780px;
z-index: 2;
width: 100%;
}
.intro-bg {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
max-height: 780px;
min-height: 780px;
background-image: url(/imageserver/UserMedia/minnesotaremodeling/intro_bg.webp);
background-size: cover;
background-position: center;
}
.intro-bg video.cover {
height: 1200px;
width: 3600px;
}
.intro-content {
width: 100%;
position: absolute;
padding-block: 50px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 2;
height: 100%;
color: #ffffff;
text-align: center;
max-height: 780px;
min-height: 780px;
padding: 20px 15px;
top: 75px;
}
.intro-content .content-wrapper {
position: relative;
top: 60px;
}
.intro-content .underline-multi {
margin-left: 100px;
}
.intro-row {
gap: 35px;
justify-content: center;
margin-top: -30px;
}
.intro-row .flex-col-2 {
width: 100%;
flex-basis: 400px;
flex-grow: 1;
}
.hero-text {
margin-top: 85px;
}
.hero-text h1 {
font-size: 48px;
color: #fff;
font-weight: 600;
}
.hero-intro-title {
text-align: left;
margin-bottom: 30px;
}
.hero-intro-title .h2-underline {
margin-left: 0;
}
.hero-list {
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr;
width: 700px;
}
.hero-list-item {
display: flex;
align-items: center;
gap: 8px;
flex-flow: row nowrap;
}
.hero-list-item span {
font-size: 34px;
font-weight: 900;
color: #fff;
border-radius: 50%;
padding: 5px;
background: var(--accent-color);
}
.hero-list-item h3 {
font-size: 26px;
font-weight: 600;
text-align: start;
}
.hero-text .sb_container {
display: none;
}
.intro-right {
text-align: center;
margin: 30px auto;
}
/************** Intro Section ***************/
.intro-content .underline-multi {
margin-left: 100px;
}
.intro-row {
gap: 35px;
justify-content: center;
}
.intro-content h2 {
font-weight: 600;
font-style: italic;
}
.intro-text .intro-title {
text-transform: capitalize;
font-weight: 600;
padding-bottom: 4px;
max-width: fit-content;
text-align: center;
margin: auto;
}
.intro-title .underline {
width: 260px !important;
}
.intro-text h1 {
margin-bottom: 8px;
font-style: italic;
color: var(--accent-color-alpha);
font-size: 58px !important;
}
.intro-text p {
color: #000;
max-width: 87ch;
margin: auto;
}
.intro-text .intro-title p {
font-size: 24px;
color: var(--accent-color) !important;
font-style: italic;
}
.home-intro-image {
text-align: center;
margin: auto;
}
.home-intro-image img {
max-width: 700px;
margin-inline: auto;
width: 99.5%;
}
/**** Award Section ***/
.award-section {
background: #dbdbdb;
padding: 35px 18px;
}
.award-title-row {
display: flex;
flex-flow: row wrap;
gap: 35px;
justify-content: center;
margin: 0px auto;
}
.award-title-row img {
width: 100%;
max-width: 160px;
background: #fff;
border-radius: 50%;
padding: 12px;
border: 2px solid var(--accent-color);
}
.hero-para {
margin: 25px auto;
max-width: 40ch;
width: 99%;
padding: 5px 10px;
font-size: 30px;
text-align: center;
}
.intro-item {
display: flex;
gap: 12px;
align-items: center;
font-weight: 600;
}
.intro-item i {
font-size: 36px;
font-weight: 600;
color: var(--accent-color);
}
.intro-image {
text-align: center;
}
.intro-image img {
max-width: 780px;
width: 100%;
margin-inline: auto;
}
/* -- Home - Estimate Box */
.estimate-box {
background: #ffffff;
margin: auto;
padding: 25px;
color: #ffffff;
max-width: 500px;
text-align: center;
position: relative;
z-index: 2;
top: 0px;
-webkit-box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, 0.15);
}
.estimate-box h3 {
font-weight: 700;
text-transform: uppercase;
color: var(--accent-color);
}
.estimate-heading {
color: var(--accent-color);
margin: 10px 0;
font-weight: bold;
}
.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 .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: #fff;
background: var(--accent-color);
text-transform: uppercase;
font-weight: 700;
width: 40%;
padding: 12px 0;
}
.estimate-box .btn.btn-primary:hover {
background-color: var(--accent-color-alpha);
}
/***** Intro/SERVICES SECTION *****/
.home-intro-wrapper {
position: relative;
}
.home-intro-wrapper.home-section {
padding: 50px 25px;
}
/* Home Choose Us Section */
.choose-us-section {
position: relative;
padding-bottom:35px;
color: #000;
}
.choose-us-header {
padding: 45px 20px;
}
.choose-us-header p {
max-width: 89ch;
width: 100%;
margin: 25px auto;
font-size: 25px;
}
.choose-us-list {
max-width: 1600px;
width: 98.5%;
padding: 35px 15px;
margin-inline: auto;
}
.choose-us-item h3 {
font-size: 44px;
}
.choose-us-list p {
font-size: 22px;
}
/***** Home Services Section *****/
.home-services-section {
background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.9) 55%,rgba(255, 255, 255, 0.9) 60% 100%) , url(/imageserver/UserMedia/roofright/service-bg-bw.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
color: #000;
padding: 60px 20px;
}
.home-services-header {
padding: 35px 20px;
text-align: center;
}
.home-services-header p {
max-width: 100ch;
width: 100%;
margin: 25px auto;
font-size: 25px;
}
.home-services-wrapper {
max-width: 1400px;
width: 98.5%;
}
.home-services-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
margin: 20px auto auto;
padding: 30px 15px;
}
.home-services-item {
max-width: fit-content;
width:100%;
margin: auto;
text-align: center;
}
.home-service-item-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 300px;
height: 300px;
overflow: hidden;
-webkit-box-shadow: 5px 5px 0 10px var(--accent-color);
-moz-box-shadow: 5px 5px 0 10px var(--accent-color);
box-shadow: 5px 5px 0 11px var(--accent-color);
text-align: center;
margin: auto;
}
.home-service-item-image img {
width: 300px;
height: 300px;
margin: auto;
}
.services-card h3 {
font-size: 1.5em;
margin: 15px auto;
}
.services-card hr {
max-width: 100px;
width: 100%;
border-top: 3px solid var(--accent-color);
margin: 15px auto;
}
/***** GAF Homeviewer Section *****/
.gaf-homeviewer .h2-heading {
text-align: center;
}
.homeviewer-row {
padding: 45px 10px;
}
.homeviewer-text {
padding: 10px 20px;
}
.homeviewer-image {
text-align: center;
margin: auto;
}
.homeviewer-image img {
max-width: 650px;
width: 100%;
box-shadow: 2px 6px 12px #00000033;
}
/***** Review Section ********/
.review-section {
background-image: linear-gradient(180deg,rgba(253, 253, 253, 0.94) 55%,rgba(251, 251, 251, 0.965) 60% 100%) , url(/imageserver/UserMedia/roofright/service-bg-bw.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
}
.review-section {
padding: 45px;
}
.review-content .home-global {
padding: 20px;
}
.review-content p {
position: relative;
}
.Reviewtestcontent .review-content p:last-child::before {
content: "-";
}
.review-content h2 {
width: fit-content;
margin: 45px auto auto;
padding-bottom: 10px;
}
.review-content h2 span {
color: var(--accent-color);
}
.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;
color: #333333;
}
.Reviewcontent p:first-child {
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.Reviewtestcontent {
/* float: left; */
width: 90%;
margin: 20px auto;
/* padding: 45px; */
text-align: center;
backdrop-filter: blur(2.9px);
-webkit-backdrop-filter: blur(2.9px);
background: #fff;
padding: 40px;
border-radius: 8px;
box-shadow: 0px 3px 12px 2px #9f9f9fa1;
}
.Reviewtestcontent p {
font-style: normal;
font-weight: 400;
line-height: 30px;
text-align: center;
margin-top: 15px;
color: #333333;
}
.Reviewtestcontent ul {
list-style: none;
margin: 0px 0px 30px;
padding: 0px;
}
.Reviewtestcontent ul li {
display: inline;
}
.Reviewtestcontent h4 {
line-height: 30px;
color: #808080;
}
.owl-carousel .owl-item img.image-auto {
width: auto;
margin: auto;
display: flex;
}
.owl-theme .owl-nav {
position: absolute;
top: 50%;
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev {
left: -25px;
position: absolute;
font-size: 40px !important;
line-height: 0;
}
.owl-carousel .owl-nav button.owl-next {
right: -25px;
position: absolute;
font-size: 40px !important;
line-height: 0;
}
.owl-theme .owl-nav [class*='owl-']:hover {
color: #061247;
}
.owl-item {
max-width: 1140px !important;
}
/* .review-title .h2-heading {
color: #fff;
} */
.review-card-main {
padding: 15px 8px;
max-width: 560px;
width: 95%;
margin: auto;
display: flex;
flex-direction: column;
gap: 15px;
text-align: center;
-webkit-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
transition: all ease-in 0.3s;
border: 5px solid #000;
background: #fff;
border-radius: 7px;
}
.review-card-main:hover {
-webkit-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
}
/* .review-card-main:nth-child(2) {
background: var(--accent-color);
} */
#Capa_1 {
fill: var(--accent-color);
}
/* .review-card-main:nth-child(2) #Capa_1 {
fill: #fff;
} */
.review-content ul {
list-style: none;
margin: 0px auto 30px;
padding: 0px;
}
.review-content ul li {
display: inline;
}
.review-content h1 {
text-align: center;
}
.review-content p {
display: -webkit-box;
-webkit-box-orient: vertical;
max-lines: 3;
line-clamp: 3;
-webkit-line-clamp: 3;
overflow: hidden;
}
.review-row {
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-around;
margin: 40px auto;
max-width: 1400px;
width: 96%;
}
.card-info-row {
display: flex;
gap: 12px;
width: fit-content;
margin: 0px auto;
align-items: center;
}
.card-info-row img {
max-width: 30px;
max-height: 30px !important;
}
.card-info-row h3 {
font-size: 17px;
color: #000 !important;
font-weight: 600;
}
/* .review-card-main:nth-child(2) .card-info-row h3 {
color: #fff!important;
} */
.material-symbols-outlined.review-star {
font-variation-settings:
'FILL' 1;
color: #0f4432;
}
/* .review-card-main:nth-child(2) .material-symbols-outlined.review-star {
font-variation-settings:
'FILL' 1;
color: #000;
} */
/***** Home Siding Section *****/
.siding-section {
text-align: center;
}
.siding-row {
align-items: center;
}
.siding-section h2 {
font-weight: 600;
text-align: center;
margin-inline: auto;
}
.siding-section p {
max-width: 97ch;
width: 100%;
margin: auto;
}
.siding-image {
text-align: center;
}
.siding-image img {
max-width: 680px;
width: 98%;
margin-inline: auto;
}
.siding-text p {
text-align: left;
line-height: 1.6;
padding: 12px 10px;
border-radius: 8px;
font-weight: 500;
margin: 25px auto 5px;
}
/********Storm Damage Section *******/
.storm-section {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88) 0% 20%, rgba(0, 0, 0, 0.86) 40% 100%), url(/imageserver/UserMedia/minnesotaremodeling/stormdamage-bg007.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
.storm-section .underline-three {
background: #a6a6a6;
}
.storm-section .underline-three::before,
.storm-section .underline-three::after {
border-color: #a6a6a6;
}
.storm-row {
align-items: center;
}
.storm-image {
text-align: center;
margin: auto;
max-width:fit-content;
width: 100%;
}
.storm-image img {
max-width: 650px;
width: 100%;
margin-inline: auto;
border: 2px solid #fff;
}
.storm-section .h2-subtitle {
font-weight: 600;
font-size: 21px;
color: #fff;
}
.storm-content .storm-para {
max-width: 92ch;
width: 100%;
margin: 20px auto;
text-align: center;
}
.storm-section .site_button {
background-color: #fff;
}
.storm-section .site_button:hover {
background-color: var(--accent-color-alpha);
}
.storm-section .site_button a{
color: var(--accent-color);
}
.storm-section .site_button:hover a{
color: #fff;
}
/**** RFT Section ****/
.rooftroop-section {
/* background: #fff; */
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 20%, rgba(255, 255, 255, 0.63) 30% 100%), url(/imageserver/UserMedia/mandm/lines-bg02.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.rooftroop-section strong {
color: red;
}
.rooftroop-row {
flex-flow: row-reverse wrap-reverse;
}
.rooftroop-section .site_button {
margin: 20px auto;
}
.rooftroop-info {
text-align: center;
}
.rooftroop-image.flex-col-2 {
text-align: center;
}
.rooftroop-image img {
max-width: 680px;
width: 100%;
margin-inline: auto;
}
.icon-slider-ection .h2-subtitle {
color: #000;
}
/*********** Footer **********/
.ywp_footer {
max-width: 100%;
width: 100%;
padding: 0;
}
.footer_wrapper {
background: var(--accent-color);
border-top: none;
color: #fff;
}
.ywp_footer a {
font-size: 23px;
}
.footer-top {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding-bottom: 70px;
padding-top: 35px;
margin-inline: auto;
}
.footer-col2,
.footer-col3 {
margin-top: 80px;
}
.footer-bottom {
text-align: center;
padding: 18px;
background-color: var(--accent-color);
}
.footer-bottom p {
margin: 0;
font-size: 20px;
}
.bottom-info {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.bottom-info h5 a {
font-size: 14px;
}
.bottom-link {
color: #ffffff;
}
.contact-address {
margin-bottom: 35px;
}
.footer-social {
margin-bottom: 35px;
}
.sitemap_item {
font-size: 16px;
border-bottom: 0px;
}
.footer-top h1 {
font-size: 36px;
}
.footer-top h2 {
font-size: 28px;
}
.footer-top h3 {
font-size: 24px;
font-weight: 600;
}
.contact-address p {
font-size: 16px;
}
.footer-phone {
color: #000000;
}
.footer-contact {
display: flex;
margin: 30px 0;
}
.footer-contact-icon {
color: var(--accent-color);
margin-right: 12px;
}
.footer-contact svg {
margin-right: 15px;
}
.footer-contact p {
margin: 0;
}
.footer-top .temp_module_wrap {
min-height: 30px;
}
.footer-contact svg {
margin-right: 12px;
}
.footer-lic p {
font-weight: 600;
font-size: 20px;
}
.ssm_icon {
box-shadow: none;
}
/***** Interior Banners*****/
.interior-banner {
position: relative;
background-image: url(/imageserver/UserMedia/minnesotaremodeling/banner-bg002.jpg);
background-size: cover;
background-position: center 62%;
background-repeat: no-repeat;
background-color: #484848;
background-blend-mode: multiply;
color: #ffffff;
text-align: center;
padding: 100px 0px 125px;
/* border: 10px solid; */
border-image-slice: 1;
border-width: 0px 0px 6px;
border-image-source: linear-gradient(to left, #848687, #c7c8c9);
}
.interior-title{
margin-top: 60px;
}
.remodel-banner {
position: relative;
background-image: url(/imageserver/UserMedia/YWPGALLERY/overviews/remodeling/remodel_banner_1124x375.fw.png);
}
.storm-banner {
position: relative;
background-image: url(/imageserver/Reusable/StormDamage/bg3.jpg);
background-color: #626262;
}
.interior-banner h1 {
color: #ffffff;
text-transform: uppercase;
font-size: 55px;
font-weight: 600;
}
.interior-title h1 span {
color: #ffffff;
}
.interior-title h3 span {
color: #ececec;
}
.interior-banner p {
margin: 20px auto 0px;
}
.interior-banner .underline-three {
background: #6f6e73;
}
.interior-banner .underline-three::after,
.interior-banner .underline-three::before {
border-color: #6f6e73;
}
.interior-banner .site_button {
cursor: pointer;
padding: 8px;
background: rgb(15, 68, 50);
box-shadow: 0 2px 3px -1px #333;
font-weight: 700;
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;
}
.interior-banner .site_button:hover {
background-color: var(--accent-color-alpha);
}
.interior-intro-para {
max-width: 100ch;
margin: 20px auto;
width: 97%;
text-align: center;
}
.intro-sub {
display: none;
}
/****** About Page ******/
.about-intro-section {
padding: 60px 20px;
max-width: 1650px;
width: 98%;
margin-inline: auto;
}
.about-intro-section .about-text {
flex-grow: 3;
}
.about-image,
.about-product-image {
text-align: center;
margin: auto;
}
.about-image img {
max-width: 700px;
width: 100%;
margin-inline: auto;
}
.reverse-container .flex-row {
flex-flow: row wrap-reverse;
}
/**** Interior Services *****/
.interior-services-section {
margin-inline: auto;
padding: 45px 0px;
}
.interior-services-section h3 {
font-size: 38px;
}
.interior-services-row {
align-items: center;
flex-flow: row-reverse wrap-reverse;
}
.reverse-container .flex-row {
flex-flow: row wrap-reverse;
}
.interior-services-title {
display: flex;
gap: 10px;
align-items: center;
}
.interior-services-title h3 {
color: #000;
}
.list-item span {
vertical-align: middle;
margin-right: 10px;
color: var(--accent-color);
padding: 2px;
}
.interior-services-text .h2-underline {
margin-inline:0;
}
.interior-services-image {
text-align: center;
}
.interior-services-image img,
.about-image iframe {
max-width: 600px;
width: 100%;
margin: auto;
}
.about-comapny-section .flex-row {
padding: 40px 15px;
}
/* Services Overview Page */
.services-overview-section {
background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.93) 55%,rgba(255, 255, 255, 0.9) 60% 100%) , url(/imageserver/UserMedia/roofright/service-bg-bw.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.services-overview-wrapper {
max-width: 1650px;
width: 98%;
margin-inline: auto;
padding: 60px 20px;
background: transparent;
}
.services-overview-row.flex-row {
flex-flow: row wrap-reverse;
}
.services-overview-container {
border-radius: 8px;
box-shadow: 0px 3px 12px 2px #9f9f9fa1;
padding: 25px;
max-width: 1400px;
width: 100%;
margin: 50px auto;
background-color: #fff;
}
.services-overview-text .h3-underline {
margin: 5px 0;
}
.services-overview-image {
text-align: center;
margin: auto;
}
.services-overview-image img {
max-width: 650px;
width: 100%;
margin-inline: auto;
}
.products-section {
position: relative;
text-align: center;
background-image: url(/imageserver/UserMedia/minnesotaremodeling/green-abstract-bg06.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
padding: 40px 15px;
}
.products-header {
text-align: center;
}
.products-header p {
max-width: 130ch;
width: 100%;
margin: 20px auto 45px;
}
.grid-2 {
grid-template-columns: repeat(2, 1fr);
margin-inline: auto;
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
margin-inline: auto;
}
.grid-4 {
grid-template-columns: repeat(4, 1fr);
margin-inline: auto;
}
.interior-product-image {
text-align: center;
transition: 0.4s linear;
}
.interior-product-image h3 {
color: #fff;
font-weight: 600;
}
.interior-product-image img {
max-width: 330px;
width: 100%;
}
.interior-product-image img:hover {
transform: scale(1.05) !important;
}
.interior-product-image .site_button {
background-color: #fff;
}
.interior-product-image .site_button:hover {
background-color: var(--accent-color-alpha);
}
.interior-product-image .site_button a{
color: var(--accent-color);
}
.interior-product-image .site_button:hover a{
color: #fff;
}
/* Gallery Styles */
.portfolio-wrapper,
.gallery-wrapper {
max-width: 1280px;
width: 100%;
margin-inline: auto;
padding-block: 40px;
}
.box-gallery {
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
position: relative;
max-width: 1400px;
margin: auto;
}
.box-gallery h3 {
position: absolute;
top: -55px;
}
.box-gallery .box-gallery-item {
width: 24%;
height: 250px;
overflow: hidden;
border-radius: 5px;
margin: .5%;
}
.box-gallery .box-gallery-item i {
position: absolute;
bottom: 40%;
left: 50%;
margin: 0 0 -28px -28px;
font-size: 2em !important;
border-radius: 50%;
padding: 10px;
background: var(--accent-color);
color: #fff;
opacity: 0;
transition: all 0.25s;
}
.box-gallery .box-gallery-item:hover {
filter: drop-shadow(4px 4px 6px gray);
transform: scale(1.05);
}
.box-gallery .box-gallery-item:hover i {
bottom: 50%;
opacity: 1;
}
.box-gallery .box-gallery-item:hover figure {
opacity: 0.6;
}
.box-gallery .box-gallery-item figure {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
background-size: cover;
}
.box-gallery .box-gallery-item figure:hover {
filter: drop-shadow(4px 4px 6px gray);
transform: scale(1.05);
}/*# sourceMappingURL=Untitled-1.css.map */
.before-after-global {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 20px;
margin: 35px auto 80px;
}
/* Contact Page */
.contact-right {
padding: 36px;
}
.contact-left h3 {
text-align: center;
color: var(--accent-color);
}
.contact-left {
padding-right: 5%;
}
.contact-left .estimate-form {
padding: 36px;
box-shadow: 0px 3px 10px 3px rgba(14, 65, 47, 0.51);
border-radius: 8px;
}
.request-wrapper .estimate-form {
padding: 36px;
box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.51);
border-radius: 8px;
}
.request-wrapper .estimate-form h3{
text-align: center;
}
.request-wrapper .estimate-form .h2-underline{
margin-bottom: 40px;
}
.estimate-form .btn.btn-primary {
width: 60%;
border: 3px solid #706f74;
text-transform: uppercase;
background: var(--accent-color);
margin: 36px auto 12px auto !important;
padding: 12px !important;
font-weight: 700;
color: #fff;
}
.estimate-form .btn.btn-primary:hover {
background-color: #706f74;
color: var(--accent-color);
}
.financing-row {
background: #eee;
padding: 0px;
border-radius: 12px;
}
/******* MEDIA QUERIES *******/
@media(max-width: 1550px) {
.maincontent_wrapper {
padding-top: 58px !important;
}
.header_wrapper {
position: relative;
height: 210px !important;
padding: 20px 0px;
}
.logo {
left: 50%;
transform: translateX(-50%);
top: -10px;
}
.logo img {
width: 100%;
min-height: 108px;
max-width: 180px !important;
}
.menu_wrapper {
max-width: 100% !important;
width: 100%;
top: 138px;
right: 0;
}
.menu_wrapper .site_width {
max-width: 100% !important;
width: 100% !important;
}
.menu ul li {
margin-right: 7px;
font-size: 16px!important;
}
.menu ul li:hover>ul {
top: 42px;
}
}
@media(max-width: 1450px) {
.home-services-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 1300px) {
.svc-cards-home {
grid-template-columns: 1fr 1fr;
}
.services-list {
grid-template-columns: 1fr 1fr;
}
#services-emergency-repairs,
#services-roof-repairs {
margin-top: 70px;
}
}
@media (max-width: 1200px) {
.box-gallery .box-gallery-item {
flex: 33%;
max-width: 32%;
}
.footer-col {
width: 49%;
}
.footer-col:last-child {
width: 99%;
}
}
@media (max-width: 1127px) {
.hero-text {
margin-top: 30px;
}
.hero-text p {
line-height: 1.5em;
}
.choose-us-list .grid-3 {
grid-template-columns: repeat(1, 1fr);
margin-inline: auto;
}
}
@media (max-width: 1020px) {
.hero-text {
margin-top: 40px;
}
.hero-text .sb_container {
display: block;
}
.intro-right {
display: none;
}
}
@media (max-width: 982px) {
.infobar-contact-icon {
margin: 0 6px;
}
.footer-top h1 {
font-size: 36px;
text-align: center;
}
.footer-col1 {
margin: auto;
justify-content: center;
text-align: center;
}
.footer-col3 {
margin: 30px auto;
justify-content: center;
text-align: center;
}
.header-info {
display: none!important;
}
.grid-item .header-title i {
font-size: 30px;
margin: auto 25px auto auto;
}
.grid-item .header-title .h3-text {
font-size: 18px;
}
.mobile_logo {
max-width: 200px;
margin: auto;
text-align: center;
position: relative;
top: 15px;
}
.services {
grid-template-columns: 1fr;
}
.service-card {
max-width: 800px;
}
.services-list {
grid-template-columns: repeat(2, 1fr);
}
.review-row {
grid-template-columns: 1fr;
}
.interior-products-row {
grid-template-columns: repeat(2, 1fr);
margin-inline: auto;
}
}
@media (max-width:981px) {
.header_wrapper {
height: 136px !important;
}
.footer-top {
grid-template-columns: 1fr;
justify-content: center;
padding: 20px 40px;
}
.bottom-info {
grid-template-columns: 1fr;
}
.footer-col1 {
margin: auto;
}
.footer-col1 hr {
margin-left: auto !important;
}
.footer-contact {
display: flex;
margin: 30px auto;
text-align: center;
justify-content: center;
}
.bottom-info {
grid-template-columns: 1fr;
}
.footer-col2 {
display: none;
}
.contact-address h3 {
font-size: 32px;
}
.contact-address h4 {
display: none;
}
.footer-social h4 {
display: none;
}
.intro-text h1 {
font-size: 42px !important;
}
.icon-grid {
align-items: center;
margin: auto;
}
}
@media(max-width: 800px) {
p {
font-size: 22px;
}
.home-services-list {
grid-template-columns: repeat(1, 1fr);
}
.hero-para {
max-width: 50ch;
}
.hero-text h1 {
font-size: 42px;
}
.box-gallery .box-gallery-item {
flex: 33%;
max-width: 50%;
}
}
@media (max-width:767px) {
.hero-row.flex-row {
margin-top: -10px;
}
.intro-content {
top: 5px;
}
.hero-list {
display: grid;
grid-template-columns: 1fr;
gap: 3px;
margin: auto;
justify-content: center;
text-align: center;
width: max-content;
}
.hero-list-item {
display: flex;
align-items: center;
gap: 8px;
flex-flow: row nowrap;
width: max-content;
}
.hero-title h2 {
font-size: 2.5em;
}
.hero-list-item h3 {
font-size: 26px;
}
.why-list {
grid-template-columns: 1fr;
}
.why-us-row {
grid-template-columns: 1fr;
}
.comm-roofs {
grid-template-columns: 1fr;
}
.footer-top {
grid-template-columns: 1fr;
}
.bottom-info {
grid-template-columns: 1fr;
}
.footer-col2 {
display: none;
}
.contact-address h4 {
display: none;
}
.footer-social h4 {
display: none;
}
}
@media(max-width: 760px) {
.services-card {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.interior-product-cards {
grid-template-columns: 1fr;
}
.footer-top-row {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.footer-col {
width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.footer-bottom-row h4 {
width: 100%;
margin: 12px auto;
}
}
@media (max-width: 700px) {
.maincontent h1,
.maincontent h2 {
font-size: 1.8em !important;
}
.maincontent h3 {
font-size: 1.5em !important;
}
.maincontent p {
font-size: 1.05em !important;
}
.hero-banner {
height: 600px;
}
.hero-para {
font-size: .9em !important;
padding: 0;
}
.hero-banner .site_button {
margin-top: 0;
}
.home-services-header {
padding-left: 0;
padding-right: 0;
}
.home-service-item-image,
.home-service-item-image img {
width: 250px;
height: 250px;
}
.review-section,
.review-content .home-global,
.review-content .col-md-12 {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 635px) {
.hero-title h2 {
font-size: 7vw;
}
.hero-list{
display: none;
}
.services-list {
grid-template-columns: 1fr;
}
.interior-services {
margin-top: 70px;
}
.interior-products-row {
grid-template-columns: repeat(1, 1fr);
margin-inline: auto;
}
}
@media (max-width: 560px) {
.box-gallery .box-gallery-item {
flex: 100%;
max-width: 100%;
}
}
@media (max-width:500px) {
.infobar-estimate a {
color: #fff;
font-size: 3.5vw;
font-weight: 500;
}
}
@media (max-width:480px) {
.hero-title h2 {
font-size: 8vw;
}
.footer-top {
grid-template-columns: 1fr;
}
.bottom-info {
grid-template-columns: 1fr;
}
.footer-col2 {
display: none;
}
.contact-address h4 {
display: none;
}
.footer-social h4 {
display: none;
}
}
#freeEstimateButton {
display: none;
}
/**** Facebook Like Button ****/
.global_26921 {
text-align: right;
}
@media (max-width: 982px) {
.global_26921 {
text-align: center;
top: 215px!important;
}
}
.remodeling_hover_icons_wrap .hoverIconImg {max-width:440px !important;border-radius:6px;}
.pagewrp {border: 2px solid #EEEEEE; border-radius:5px; padding:8px 14px 8px 14px;}
ul {list-style:none;}
.text4 {color:black;font-size:45px;margin-left:695px;margin-top:-260px;position:absolute;}
.text3 {color:black;font-size:45px;margin-left:135px;margin-top:100px;position:absolute;}
.text2 {color:black;font-size:45px;margin-left:735px;margin-top:-250px;position:absolute;}
.text {color:black;font-size:45px;margin-left:170px;padding-top:110px;position:absolute;}
.textb
.text2b {color:black;font-size:24px;margin-left:750px;margin-top:-270px;position:absolute;}
.text3b
.text4b
.img1
.img2
.img3
.img4color: #552100;.infobar_social_media_wrap { display:inline-block;width:300px;padding-top:4px; }
.infobar_social_media_wrap { display:inline-block;width:300px;padding-top:4px; }
.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; }
/*compensating for shit code with more shit code */
.opacBackground{
z-index:9999;
background: rgba(0,0,0,0.9);
}