.cntctfrm_contact_form * {
text-align: left !important;
line-height: normal !important;
}
.rtl .cntctfrm_contact_form * {
text-align: right !important;
}
.cntctfrm_contact_form .cntctfrm_contact_submit {
text-align: center !important;
}
.cntctfrm_contact_form p,
.widget .cntctfrm_contact_form p {
margin: 0 !important;
}
.cntctfrm_contact_form .cptch_block label + br,
.cntctfrm_contact_form .cptch_block span + br,
.cntctfrm_contact_form .cptchpr_block label + br,
.cntctfrm_contact_form .cptchpr_block span + br {
display: block !important;
}
.cntctfrm_contact_form .cptch_block br,
.cntctfrm_contact_form .cptchpr_block br {
display: none;
}
.cntctfrm_input_captcha .cptch_block ~ .gglcptch,
.cntctfrm_input_captcha .cptchpls_block ~ .gglcptch,
.cntctfrm_input_captcha .cptchpr_block ~ .gglcptch,
.cntctfrm_input_captcha .cptch_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpls_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpr_block ~ .gglcptchpr,
.cntctfrm_input_captcha .cptch_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptchpls_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptchpr_wrap ~ .gglcptch,
.cntctfrm_input_captcha .cptch_wrap ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpls_wrap ~ .gglcptchpr,
.cntctfrm_input_captcha .cptchpr_wrap ~ .gglcptchpr {
padding: 20px 0 0;
}
.cntctfrm_contact_form .gglcptch #recaptcha_widget_div {
width: 320px !important;
}
.cntctfrm_label,
.cntctfrm_input,
.cntctfrm_select,
.cntctfrm_checkbox {
box-sizing: border-box; width: 100%;
}
.cntctfrm_input.cntctfrm_input_submit {
max-width: 100%;
}
.cntctfrm_contact_form input[type="text"],
.cntctfrm_contact_form input[type="file"],
.cntctfrm_contact_form input[type="email"],
.cntctfrm_contact_form select,
.cntctfrm_contact_form textarea,
.widget .cntctfrm_contact_form input[type="text"],
.widget .cntctfrm_contact_form input[type="file"],
.widget .cntctfrm_contact_form input[type="email"],
.widget .cntctfrm_contact_form select,
.widget .cntctfrm_contact_form textarea {
width: 100%;
margin: 0 !important;
box-sizing: border-box;
}
.cntctfrm_contact_form.cntctfrm_width_default input[type="text"],
.cntctfrm_contact_form.cntctfrm_width_default input[type="file"],
.cntctfrm_contact_form.cntctfrm_width_default input[type="email"],
.cntctfrm_contact_form.cntctfrm_width_default select,
.cntctfrm_contact_form.cntctfrm_width_default textarea,
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="text"],
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="file"],
.widget .cntctfrm_contact_form.cntctfrm_width_default input[type="email"],
.widget .cntctfrm_contact_form.cntctfrm_width_default select,
.widget .cntctfrm_contact_form.cntctfrm_width_default textarea {
max-width: 320px;
}
.cntctfrm_contact_form input[type="checkbox"],
.cntctfrm_contact_form input[type="radio"]
.cntctfrm_contact_form input[type="submit"],
.widget .cntctfrm_contact_form input[type="checkbox"],
.widget .cntctfrm_contact_form input[type="radio"],
.widget .cntctfrm_contact_form input[type="submit"] {
margin: 0;
}
.cntctfrm_contact_attachment_extensions {
font-size: 10px !important;
}
.cntctfrm_contact_form input.cntctfrm_contact_submit {
cursor: pointer !important;
text-align: center !important;
margin-bottom: 10px !important;
}
.cntctfrm_label:first-child {
padding: 0;
}
.cntctfrm_label,
.cntctfrm_checkbox {
padding: 5px 0 0;
}
.cntctfrm_input,
.cntctfrm_select,
.cntctfrm_checkbox {
position: relative;
}
.cntctfrm_error_text {
margin: 5px 0;
color: red;
text-align: left;
}
#cntctfrm_contact_attachment {
margin-bottom: 0;
}
.cntctfrm_contact_form div {
clear: both;
}
.cntctfrm_one_column.cntctfrm_width_default {
max-width: 320px;
width: 100%;
}
.cntctfrm_one_column.cntctfrm_width_custom {
max-width: 100%;
width: 100%;
}
.cntctfrm_two_columns.cntctfrm_width_default {
max-width: 650px;
width: 100%;
}
.cntctfrm_two_columns.cntctfrm_width_custom .cntctfrm_column {
max-width: 49%;
}
.cntctfrm_one_column.cntctfrm_width_custom .cntctfrm_column {
max-width: 100%;
}
.cntctfrm_column {
position: relative;
min-height: 1px;
width: 100%;
padding: 0;
margin: 0;
clear: none !important;
}
.cntctfrm_ltr .cntctfrm_column {
float: left;
width: 49%;
}
.cntctfrm_rtl .cntctfrm_column {
float: right;
width: 49%;
}
.cntctfrm_one_column .cntctfrm_column {
width: 100%;
}
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_default #cntctfrm_first_column,
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_default #cntctfrm_submit_first_column {
margin: 0 10px 0 0;
}
.cntctfrm_two_columns.cntctfrm_rtl.cntctfrm_width_default #cntctfrm_first_column,
.cntctfrm_two_columns.cntctfrm_rtl.cntctfrm_width_default #cntctfrm_submit_first_column {
margin: 0 0 0 10px;
}
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_first_column,
.cntctfrm_ltr.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_submit_first_column {
margin: 0 2% 0 0;
}
.cntctfrm_rtl.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_first_column,
.cntctfrm_rtl.cntctfrm_two_columns.cntctfrm_width_custom #cntctfrm_submit_first_column {
margin: 0 0 0 10px;
}
.cntctfrm_field_wrap {
margin: 0 0 5px;
}
.cntctfrm_contact_form label,
.cntctfrm_contact_form .cntctfrm_contact_submit {
display: inline;
}
.cntctfrm_contact_form .cptch_input {
max-width: 100% !important;
}
.cntctfrm_field_esign_wrap {
position: relative;
}
div[id^='cntctfrm_esign_signature'] canvas {
background-color: #f0f0f0;
}
.cntctfrm_esign_reset {
cursor: pointer;
position: absolute;
top: -30px;
left: 300px;
width: 25px;
height: 25px;
font-size: 25px;
}
.cntctfrm-popup-overflow {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba( 0, 0, 0, 0.4 );
display: flex;
justify-content: center;
align-items: center; 
}
.cntctfrm-popup-wrapper {
background-color: white;
padding: 20px;
position: relative;
border-radius: 15px;
}
.cntctfrm-popup-close {
width: 36px;
height: 36px;
cursor: pointer;
position: absolute;
top: -18px;
right: -36px;
color: white;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}:root { --wgm-primary: #32c896;
--wgm-primary-dark: #238b68;
--wgm-secondary: #4285f4;
--wgm-bg-light: #f8f9fa;
--wgm-bg-dark: #2b323c;
--wgm-border-color: #e0e0e0;
--wgm-border-light: #f1f1f1;
--wgm-text-primary: #333333;
--wgm-text-secondary: #516378;
--wgm-text-muted: #777777;
--wgm-white: #ffffff;
--wgm-error: #dc3545; --wgm-space-xs: 4px;
--wgm-space-sm: 8px;
--wgm-space-md: 16px;
--wgm-space-lg: 24px;
--wgm-space-xl: 32px; --wgm-radius-sm: 4px;
--wgm-radius-md: 8px;
--wgm-radius-lg: 12px;
--wgm-radius-round: 50%; --wgm-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI",
Arial, sans-serif;
--wgm-font-size-xs: 11px;
--wgm-font-size-sm: 13px;
--wgm-font-size-md: 14px;
--wgm-font-size-lg: 18px;
--wgm-font-weight-bold: 700; --wgm-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.1);
--wgm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15); --wgm-transition-fast: 0.2s ease;
} .wgm-flex {
display: flex;
}
.wgm-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.wgm-flex-wrap {
flex-wrap: wrap;
}
.wgm-items-center {
align-items: center;
}
.wgm-justify-between {
justify-content: space-between;
}
.wgm-d-block {
display: block;
}
.wgm-d-inline-block {
display: inline-block;
}
.wgm-d-none {
display: none;
} .wgm-mt-xs {
margin-top: var(--wgm-space-xs);
}
.wgm-mt-sm {
margin-top: var(--wgm-space-sm);
}
.wgm-mt-md {
margin-top: var(--wgm-space-md);
}
.wgm-mb-xs {
margin-bottom: var(--wgm-space-xs);
}
.wgm-mb-sm {
margin-bottom: var(--wgm-space-sm);
}
.wgm-mb-md {
margin-bottom: var(--wgm-space-md);
} .wgm-p-xs {
padding: var(--wgm-space-xs);
}
.wgm-p-sm {
padding: var(--wgm-space-sm);
}
.wgm-p-md {
padding: var(--wgm-space-md);
} .wgm-text-muted {
color: var(--wgm-text-muted);
}
.wgm-text-primary {
color: var(--wgm-text-primary);
}
.wgm-font-bold {
font-weight: var(--wgm-font-weight-bold);
}
.wgm-text-sm {
font-size: var(--wgm-font-size-sm);
} .wgm-hidden {
display: none !important;
}.wgm-map-listing-container input,
.wgm-map-listing-container select,
.wgm-map-listing-container button {
all: revert; box-sizing: border-box;
font-family: var(--wgm-font-family);
}
.wgm-map-listing-container img {
max-width: 100% !important;
height: auto !important;
box-shadow: none !important; }
.wgm-admin-error {
color: darkred;
}
.wgm-search-control-container {
width: 100% !important;
display: flex !important;
flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
pointer-events: none !important; z-index: 1000 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.wpgmap_not_found_message {
background: #ffffff !important;
color: #d93025 !important;
border: 1px solid #d93025 !important;
border-radius: 4px !important;
padding: 5px 8px !important;
margin-top: 0px !important; font-size: 13px !important;
font-family: var(--wgm-font-family) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
pointer-events: auto !important;
display: none; align-items: center !important;
max-width: 90% !important;
z-index: 1001 !important;
}
.wpgmap_not_found_message.wgm-show {
display: inline-flex !important;
}
.wgm-not-found-text {
margin-right: 5px;
}
.wpgmap_search_map_control_wrapper {
background: var(--wgm-bg-light) !important;
border-radius: var(--wgm-radius-md) !important;
box-shadow: var(--wgm-shadow-sm) !important;
padding: 0 !important;
font-family: var(--wgm-font-family) !important;
z-index: 999999 !important;
margin: 10px 0px 5px 0px !important;
border: 1px solid var(--wgm-border-color) !important;
display: inline-flex !important;
align-items: center !important;
max-width: calc(100% - 40px) !important;
width: auto !important;
justify-content: center !important;
pointer-events: auto !important; } .gm-style .wgm-search-control-container {
margin: 0 auto !important;
max-width: calc(100% - 140px) !important;
}
.wpgmap_search_box {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.wpgmap_search_input,
.wpgmap_search_select {
border: none !important;
border-radius: 0;
padding: 0 12px;
font-size: var(--wgm-font-size-sm);
outline: none !important;
box-shadow: none !important;
background: transparent !important;
color: var(--wgm-text-primary) !important;
height: 100% !important;
}
.wpgmap_search_input:focus,
.wpgmap_search_input:hover,
.wpgmap_search_select:focus,
.wpgmap_search_select:hover {
box-shadow: none !important;
outline: none !important;
border: none !important;
}
.wpgmap_filter_btn:focus,
.wpgmap_filter_btn:hover,
.wpgmap_search_btn:focus,
.wpgmap_search_btn:hover,
.wpgmap_search_clear:focus,
.wpgmap_search_clear:hover {
box-shadow: none !important;
outline: none !important;
background-color: transparent !important;
color: var(--wgm-text-muted) !important;
}
.wpgmap_search_input {
flex: 1 1 50px !important;
min-width: 40px !important;
width: 100% !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;  } .wpgmap_search_box > * + * {
border-left: 1px solid var(--wgm-border-color) !important;
} .wpgmap_search_spinner {
border-left: none !important;
}
.wpgmap_search_select {
width: auto;
min-width: 60px;
max-width: 70px !important;
flex: 0 1 auto;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 32px;
}
.wpgmap_search_input::placeholder {
color: var(--wgm-text-muted);
}
.wpgmap_search_btn {
background-color: transparent;
color: var(--wgm-text-muted);
border: none !important;
border-radius: 0;
padding: 0;
min-width: 30px;
width: auto;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color var(--wgm-transition-fast);
font-size: var(--wgm-font-size-lg);
box-shadow: none !important;
}
.wpgmap_search_btn:hover {
background-color: transparent;
color: var(--wgm-text-muted); } .wpgmap_search_btn svg {
vertical-align: middle;
display: block;
}
.wpgmap_search_clear {
background-color: transparent;
color: var(--wgm-text-muted);
border: none !important;
border-radius: 0;
padding: 0;
min-width: 30px;
width: auto;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color var(--wgm-transition-fast);
font-size: var(--wgm-font-size-lg);
box-shadow: none !important;
}
.wpgmap_search_clear:hover {
background-color: transparent;
color: var(--wgm-text-muted); }
.wpgmap_search_spinner {
position: absolute;
right: 50px;
top: 14px;
width: 16px;
height: 16px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 1s linear infinite;
pointer-events: none;
}
@media (max-width: 768px) and (min-width: 601px) {
.wpgmap_search_map_control_wrapper {
margin-top: 8px;
max-width: 90%;
}
.wpgmap_search_input {
min-width: 120px;
padding: 0 12px;
font-size: 13px;
}
.wpgmap_search_select {
min-width: 80px;
font-size: 13px;
}
.wpgmap_search_box {
height: 34px;
}
}
@media (max-width: 600px) {
.wpgmap_search_map_control_wrapper {
border: none;
background: transparent;
box-shadow: none;
padding: 8px;
width: calc(100% - 20px);
max-width: 400px;
display: block;
margin-left: 10px;
margin-right: 10px;
}
.wpgmap_search_box {
flex-direction: column;
height: auto;
gap: 8px;
} .wpgmap_search_box > * + * {
border-left: none !important;
}
.wpgmap_search_input,
.wpgmap_search_select {
border: 1px solid #ddd !important;
border-radius: 6px;
width: 100% !important;
min-width: auto !important;
height: 44px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
background: #fff !important;
padding: 0 12px;
}
.wpgmap_search_select {
background-position: right 12px center;
}
.wpgmap_search_btn,
.wpgmap_search_clear {
background-color: var(--wgm-secondary);
color: #fff;
min-width: 44px !important; height: 44px !important;
justify-content: center;
border-radius: 6px !important;
}
.wpgmap_search_clear {
background-color: #f1f1f1;
color: #666;
}
.wpgmap_search_btn:hover {
background-color: var(--wgm-primary-dark);
color: #fff;
}
.wpgmap_search_spinner {
top: 10px;
right: 10px;
}
}
@media (max-width: 400px) {
.wpgmap_search_map_control_wrapper {
padding: 6px;
margin-top: 6px;
}
.wpgmap_search_input,
.wpgmap_search_select,
.wpgmap_search_btn,
.wpgmap_search_clear {
height: 48px; font-size: 14px;
}
} .wgm-filter-wrapper-front {
margin-right: -1px; position: relative;
height: 100%;
display: flex;
align-items: center;
}
.wpgmap_filter_btn {
border-left: 1px solid var(--wgm-border-color) !important;
height: 100% !important; width: 100%;
}
.wgm-filter-panel-front {
position: absolute;
top: 100%;
right: 0; min-width: 250px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
z-index: 1000;
margin-top: 5px;
padding: 0 10px 10px 10px; max-height: 300px;
overflow-y: auto;
text-align: left;
}
.wgm-filter-panel-front.hidden {
display: none;
}
.wgm-filter-header {
height: 0; }
.wgm-filter-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #777;
line-height: 1;
background: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
z-index: 10;
}
.wgm-filter-panel-front ul {
list-style: none;
padding: 0;
margin: 0;
} .wgm-filter-panel-front > ul {
padding-top: 24px;
}
.wgm-filter-sublist {
margin-left: 20px !important;
border-left: 1px solid #eee;
padding-left: 5px !important;
padding-top: 5px !important;
}
.wgm-filter-item {
margin-bottom: 5px;
}
.wgm-filter-item label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 13px;
color: #333;
padding: 2px 0;
}
.wgm-filter-item input[type="checkbox"] {
margin-right: 8px;
margin-top: 0;
vertical-align: middle;
}
.wgm-no-cats {
font-size: 13px;
color: #777;
margin: 0;
padding: 5px;
}
.wgm-filter-close:hover {
color: #333 !important;
background: #f5f5f5;
border-radius: 50%;
} @media (max-width: 600px) {
.wgm-filter-wrapper-front {
width: 100%;
margin-right: 0;
margin-bottom: 8px;
}
.wpgmap_filter_btn {
width: 100% !important;
border-left: none !important;
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
justify-content: space-between;
padding: 0 12px;
}
.wpgmap_filter_btn:after {
content: "Filter Categories";
font-size: 13px;
color: #555;
}
.wgm-filter-panel-front {
width: 100%;
right: auto;
left: 0;
}
} .wgm-legacy-direction-box {
background: #ffffff !important;
border: 1px solid #dadce0 !important;
border-radius: 12px !important;
padding: 24px !important;
margin: 20px 0 !important;
box-shadow: 0 2px 8px rgba(60, 64, 67, 0.1) !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wgm-legacy-direction-header {
margin-bottom: 20px !important;
}
.wgm-legacy-direction-title {
font-size: 18px !important;
font-weight: 600 !important;
color: #202124 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
} .wgm-legacy-travel-switcher {
display: flex !important;
background: #f1f3f4 !important;
border-radius: 8px !important;
padding: 4px !important;
gap: 0 !important;
margin-bottom: 20px !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.wgm-legacy-travel-btn {
flex: 1 !important;
background: transparent !important;
border: none !important;
padding: 8px !important;
cursor: pointer !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 40px !important;
margin: 0 2px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
}
.wgm-legacy-travel-btn svg {
width: 22px !important;
height: 22px !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-legacy-travel-btn:hover {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #3c4043 !important;
}
.wgm-legacy-travel-btn.active {
background: #ffffff !important;
color: #1a73e8 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
font-weight: bold !important;
} .wgm-legacy-input-group {
margin-bottom: 16px !important;
}
.wgm-legacy-label {
display: block !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #5f6368 !important;
margin-bottom: 6px !important;
line-height: 1.4 !important;
}
.wgm-legacy-field-wrap {
position: relative !important;
display: flex !important;
align-items: stretch !important;
background: #fff !important;
border: 1px solid #dadce0 !important;
border-radius: 8px !important;
transition: border-color 0.2s !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wgm-legacy-field-wrap:focus-within {
border-color: #1a73e8 !important;
box-shadow: 0 0 0 1px #1a73e8 !important;
}
.wgm-legacy-input {
flex: 1 !important;
min-width: 0 !important;
padding: 12px 14px !important;
border: none !important;
border-radius: 0 !important;
font-size: 14px !important;
outline: none !important;
background: transparent !important;
color: #3c4043 !important;
height: 44px !important;
line-height: normal !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-family: inherit !important;
margin: 0 !important;
}
.wgm-legacy-input::placeholder {
color: #9aa0a6 !important;
opacity: 1 !important;
}
.wgm-legacy-loc-btn {
position: static !important;
background: transparent !important;
border: none !important;
border-left: 1px solid #f1f3f4 !important;
padding: 0 14px !important;
margin: 0 !important;
cursor: pointer !important;
color: #70757a !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s !important;
height: auto !important;
width: auto !important;
min-width: 48px !important;
box-sizing: border-box !important;
outline: none !important;
flex-shrink: 0 !important;
}
.wgm-legacy-loc-btn:hover {
background: #f8f9fa !important;
color: #202124 !important;
}
.wgm-legacy-loc-btn svg {
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
} .wgm-legacy-submit-btn {
width: 100% !important;
padding: 12px 24px !important;
background: #1a73e8 !important;
color: #ffffff !important;
border: none !important;
border-radius: 24px !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
height: 48px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
outline: none !important;
box-sizing: border-box !important;
margin-top: 8px !important;
font-family: inherit !important;
text-transform: none !important;
}
.wgm-legacy-submit-btn:hover {
background: #1765cc !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
transform: translateY(-1px) !important;
}
.wgm-legacy-submit-btn:active {
transform: translateY(0) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.wgm-legacy-submit-btn svg {
width: 20px !important;
height: 20px !important;
fill: currentColor !important;
display: block !important;
} .wgm-legacy-loading {
display: none !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
color: #5f6368 !important;
font-size: 14px !important;
margin-top: 12px !important;
padding: 8px !important;
}
.wgm-legacy-loading.wgm-show {
display: flex !important;
}
.wgm-legacy-spinner {
width: 20px !important;
height: 20px !important;
animation: wgm-spin 1s linear infinite !important;
}
.wgm-legacy-spinner circle {
stroke-dasharray: 90, 150 !important;
stroke-dashoffset: 0 !important;
stroke-linecap: round !important;
}
@keyframes wgm-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .wgm-legacy-results {
margin-top: 20px !important;
padding: 16px !important;
background: #f8f9fa !important;
border-radius: 8px !important;
max-height: 400px !important;
overflow-y: auto !important;
border: 1px solid #e8eaed !important;
box-sizing: border-box !important;
}
.wgm-legacy-results::-webkit-scrollbar {
width: 8px !important;
}
.wgm-legacy-results::-webkit-scrollbar-track {
background: #f1f3f4 !important;
border-radius: 4px !important;
}
.wgm-legacy-results::-webkit-scrollbar-thumb {
background: #dadce0 !important;
border-radius: 4px !important;
}
.wgm-legacy-results::-webkit-scrollbar-thumb:hover {
background: #bdc1c6 !important;
} .wgm-legacy-results .adp-placemark {
background: #fff !important;
padding: 12px !important;
border-radius: 6px !important;
margin-bottom: 12px !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
}
.wgm-legacy-results .adp-summary {
font-weight: 600 !important;
color: #202124 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
}
.wgm-legacy-results .adp-step {
padding: 8px 0 !important;
border-bottom: 1px solid #f1f3f4 !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.wgm-legacy-results .adp-step:last-child {
border-bottom: none !important;
} @media (max-width: 600px) {
.wgm-legacy-direction-box {
padding: 16px !important;
margin: 16px 0 !important;
}
.wgm-legacy-travel-btn {
height: 44px !important;
}
.wgm-legacy-input {
height: 48px !important;
font-size: 16px !important; }
.wgm-legacy-loc-btn {
min-width: 52px !important;
}
.wgm-legacy-submit-btn {
height: 52px !important;
font-size: 16px !important;
}
} .wp_gmap_direction_box .ui-bar-c,
.wp_gmap_direction_box .fieldcontain,
.wp_gmap_direction_box .wgm_direction_input,
.wp_gmap_direction_box .wgm_direction_select,
.wp_gmap_direction_box .wgm_direction_btn {
display: none !important;
} .wpgmap-marker-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-family: Arial, sans-serif;
}
.wpgmap-marker-table td {
padding: 15px;
border-top: 1px solid var(--wgm-border-light);
vertical-align: top;
}
.wpgmap-marker-table tr:first-child td {
border-top: 0;
}
.wpgmap-marker-table tbody tr:hover {
background: #fcfcfc;
cursor: pointer;
}
.wpgmap-marker-card {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 15px;
}
.wpgmap-card-content {
flex: 1;
min-width: 0;
padding: 8px 0;
}
.wpgmap-card-image {
flex: 0 0 140px;
text-align: right;
display: flex;
flex-direction: column;
}
.wpgmap-row-title {
margin-bottom: 6px;
}
.wpgmap-row-meta {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 6px;
color: var(--wgm-text-muted);
font-size: 13px;
}
.wpgmap-row-desc {
font-size: 13px;
color: var(--wgm-text-primary);
line-height: 1.4;
}
.wpgmap-marker-icon-small {
width: 20px;
height: 20px;
object-fit: contain;
flex-shrink: 0;
}
.wpgmap-marker-image-thumb {
width: 100%;
height: 100% !important;
object-fit: cover;
border-radius: var(--wgm-radius-sm);
border: 1px solid var(--wgm-border-color);
display: block;
min-height: 100px;
}
@media (max-width: 600px) {
.wpgmap-marker-card {
flex-direction: column-reverse;
align-items: flex-start;
}
.wpgmap-card-content {
padding: 0;
width: 100%;
}
.wpgmap-card-image {
flex: 0 0 auto;
width: 100%;
text-align: left;
margin-bottom: 10px;
display: block;
}
.wpgmap-marker-image-thumb {
width: 100%;
height: 180px !important;
}
}
.wpgmap-btn {
background: #1976d2;
color: #fff;
border: 0;
width: 32px;
height: 32px;
padding: 0;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.wpgmap-btn:hover {
background: #1565c0;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(25, 118, 210, 0.2);
}
.wpgmap-btn--ghost {
background: transparent;
color: #1976d2;
border: 1px solid #cfe3fb;
} .wgm-item-card {
padding: 20px !important;
margin-bottom: 20px !important;
border-radius: var(--wgm-radius-lg) !important;
background: var(--wgm-white) !important;
border: 1px solid var(--wgm-border-color) !important;
box-shadow: var(--wgm-shadow-sm) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
list-style: none !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.wgm-item-card:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06) !important;
}
.wgm-item-title {
margin: 0 0 10px 0 !important;
font-size: 17px !important;
font-weight: 700 !important;
color: var(--wgm-text-primary) !important;
line-height: 1.3 !important;
}
.wgm-item-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
margin-bottom: 12px !important;
color: var(--wgm-text-muted) !important;
font-size: 13px !important;
}
.wgm-item-meta-item {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.wgm-item-meta-item svg,
.wgm-item-meta-item img {
flex-shrink: 0 !important;
}
.wgm-item-desc {
font-size: 14px !important;
color: var(--wgm-text-primary) !important;
line-height: 1.6 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
.wgm-item-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 4px !important; }
.wgm-item-action-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
background: var(--wgm-white) !important;
color: var(--wgm-text-muted) !important;
border: 1px solid var(--wgm-border-color) !important;
border-radius: var(--wgm-radius-sm) !important;
cursor: pointer !important;
transition: all var(--wgm-transition-fast) ease !important;
width: 36px !important;
height: 36px !important;
text-decoration: none !important;
flex-shrink: 0 !important;
box-shadow: none !important;
}
.wgm-marker-distance-badge {
background: var(--wgm-bg-light) !important;
color: var(--wgm-secondary) !important;
padding: 4px 10px !important;
border-radius: var(--wgm-radius-md) !important;
font-size: 11px !important;
font-weight: 600 !important;
display: inline-block !important;
} .wgm-carousel-card .wgm-card-body {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
padding: 16px !important;
}
.wgm-location-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 12px !important;
}
.wgm-location-icon-col {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px !important;
}
.wgm-location-pin-main {
width: 18px !important;
height: 18px !important;
color: #333333 !important;
opacity: 0.9 !important;
}
.wgm-location-info-col {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.wgm-item-address {
font-size: 13px !important;
color: #555555 !important;
line-height: 1.2 !important;
font-weight: 500 !important;
}
.wgm-distance-wrapper {
margin-top: 2px !important;
} .wpgmap-carousel-container .swiper-slide {
height: auto !important;
display: flex !important;
}
.wgm-carousel-card {
height: 100% !important;
width: 100% !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.wgm-carousel-card .wgm-item-desc {
margin-bottom: 5px !important;
flex: 1 !important; }
.wpgmap-marker-listing ul {
list-style: none !important;
margin: 0 !important;
padding: 20px !important;
}
.wgm-item-action-btn:hover {
background: #f8f9fa !important;
border-color: #bbb !important;
color: #1a1a1a !important;
}
.wgm-item-action-btn.wgm-action-primary {
background: #1a73e8 !important;
color: #fff !important;
border-color: #1a73e8 !important;
}
.wgm-item-action-btn.wgm-action-primary:hover {
background: #1765cc !important;
box-shadow: 0 4px 10px rgba(26, 115, 232, 0.2) !important;
}
.wgm-item-action-btn svg {
width: 18px !important;
height: 18px !important;
fill: currentColor !important;
}
.wgm-marker-distance-badge {
display: inline-flex !important;
align-items: center !important;
background: #f1f7ff !important;
color: #1a73e8 !important;
font-weight: 600 !important;
font-size: 12px !important;
padding: 4px 12px !important;
border-radius: 20px !important;
border: 1px solid #d1e5ff !important;
} .wpgmap-marker-listing ul {
padding: 0 !important;
margin: 0 !important;
} .wpgmap-adv-table-listing {
background: var(--wgm-white);
border-radius: var(--wgm-radius-lg) !important;
padding: var(--wgm-space-lg);
box-shadow: var(--wgm-shadow-md);
border: 1px solid var(--wgm-border-color);
margin-top: 30px !important;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter {
margin-bottom: 24px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input {
border: 1px solid var(--wgm-border-color);
border-radius: var(--wgm-radius-md);
padding: 8px 12px 8px 36px;
outline: none;
transition: all var(--wgm-transition-fast) ease;
background: var(--wgm-bg-light)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' width='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2370757a' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")
no-repeat 10px center;
font-size: var(--wgm-font-size-md);
width: 240px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input:focus {
border-color: #1a73e8;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
background-color: #fff;
} .wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length {
margin-bottom: 24px;
color: #5f6368;
font-size: 14px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length select {
border: 1px solid var(--wgm-border-color);
border-radius: var(--wgm-radius-md);
padding: 6px 30px 6px 12px;
outline: none;
background: var(--wgm-bg-light)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%235f6368' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E")
no-repeat right 10px center;
appearance: none;
cursor: pointer;
transition: all 0.2s ease;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length select:focus {
border-color: #1a73e8;
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
}
.wpgmap-adv-table-listing table.dataTable {
border-collapse: separate !important;
border-spacing: 0;
border: none !important;
width: 100% !important;
margin: 15px 0 !important;
}
.wpgmap-adv-table-listing table.dataTable thead th {
background: var(--wgm-bg-light);
color: var(--wgm-text-secondary);
font-weight: var(--wgm-font-weight-bold);
text-transform: uppercase;
font-size: var(--wgm-font-size-xs);
letter-spacing: 0.8px;
padding: var(--wgm-space-md);
border-bottom: 2px solid var(--wgm-border-light) !important;
border-top: none !important;
} .wpgmap-adv-table-listing table.dataTable thead .sorting,
.wpgmap-adv-table-listing table.dataTable thead .sorting_asc,
.wpgmap-adv-table-listing table.dataTable thead .sorting_desc {
background-image: none !important;
}
.wpgmap-adv-table-listing table.dataTable tbody td {
padding: var(--wgm-space-md);
border-bottom: 1px solid var(--wgm-border-light);
vertical-align: middle;
color: var(--wgm-text-primary);
font-size: var(--wgm-font-size-md);
}
.wpgmap-adv-table-listing table.dataTable tbody tr {
background-color: transparent !important;
transition: background-color 0.2s, box-shadow 0.2s;
cursor: pointer;
}
.wpgmap-adv-table-listing table.dataTable tbody tr:hover {
background-color: var(--wgm-bg-light) !important;
box-shadow: inset 4px 0 0 var(--wgm-secondary);
}
.wpgmap-adv-table-listing table.dataTable tbody tr.odd {
background-color: transparent !important;
} .wpgmap-adv-table-listing .dataTables_wrapper .dataTables_info {
font-size: 13px;
color: #70757a;
padding-top: 20px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_paginate {
padding-top: 15px;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button {
border-radius: 8px !important;
border: 1px solid transparent !important;
padding: 6px 14px !important;
margin: 0 4px !important;
transition: all 0.2s ease !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button.current {
background: var(--wgm-secondary) !important;
color: var(--wgm-white) !important;
border: 1px solid var(--wgm-secondary) !important;
font-weight: var(--wgm-font-weight-bold);
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button:hover:not(.disabled) {
background: #f1f3f4 !important;
color: #1a73e8 !important;
border: 1px solid #e0e0e0 !important;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled {
opacity: 0.5;
cursor: default;
} .wpgmap-adv-table-listing .wpgmap-marker-image {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 8px;
border: 1px solid #eee;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.wpgmap-adv-table-listing .wpgmap-marker-icon {
width: 32px;
height: 32px;
object-fit: contain;
}
@media (max-width: 768px) {
.wpgmap-adv-table-listing {
padding: 15px;
background: transparent;
box-shadow: none;
border: none;
}
.wpgmap-adv-table-listing table.dataTable thead {
display: none;
}
.wpgmap-adv-table-listing table.dataTable,
.wpgmap-adv-table-listing table.dataTable tbody,
.wpgmap-adv-table-listing table.dataTable tr,
.wpgmap-adv-table-listing table.dataTable td {
display: block !important;
width: 100% !important;
}
.wpgmap-adv-table-listing table.dataTable tr {
background: #fff !important;
border-radius: 12px;
margin-bottom: 20px;
padding: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border: 1px solid #eee;
}
.wpgmap-adv-table-listing table.dataTable td {
border: none !important;
padding: 8px 0 !important;
text-align: left;
position: relative;
}
.wpgmap-adv-table-listing table.dataTable td:before {
content: attr(data-label);
display: block;
font-size: 11px;
text-transform: uppercase;
color: #888;
font-weight: 700;
margin-bottom: 4px;
}
.wpgmap-adv-table-listing .wpgmap-marker-image {
width: 100%;
height: 180px;
border-radius: 8px;
margin-bottom: 10px;
}
.wpgmap-adv-table-listing .wpgmap-marker-icon {
width: 24px;
height: 24px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input {
width: 100%;
margin: 0;
}
} .wpgmap-carousel-container {
margin-top: 40px;
padding-bottom: 50px;
position: relative;
--card-radius: var(--wgm-radius-lg);
--card-shadow: var(--wgm-shadow-sm);
--card-shadow-hover: var(--wgm-shadow-md);
--accent-color: var(--wgm-primary);
--text-dark: var(--wgm-text-primary);
--text-muted: var(--wgm-text-muted);
--bg-card: var(--wgm-white);
}
.wpgmap-carousel-container .swiper {
padding: 10px 10px 60px;
overflow: hidden;
} .wpgmap-carousel-container .swiper-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
width: 100%;
} .wpgmap-carousel-container.wgm-swiper-active .swiper-wrapper {
display: flex !important;
grid-template-columns: none !important;
gap: 0 !important;
}
@media screen and (min-width: 600px) {
.wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
@media screen and (min-width: 900px) {
.wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
} @media screen and (min-width: 768px) {
.wgm-placement-left_map .wpgmap-carousel-container .swiper,
.wgm-placement-right_map .wpgmap-carousel-container .swiper {
overflow: visible;
}
.wgm-placement-left_map .wpgmap-carousel-container .swiper-wrapper,
.wgm-placement-right_map .wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: 1fr;
}
.wgm-placement-left_map .wpgmap-carousel-container,
.wgm-placement-right_map .wpgmap-carousel-container {
margin-top: 0;
padding-bottom: 20px;
}
}
.wgm-carousel-card {
background: var(--bg-card);
border-radius: var(--card-radius);
border: 1px solid var(--wgm-border-color);
box-shadow: var(--card-shadow);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
cursor: pointer;
overflow: hidden;
position: relative;
text-align: left;
}
.wgm-carousel-card:hover {
transform: translateY(-8px);
box-shadow: var(--card-shadow-hover);
border-color: var(--accent-color);
}
.wgm-card-media {
position: relative;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
background: var(--wgm-bg-light);
}
.wgm-card-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.wgm-carousel-card:hover .wgm-card-img {
transform: scale(1.1);
}
.wgm-card-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.wgm-card-badge {
position: absolute !important;
bottom: 12px !important;
right: 12px !important;
background: #ffffff !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 5 !important;
}
.wgm-card-badge img {
width: 18px !important;
height: 18px !important;
object-fit: contain !important;
}
.wgm-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.wgm-card-title {
margin: 0 0 10px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--text-dark) !important;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
font-family: inherit;
}
.wgm-card-address {
display: flex;
align-items: flex-start;
gap: 6px;
color: var(--text-muted);
font-size: 13px;
margin-bottom: 12px;
line-height: 1.4;
}
.wgm-card-address svg {
flex-shrink: 0;
margin-top: 2px;
}
.wgm-card-address span {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wgm-card-excerpt {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
line-height: 1.6;
margin: 0 0 20px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wgm-card-footer {
margin-top: auto;
padding-top: 15px;
border-top: 1px solid var(--wgm-border-light);
}
.wgm-show-on-map-btn {
width: 100%;
padding: 10px 16px;
border-radius: var(--wgm-radius-lg);
background: var(--wgm-bg-light);
border: 1px solid var(--wgm-border-color);
color: var(--text-dark);
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s ease;
cursor: pointer;
}
.wgm-show-on-map-btn:hover {
background: var(--accent-color);
color: #ffffff;
border-color: var(--accent-color);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
.wgm-show-on-map-btn svg {
transition: transform 0.3s ease;
}
.wgm-show-on-map-btn:hover svg {
transform: scale(1.1);
} .wpgmap-carousel-container .swiper-button-next,
.wpgmap-carousel-container .swiper-button-prev {
width: 44px;
height: 44px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
color: var(--text-dark);
transition: all 0.3s ease;
}
.wpgmap-carousel-container .swiper-button-next:after,
.wpgmap-carousel-container .swiper-button-prev:after {
font-size: 18px;
font-weight: 800;
}
.wpgmap-carousel-container .swiper-button-next:hover,
.wpgmap-carousel-container .swiper-button-prev:hover {
background: var(--accent-color);
color: #ffffff;
transform: scale(1.1);
}
.wpgmap-carousel-container .swiper-pagination-bullet {
background: #cbd5e1;
opacity: 1;
width: 8px;
height: 8px;
transition: all 0.3s ease;
}
.wpgmap-carousel-container .swiper-pagination-bullet-active {
background: var(--accent-color);
width: 24px;
border-radius: 4px;
}
.wgm-no-markers {
padding: 60px 20px;
text-align: center;
background: #f8fafc;
border-radius: var(--card-radius);
color: var(--text-muted);
font-size: 16px;
border: 2px dashed #e2e8f0;
width: 100%;
} .wgm-infowindow-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: pointer;
}
.wgm-iw-img-wrap {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 6px;
margin-bottom: 15px;
}
.wgm-infowindow-title {
font-size: var(--wgm-font-size-lg) !important;
font-weight: var(--wgm-font-weight-bold) !important;
color: var(--wgm-text-primary);
margin: 0 0 10px 0 !important;
line-height: 1.3;
padding-right: 35px;
display: block;
font-family: inherit;
}
.wgm-infowindow-wrapper {
width: 300px;
margin: 0;
padding: 15px;
overflow-y: auto;
max-height: 250px; box-sizing: border-box;
}
@media (max-width: 400px) {
.wgm-infowindow-wrapper {
width: 260px;
padding: 10px;
}
}
.wgm-infowindow-wrapper.wgm-no-img .wgm-infowindow-content {
padding-top: 5px;
}
.wgm-infowindow-content {
padding: 0;
}
.wgm-iw-desc {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
line-height: 1.6;
margin-bottom: var(--wgm-space-sm);
} .gm-style .gm-style-iw-c {
padding: 0 !important;
max-height: none !important;
}
.gm-style-iw-chr {
background: transparent !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
} .gm-style-iw-d {
padding-top: 0 !important;
overflow: hidden !important;
} .gm-style-iw-c .gm-ui-hover-effect {
top: 0px !important;
right: 0px !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
background: rgba(255, 255, 255, 0.9) !important;
border-radius: var(--wgm-radius-round) !important;
box-shadow: var(--wgm-shadow-sm) !important;
display: flex !important;
align-items: center;
justify-content: center;
transition: all var(--wgm-transition-fast);
}
.gm-style-iw-c .gm-ui-hover-effect:hover {
background: var(--wgm-white) !important;
box-shadow: var(--wgm-shadow-md) !important;
transform: scale(1.1);
}
.gm-style-iw-c .gm-ui-hover-effect span {
width: 12px !important;
height: 12px !important;
margin: 0 !important;
display: block !important;
} .wgm-lightbox-overlay {
display: none;
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.wgm-lightbox-overlay.show {
display: flex !important;
opacity: 1;
}
.wgm-lightbox-content {
max-width: 90%;
max-height: 85%;
border-radius: 4px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
transform: scale(0.9);
transition: transform 0.3s ease;
}
.wgm-lightbox-overlay.show .wgm-lightbox-content {
transform: scale(1);
}
.wgm-lightbox-close {
position: absolute;
top: 20px;
right: 30px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1000000;
line-height: 1;
transition: color 0.2s ease;
}
.wgm-lightbox-close:hover {
color: #bbb;
}
.wgm-lightbox-trigger {
cursor: pointer;
} .wpgmap-no-results {
color: var(--wgm-text-muted);
padding: var(--wgm-space-md);
text-align: center;
}
.wpgmap-spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-right: 8px;
vertical-align: middle;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wpgmap-title-text {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
}
.wpgmap-marker-loading {
padding: var(--wgm-space-lg);
text-align: center;
color: var(--wgm-text-muted);
}
.wpgmap-marker-image {
max-width: 100% !important;
height: auto !important;
object-fit: cover;
border-radius: 6px;
display: block;
} .wgm-map-listing-container,
.wgm-map-listing-container * {
box-sizing: border-box;
}
.wgm-map-listing-container {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
margin: 20px 0;
}
.wgm-placement-above_map {
flex-direction: column-reverse;
}
.wgm-placement-below_map {
flex-direction: column;
}
.wgm-placement-left_map {
flex-direction: row-reverse;
align-items: flex-start;
}
.wgm-placement-right_map {
flex-direction: row;
align-items: flex-start;
} .wgm-map-listing-container .wgm-map-canvas {
flex: 1;
min-width: 0;
} .wgm-map-listing-container .wpgmap-marker-listing {
margin: 0 !important;
width: 100% !important;
max-width: none !important;
} @media screen and (min-width: 768px) {
.wgm-placement-left_map .wgm-map-area,
.wgm-placement-right_map .wgm-map-area {
flex: 1;
min-width: 0; }
.wgm-placement-left_map .wgm-listing-area,
.wgm-placement-right_map .wgm-listing-area {
flex: 0 0 var(--wgm-listing-width, 300px);
width: var(--wgm-listing-width, 300px);
max-width: 80%; max-height: var(--wgm-map-height);
overflow-y: auto;
} .wgm-placement-left_map .wpgmap-marker-card,
.wgm-placement-right_map .wpgmap-marker-card {
flex-direction: column-reverse;
align-items: stretch;
gap: 12px;
}
.wgm-placement-left_map .wpgmap-card-image,
.wgm-placement-right_map .wpgmap-card-image {
flex: 0 0 auto;
width: 100%;
text-align: left;
}
.wgm-placement-left_map .wpgmap-marker-image-thumb,
.wgm-placement-right_map .wpgmap-marker-image-thumb {
aspect-ratio: 16 / 9;
height: auto !important;
min-height: auto;
}
.wgm-placement-left_map .wpgmap-card-content,
.wgm-placement-right_map .wpgmap-card-content {
padding: 0;
}
.wgm-placement-left_map .wpgmap-title-text,
.wgm-placement-right_map .wpgmap-title-text {
font-size: var(--wgm-font-size-md);
}
.wgm-placement-left_map .wpgmap-row-meta,
.wgm-placement-right_map .wpgmap-row-meta {
font-size: 12px;
margin-bottom: var(--wgm-space-xs);
}
.wgm-placement-left_map .wpgmap-row-desc,
.wgm-placement-right_map .wpgmap-row-desc {
font-size: var(--wgm-font-size-sm);
-webkit-line-clamp: 3;
line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
} .wgm-listing-area::-webkit-scrollbar {
width: 6px;
}
.wgm-listing-area::-webkit-scrollbar-track {
background: var(--wgm-border-light);
border-radius: var(--wgm-radius-lg);
}
.wgm-listing-area::-webkit-scrollbar-thumb {
background: var(--wgm-border-color);
border-radius: var(--wgm-radius-lg);
}
.wgm-listing-area::-webkit-scrollbar-thumb:hover {
background: var(--wgm-text-muted);
} .wgm-map-area .wgm-map-canvas {
width: 100%;
max-width: 100% !important;
} @media screen and (max-width: 991px) {
.wgm-map-listing-container.wgm-placement-left_map,
.wgm-map-listing-container.wgm-placement-right_map {
flex-direction: column !important;
}
.wgm-map-listing-container.wgm-placement-left_map .wgm-listing-area,
.wgm-map-listing-container.wgm-placement-right_map .wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin-top: 15px !important;
} .wgm-map-listing-container.wgm-placement-left_map .wpgmap-marker-card,
.wgm-map-listing-container.wgm-placement-right_map .wpgmap-marker-card {
flex-direction: row !important;
}
} .wgm-map-listing-container.wgm-force-stack {
flex-direction: column !important;
}
.wgm-force-stack .wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.wgm-force-stack .wpgmap-marker-card {
flex-direction: row !important;
} @media screen and (max-width: 600px) {
.wgm-direction-drawer {
width: 100% !important;
left: -100% !important;
border-radius: 0 !important;
}
.wgm-direction-drawer.active {
left: 0 !important;
}
} @media screen and (max-width: 767px) {
.wgm-map-listing-container {
flex-direction: column !important;
gap: 15px;
}
.wgm-placement-above_map {
flex-direction: column-reverse !important;
}
.wgm-map-area,
.wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.wgm-listing-area {
max-height: none !important;
overflow-y: visible !important;
}
} .wgm-placement-above_map .wgm-listing-area,
.wgm-placement-below_map .wgm-listing-area {
width: var(--wgm-listing-width, 100%);
max-width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 0; flex: 0 0 auto; } .wgm-placement-above_map .wpgmap_search_map_control_wrapper {
display: block !important;
width: 100%;
position: relative;
z-index: 10;
margin-bottom: 15px;
}
.wgm-placement-above_map .wpgmap_search_input,
.wgm-placement-below_map .wpgmap_search_input {
max-width: 300px;
} .wgm-placement-above_map .wpgmap-carousel-container,
.wgm-placement-below_map .wpgmap-carousel-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
} .wgm-map-area {
position: relative;
overflow-x: clip; overflow-y: visible;
}
.wgm-direction-drawer {
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--wgm-drawer-width, 300px) * -1); width: var(--wgm-drawer-width, 300px);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
z-index: 1000;
box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1);
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: visible;
display: flex;
flex-direction: column;
border-radius: 0 var(--wgm-radius-lg) var(--wgm-radius-lg) 0;
box-sizing: border-box;
}
.wgm-direction-drawer.active {
left: 0;
}
.wgm-drawer-close {
position: absolute !important;
top: 12px !important;
right: 12px !important;
cursor: pointer !important;
background: #ffffff !important;
border: 1px solid #dadce0 !important;
padding: 0 !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 10 !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
transition: all 0.2s ease !important;
outline: none !important;
box-sizing: border-box !important;
}
.wgm-drawer-close svg {
width: 18px !important;
height: 18px !important;
color: inherit !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-drawer-close:hover {
background: #f8f9fa !important;
color: #202124 !important;
box-shadow: 0 2px 4px rgba(60, 64, 67, 0.3),
0 2px 6px 2px rgba(60, 64, 67, 0.15) !important;
transform: scale(1.05) !important;
border-color: #dadce0 !important;
}
.wgm-drawer-close:active {
transform: scale(0.95) !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3) !important;
}
.wgm-drawer-header {
margin-bottom: 12px;
padding-right: 25px;
}
.wgm-drawer-title {
font-size: var(--wgm-font-size-sm);
font-weight: var(--wgm-font-weight-bold);
margin: 0;
color: var(--wgm-text-primary);
text-transform: uppercase;
letter-spacing: 0.5px;
} .wgm-drawer-toggle-btn {
position: absolute !important;
left: 100% !important;
top: 80px !important;
transform: none !important;
z-index: 1001 !important;
background: var(--wgm-white) !important;
border: 1px solid var(--wgm-border-color) !important;
border-left: 1px solid var(--wgm-white) !important;
border-radius: 0 var(--wgm-radius-md) var(--wgm-radius-md) 0 !important;
width: 40px !important;
height: 48px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1) !important;
box-shadow: var(--wgm-shadow-sm) !important;
color: var(--wgm-text-primary) !important;
transition: all var(--wgm-transition-fast) ease !important;
margin-left: -1px !important;
padding: 0px !important;
}
.wgm-drawer-toggle-btn svg {
width: 20px !important;
height: 20px !important;
opacity: 1 !important;
color: #333 !important;
fill: currentColor !important;
display: block !important;
visibility: visible !important;
}
.wgm-drawer-toggle-btn svg path {
fill: currentColor !important;
}
.wgm-drawer-toggle-btn:hover {
background: #f8f9fa !important;
color: #000 !important;
box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1) !important;
} .wgm-travel-mode-switcher {
display: flex !important;
background: #f1f3f4 !important;
border-radius: 8px !important;
padding: 4px !important;
gap: 0 !important;
margin-bottom: 20px !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.wgm-travel-btn {
flex: 1 !important;
background: transparent !important;
border: none !important;
padding: 6px !important;
cursor: pointer !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
margin: 0 2px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wgm-travel-btn svg {
width: 20px !important;
height: 20px !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-travel-btn:hover {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #3c4043 !important;
box-shadow: none !important;
}
.wgm-travel-btn.active {
background: #ffffff !important;
color: #1a73e8 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
font-weight: bold !important;
} .wgm-dir-input-group {
position: relative !important;
margin-bottom: 15px !important;
}
.wgm-dir-field-wrap {
position: relative !important;
display: flex !important;
align-items: stretch !important;
background: #fff !important;
border: 1px solid #dadce0 !important;
border-radius: 8px !important;
transition: border-color 0.2s !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wgm-dir-field-wrap:focus-within {
border-color: #1a73e8 !important;
box-shadow: 0 0 0 1px #1a73e8 !important;
z-index: 2 !important;
}
.wgm-dir-field-wrap .wgm-dir-input {
flex: 1 !important;
min-width: 0 !important;
width: auto !important;
padding: 10px 12px !important;
border: none !important;
border-radius: 0 !important;
font-size: 14px !important;
outline: none !important;
background: transparent !important;
color: #3c4043 !important;
height: 40px !important;
line-height: normal !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
margin: 0 !important;
}
.wgm-dir-field-wrap .wgm-dir-input::placeholder {
color: #9aa0a6 !important;
opacity: 1 !important;
}
.wgm-current-loc-btn,
.wgm-remove-waypoint-btn {
position: static !important;
background: transparent !important;
border: none !important;
border-left: 1px solid #f1f3f4 !important;
padding: 0 12px !important;
margin: 0 !important;
cursor: pointer !important;
color: #70757a !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s !important;
height: auto !important;
width: auto !important;
min-width: 44px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
flex-shrink: 0 !important;
}
.wgm-current-loc-btn:hover,
.wgm-remove-waypoint-btn:hover {
background: #f8f9fa !important;
color: #202124 !important;
box-shadow: none !important;
}
.wgm-current-loc-btn svg,
.wgm-remove-waypoint-btn svg {
width: 18px !important;
height: 18px !important;
display: block !important;
fill: currentColor !important;
pointer-events: none !important;
} .wgm-get-direction-btn,
.wgm-show-on-map-btn {
background: #fff;
color: #3c4043;
border: 1px solid #dadce0;
padding: 8px 16px;
border-radius: 18px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: all 0.2s;
}
.wgm-get-direction-btn:hover,
.wgm-show-on-map-btn:hover {
background: #f1f3f4;
border-color: #dadce0;
color: #202124;
}
.wgm-get-direction-btn.active {
background: #e8f0fe;
color: #1a73e8;
border-color: #e8f0fe;
}
.wgm-action-icon {
width: 16px;
height: 16px;
fill: currentColor;
} .wgm-dir-results-panel {
display: none;
margin-top: 10px;
border-top: 1px solid #f1f3f4;
padding-top: 10px;
overflow-y: auto;
max-height: calc(100vh - 350px);
}
.wgm-dir-results-panel.active {
display: block;
} .wgm-direction-drawer {
overflow: visible;
}
.wgm-drawer-content {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
padding-top: 50px; } .adp-placard {
border: none !important;
background: #fff !important;
padding: 10px !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
border-radius: 8px !important;
margin-bottom: 15px !important;
}
.adp-summary {
padding: 5px 0 !important;
font-weight: 500 !important;
color: #202124 !important;
font-size: 14px !important;
}
.adp-directions {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0;
margin-top: 10px;
}
.adp-step {
padding: 10px 0 !important;
border-bottom: 1px solid #f1f3f4 !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.adp-substep {
padding-left: 20px !important;
border-left: 2px solid #e8eaed !important;
} @media screen and (max-width: 600px) {
.wgm-direction-drawer {
width: 100% !important;
}
.wgm-travel-btn {
height: 44px; }
.wgm-dir-field-wrap .wgm-dir-input {
height: 44px;
font-size: 16px; }
.wgm-current-loc-btn,
.wgm-remove-waypoint-btn {
min-width: 48px;
}
}
@media screen and (max-width: 480px) {
.wgm-direction-drawer {
width: 100%;
}
} .wgm-dir-options_wrap {
margin-top: 15px;
}
.wgm-action-bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.wgm-dir-adv-toggle {
color: #1a73e8;
font-size: 13px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 500;
user-select: none;
}
.wgm-dir-adv-toggle:hover {
text-decoration: underline;
}
.wgm-dir-adv-options {
display: none;
background: #f8f9fa;
padding: 12px;
border-radius: 8px;
margin-bottom: 15px;
border: 1px solid #f1f3f4;
}
.wgm-dir-adv-options.active {
display: block;
}
.wgm-adv-opt-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
font-size: 13px;
color: #5f6368;
cursor: pointer;
}
.wgm-adv-opt-item:last-child {
margin-bottom: 0;
}
.wgm-adv-opt-item input {
margin: 0;
accent-color: #1a73e8;
width: 16px;
height: 16px;
}
.wgm-direction-drawer .wgm-dir-go-btn {
width: auto;
min-width: 80px;
padding: 0 20px;
background: #1a73e8 !important;
color: #ffffff !important;
border: none !important;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, box-shadow 0.2s;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
line-height: normal;
text-transform: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wgm-direction-drawer .wgm-dir-go-btn:hover {
background: #1765cc !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.wgm-direction-drawer .wgm-dir-go-btn svg {
width: 18px;
height: 18px;
display: block;
margin: 0;
fill: currentColor;
}
.wgm-direction-drawer .wgm-dir-go-btn span {
display: inline-block;
}
.wgm-add-waypoint-trigger {
color: #1a73e8;
font-size: 13px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
margin-bottom: 15px;
font-weight: 500;
text-decoration: none;
padding: 4px 8px; margin-left: -8px; border-radius: 4px;
}
.wgm-add-waypoint-trigger svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.wgm-add-waypoint-trigger:hover {
background: #f1f3f4;
text-decoration: none;
} .wgm-category-badge {
display: inline-block;
padding: 2px 8px;
background-color: var(--wgm-bg-light);
color: var(--wgm-text-color-secondary);
border: 1px solid var(--wgm-border-color);
border-radius: 12px;
font-size: 11px;
font-weight: 500; vertical-align: middle;
}
.wgm-item-meta .wgm-category-badge { } .wgm-carousel-cat {
margin-top: 5px;
} .wgm-table-cat-wrap {
margin-top: 4px;
} .wgm-table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
margin-bottom: 15px;
}body.modal-box {
overflow: hidden;
position: fixed;
}
.modal-box {
display: none;
position: fixed;
z-index: 999999;
width: 98%;
max-width: 650px;
left: 50%;
right: 50%;
top: 80px;
margin-left: -250px;
background: white;
border-bottom: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.modal-box header, .modal-box .modal-header {
padding: 1.25em 1.5em;
border-bottom: 1px solid #ddd;
}
.modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 {
margin: 0;
}
.modal-box .modal-body {
padding: 1em 1.5em;
}
.modal-box footer, .modal-box .modal-footer {
padding: 1em;
border-top: 1px solid #ddd;
background: rgba(0, 0, 0, 0.02);
text-align: right;
}
.modal-overlay {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
z-index: 900;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3) !important;
}
a.close {
line-height: 1;
font-size: 1.5em;
position: absolute;
top: 2%;
right: 2%;
text-decoration: none;
color: #bbb;
border: none !important;
}
a.close:hover {
color: #222;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
.button-link-ilist {
padding: 4px 15px;
background: #EEE;
color: #000 !important;
border: 1px solid #ccc !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-bottom: 0;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
@font-face {
font-family: "Open Sans Light";
font-style: normal;
font-weight: 300;
src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff')
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}
.clear {
clear: both
}
.icon-link-ext:before {
content: '\f08e';
} h1.entry-titile {
text-align: center;
font-size: 21px;
line-height: 1.2;
padding: 8px;
margin: 0;
color: #fff;
background: #0072c6;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
clear: both;
}
.iframe-main {
}
.ifram-row {
width: 100%;
clear: both;
margin: 0px -5px;
}
.guideline {
font-size: 12px;
}
.ifram-row .btn {
display: block;
height: 35px;
font-size: 12px !important;
width: 100%;
line-height: 25px;
padding: 5px;
box-sizing: border-box;
text-align: center;
background-color: #EEE;
cursor: pointer;
color: #333;
border-radius: 4px;
box-shadow: none;
border: 1px solid #EEE;
}
.ifram-sm, .ifram-lg {
padding: 0px 5px;
box-sizing: border-box;
display: inline-block;
float: left;
}
.ifram-lg {
width: 100%;
}
.ifram-sm {
width: 25%;
}
.ifram-sm span, .qcld-span-label {
font-size: 12px !important;
}
.igcode_textarea {
font-size: 12px;
box-sizing: border-box;
max-width: 100%;
}
body.modalOn {
overflow: hidden;
}
.ifram-sm > input, .ifram-sm > select {
height: 35px;
font-size:14px;
line-height: 35px;
border: 1px solid #EEE;
padding: 5px;
width: 100%;
box-sizing: border-box;
} a.ilist-fancybox{
cursor: pointer;
}
.ilist-capture-wrap{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
}
.ilist-capture-wrap .ilist-download-btn{
padding: 5px 15px;
margin: 8px;
line-height: 18px;
border: 1px solid #e04747; background: #e04747;
color: white;
font-weight: 400;
cursor: pointer;
text-transform: uppercase;
border-radius: 3px;
}
.ilist-capture-wrap .ilist-download-btn:hover{
border: 1px solid indianred;
background: indianred;
}.entry-content a, .comment-content a, .widget_text a, strong a, blockquote a, code a, p a{
color: #00a3c8;
text-decoration: underline;
}
.entry-content .more-link {
text-decoration: none;
}
.header {
min-height: 88px;
}
.header-widget .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header-widget .row>div {
flex: auto;
}
section.footer-copyright p a {
color: #00a3c8;
text-decoration: underline;
text-underline-offset: 1px;
}
section.footer-copyright p a:hover,
section.footer-copyright p a:focus {
text-decoration-style: dotted;
}
.sidebar .widget input[type="submit"]:hover,
.sidebar .widget input[type="submit"]:focus,
.sidebar .wp-block-search .wp-block-search__button:hover,
.sidebar .wp-block-search .wp-block-search__button:focus {
background: #00a3c8;
border-color: #00a3c8;
}
.wp-block-search .wp-block-search__input {
border-radius: 100px;
}
.wp-block-search .wp-block-search__button {
flex-shrink: 0;
border-radius: 100px;
padding: .6em 1.4em;
}
.sidebar .tagcloud a:hover, .tagcloud a:focus {
color: #ffffff !important;
}
.widget .wp-calendar-nav {
padding: 10px 9px;
}
html {
overflow-x: hidden;
scroll-behavior: smooth;
}
body{
font-size: 15px;
position: inherit;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.2px;
font-weight: 400;
color: #222222;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body img {
display: block;
max-width: 100%;
height: auto;
}
*, *:after, *:before {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: inherit;
background: none;
}
.site {
background: #ffffff;
} @media (min-width: 992px) {
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.pl-md-0 {
padding-left: 0;
}
.pr-md-0 {
padding-right: 0;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
} .padding-0{
padding: 0 !important;
}
.padding-top-5{
padding-top: 5px;
}
.padding-top-10{
padding-top: 10px;
}
.padding-top-15{
padding-top: 15px;
}
.padding-top-20{
padding-top: 20px;
}
.padding-top-25{
padding-top: 25px;
}
.padding-top-30{
padding-top: 30px;
}
.padding-top-35{
padding-top: 35px;
}
.padding-top-40{
padding-top: 40px;
}
.padding-top-45{
padding-top: 55px;
}
.padding-top-50{
padding-top: 50px;
}
.padding-top-55{
padding-top: 55px;
}
.padding-top-60{
padding-top: 60px;
}
.padding-top-65{
padding-top: 65px;
}
.padding-top-70{
padding-top: 70px;
}
.padding-top-75{
padding-top: 75px;
}
.padding-top-80{
padding-top: 80px;
}
.padding-top-85{
padding-top: 85px;
}
.padding-top-90{
padding-top: 90px;
}
.padding-top-95{
padding-top: 95px;
}
.padding-top-100{
padding-top: 100px;
}
.padding-bottom-5{
padding-bottom: 5px;
}
.padding-bottom-10{
padding-bottom: 10px;
}
.padding-bottom-15{
padding-bottom: 15px;
}
.padding-bottom-20{
padding-bottom: 20px;
}
.padding-bottom-25{
padding-bottom: 25px;
}
.padding-bottom-30{
padding-bottom: 30px;
}
.padding-bottom-35{
padding-bottom: 35px;
}
.padding-bottom-40{
padding-bottom: 40px;
}
.padding-bottom-45{
padding-bottom: 45px;
}
.padding-bottom-50{
padding-bottom: 50px;
}
.padding-bottom-55{
padding-bottom: 55px;
}
.padding-bottom-60{
padding-bottom: 60px;
}
.padding-bottom-65{
padding-bottom: 65px;
}
.padding-bottom-70{
padding-bottom: 70px;
}
.padding-bottom-75{
padding-bottom: 75px;
}
.padding-bottom-80{
padding-bottom: 80px;
}
.padding-bottom-85{
padding-bottom: 85px;
}
.padding-bottom-90{
padding-bottom: 90px;
}
.padding-bottom-95{
padding-bottom: 95px;
}
.padding-bottom-100{
padding-bottom: 100px;
} .margin-0{
padding: 0;
}
.margin-top-0{
margin-top: 0;
}
.margin-top-5{
margin-top: 5px;
}
.margin-top-10{
margin-top: 10px;
}
.margin-top-15{
margin-top: 15px;
}
.margin-top-20{
margin-top: 20px;
}
.margin-top-25{
margin-top: 25px;
}
.margin-top-30{
margin-top: 30px;
}
.margin-top-35{
margin-top: 35px;
}
.margin-top-40{
margin-top: 40px;
}
.margin-top-45{
margin-top: 45px;
}
.margin-top-50{
padding-top: 50px;
}
.margin-top-55{
margin-top: 55px;
}
.margin-top-60{
margin-top: 60px;
}
.margin-top-65{
margin-top: 65px;
}
.margin-top-70{
margin-top: 70px;
}
.margin-top-75{
margin-top: 75px;
}
.margin-top-80{
margin-top: 80px;
}
.margin-top-85{
margin-top: 85px;
}
.margin-top-90{
margin-top: 90px;
}
.margin-top-95{
margin-top: 95px;
}
.margin-top-100{
margin-top: 100px;
}
.margin-bottom-5{
margin-bottom: 5px;
}
.margin-bottom-10{
margin-bottom: 10px;
}
.margin-bottom-15{
margin-bottom: 15px;
}
.margin-bottom-20{
margin-bottom: 20px;
}
.margin-bottom-25{
margin-bottom: 25px;
}
.margin-bottom-30{
margin-bottom: 30px;
}
.margin-bottom-35{
margin-bottom: 35px;
}
.margin-bottom-40{
margin-bottom: 40px;
}
.margin-bottom-45{
margin-bottom: 45px;
}
.margin-bottom-50{
margin-bottom: 50px;
}
.margin-bottom-55{
margin-bottom: 55px;
}
.margin-bottom-60{
margin-bottom: 60px;
}
.margin-bottom-65{
margin-bottom: 65px;
}
.margin-bottom-70{
margin-bottom: 70px;
}
.margin-bottom-75{
margin-bottom: 75px;
}
.margin-bottom-80{
margin-bottom: 80px;
}
.margin-bottom-85{
margin-bottom: 85px;
}
.margin-bottom-90{
margin-bottom: 90px;
}
.margin-bottom-95{
margin-bottom: 95px;
}
.margin-bottom-100{
margin-bottom: 100px;
} .btn-default{
font-family: 'Open Sans', sans-serif;
padding: 12px 24px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.btn-light{
background: transparent;
color: #ffffff;
border: solid 2px #ffffff;
}
.btn-light:hover{
background: #ffffff;
color: #747474;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.btn-dark{
background: transparent;
color: #ffffff;
border: solid 2px #ffffff;
}
.btn-dark:hover{
background: #1c314c;
color: #ffffff;
border-color: #1c314c;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
} .bt-primary {
--duration: .5s;
--move-hover: -4px;
--shadow: 0 2px 8px -1px rgb(29 29 29 / 28%);
--shadow-hover: 0 4px 20px -2px rgba(29, 29, 29, 0.5);
padding: 16px 30px;
border-radius: 100px;
cursor: pointer;
text-transform: initial;
text-decoration: none;
box-shadow: var(--shadow);
transform: translateY(var(--y));
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.bt-primary.bt-effect-1 span {
display: inline-block;
}
.bt-primary.bt-effect-1:hover>span,
.bt-primary.bt-effect-1:focus>span {
animation: button .15s cubic-bezier(0.05,-1.11,1,1.82) 2;
}
@keyframes button{from{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}
.bt-primary div {
display: flex;
}
.bt-primary div span {
display: block;
white-space: pre-wrap;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
}
.bt-primary div span:nth-child(1) {
--d: 0.05s;
}
.bt-primary div span:nth-child(2) {
--d: 0.1s;
}
.bt-primary div span:nth-child(3) {
--d: 0.15s;
}
.bt-primary div span:nth-child(4) {
--d: 0.2s;
}
.bt-primary div span:nth-child(5) {
--d: 0.25s;
}
.bt-primary div span:nth-child(6) {
--d: 0.3s;
}
.bt-primary div span:nth-child(7) {
--d: 0.35s;
}
.bt-primary div span:nth-child(8) {
--d: 0.4s;
}
.bt-primary div span:nth-child(9) {
--d: 0.45s;
}
.bt-primary div span:nth-child(10) {
--d: 0.5s;
}
.bt-primary div span:nth-child(11) {
--d: 0.55s;
}
.bt-primary:hover,
.bt-primary:focus {
--y: var(--move-hover);
--shadow: var(--shadow-hover);
--move: -4px;
--shadow-active: 0 3px 1px rgba(0, 0, 0, .2);
}
.bt-primary.bt-effect-2:hover span,
.bt-primary.bt-effect-2:focus span {
-webkit-animation: move var(--duration) linear var(--d);
animation: move var(--duration) linear var(--d);
}
.bt-primary.bt-effect-3 {
--move: 12px;
--move-y: -8px;
--blur: 4px;
}
.bt-primary.bt-effect-3:hover span,
.bt-primary.bt-effect-3:focus span {
--duration: 1s;
-webkit-animation: smoke var(--duration) linear var(--d);
animation: smoke var(--duration) linear var(--d);
}
.bt-primary.bt-effect-4 {
--move: 16px;
--skew: 25deg;
--skew-fast: 40deg;
--skew-bounce: -12px;
}
.bt-primary.bt-effect-4:hover span,
.bt-primary.bt-effect-4:focus span {
--duration: 1s;
transform-origin: 50% 100%;
-webkit-animation: drive var(--duration) linear var(--d);
animation: drive var(--duration) linear var(--d);
}
@keyframes move {
40% {
transform: translateY(var(--move));
text-shadow: var(--shadow-active);
}
}
@keyframes smoke {
45%,
55% {
filter: blur(var(--blur));
}
50%,
50.1% {
opacity: 0;
}
25%,
75% {
transform: translateX(0);
}
50% {
transform: translateX(var(--move)) translateY(var(--move-y));
}
50.1% {
transform: translateX(calc(var(--move) * -1));
}
}
@keyframes drive {
40% {
opacity: 1;
}
55% {
transform: skewX(var(--skew)) translateX(var(--move));
}
56% {
transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));
}
55%,
56% {
opacity: 0;
}
75% {
transform: skewX(var(--skew));
}
85% {
transform: skewX(var(--skew-bounce));
}
}  #slider-section {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
background-color: #333;
z-index: 0;
}
.main-slider,
.main-slider .owl-item img {
width: 100%;
height: 100%;
} .specia-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
background: rgba(0, 0, 0, 0.35);
}
.specia-table {
overflow: hidden;
display: table;
width: 100%;
height: 100%;
}
.specia-table-cell {
display: table-cell;
vertical-align: middle;
}
.specia-content {
position: relative;
max-width: 700px;
width: 100%;
margin-top: 0;
}
.specia-slider.text-left .specia-content {
margin-right: auto;
}
.specia-slider.text-center .specia-content {
margin: auto;
margin-top: 0;
}
.specia-slider.text-right .specia-content {
margin-left: auto;
}
.specia-content h6 {
color: #ffffff;
margin-bottom: 15px;
line-height: 1.15;
font-size: 18px;
}
.specia-content h1 {
font-size: 45px;
font-family: 'Raleway', sans-serif;
color: #ffffff;
font-weight: 800;
line-height: 1.15;
margin: 0 0 18px;
}
.specia-content > span {
width: 100%;
display: inline-block;
}
.specia-content p {
font-family: 'Open Sans', sans-serif;
color: #ffffff;
font-weight: normal;
margin: 0 0 30px;
font-size: 16px;
line-height: 1.5;
}
.specia-content a:not(:last-child) {
margin-right: 5px;
}
.slider-btn-play,
.slider-btn-play [class*='video-'] {
display: inline-block;
color: #ffffff;
}
.slider-btn-play .video-play {
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
border-radius: 100%;
position: relative;
}
.slider-btn-play .video-play:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 38px;
height: 38px;
margin: auto;
-webkit-animation: ripple 1.6s ease-out infinite;
animation: ripple 1.6s ease-out infinite;
-webkit-animation-delay: 3s;
animation-delay: 3s;
border-radius: 100%;
background: inherit;
opacity: 0.5;
z-index: -1;
}
@-webkit-keyframes ripple{0%,35%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{opacity:0;transform:scale(2)}}
@keyframes ripple{0%,35%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{opacity:0;transform:scale(2)}}
.slider-btn-play i {
margin-left: 4px;
}
.slider-btn-play .video-text {
margin-left: 5px;
font-weight: 600;
font-size: 15px;
}
.owl-carousel .owl-dots, .owl-carousel .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
line-height: 0;
}
.owl-carousel .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 40px;
margin: -23px 0 0;
display: block;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-align: center;
transition: all .2s ease 0s;
color: #222222;
background-color: #fff;
text-align: center;
z-index: 200;
border-radius: 3px;
border: 1px solid #ececec;
box-sizing: initial;
opacity: 0;
}
.owl-carousel .owl-nav [class*=owl-] i {
line-height: 36px;
color: #222222;
font-size: 20px;
transition: all .2s ease 0s;
}
.owl-carousel .owl-nav .owl-prev i {
margin-left: -2px;
}
.owl-carousel .owl-nav .owl-next i {
margin-right: -2px;
}
.owl-carousel.arrows-transparent .owl-nav [class*=owl-] i {
color: #ffffff;
}
.owl-carousel.arrows-big .owl-nav [class*=owl-] {
width: 55px;
height: 55px;
line-height: 50px;
font-size: 25px;
}
.owl-carousel .owl-nav .owl-prev {
left: 0;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
}
.owl-carousel:hover .owl-next {
left: auto;
right: 25px;
opacity: 1;
}
.owl-carousel:hover .owl-prev {
right: auto;
left: 25px;
opacity: 1;
}
.owl-carousel .owl-dots {
margin-top: 25px;
position: relative;
}
.owl-carousel .owl-dots div {
background-color: transparent;
border: 0;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-carousel .owl-dots .owl-dot span {
position: relative;
display: inline-block;
margin: 0 4px;
width: 20px;
height: 6px;
cursor: pointer;
border-radius: 0;
overflow: hidden;
background-color: #ffffff;
transition: background .3s ease;
}
.main-slider .owl-dots {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 0;
}
.main-slider .owl-dots .owl-dot span {
border-color: #ffffff;
}
@media (max-width: 767px) {
.main-slider .owl-dots {
bottom: 10px;
}
} .slider-section-one .specia-slider:before,
.slider-section-one .specia-slider:after {
content: "";
position: absolute;
width: 50%;
height: 100%;
background: inherit;
z-index: -1;
}
.slider-section-one .specia-slider:before {
top: 0;
left: 0;
}
.slider-section-one .specia-slider:after {
bottom: 0;
right: 0;
}
.slider-section-one .main-slider .owl-item.active .specia-slider::before {
-webkit-animation: 3s .3s fadeInUp both;
animation: 3s .3s fadeInUp both;
}
.slider-section-one .main-slider .owl-item.active .specia-slider::after {
-webkit-animation: 3s .3s fadeInDown both;
animation: 3s .3s fadeInDown both;
}  .widget_social_widget li a:hover i,
.widget_social_widget li a:focus i {
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards;
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
.widget-square.widget_social_widget ul li,
.widget-circle.widget_social_widget ul li {
padding: 4px 5px;
}
.widget-square.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li a {
text-align: center;
margin-left: 5px;
background-color: #fff;
transition: all .3s;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.widget-circle.widget_social_widget ul li a {
border-radius: 50%;
}
.widget-square.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li a {
width: 30px;
height: 30px;
line-height: 30px;
}
.widget-square.widget_social_widget ul li:first-child a,
.widget-circle.widget_social_widget ul li:first-child a {
margin-left: 0;
}
#header-top-right .widget-square.widget_social_widget:first-child,
#header-top-right .widget-circle.widget_social_widget:first-child {
padding: 0 6px;
}
#header-top-left .widget-square.widget_social_widget li a,
#header-top-right .widget-square.widget_social_widget li a,
#header-top-left .widget-circle.widget_social_widget li a,
#header-top-right .widget-circle.widget_social_widget li a,
#header-top-left .widget-square.widget_social_widget:first-child li a,
#header-top-right .widget-square.widget_social_widget:first-child li a,
#header-top-left .widget-circle.widget_social_widget:first-child li a,
#header-top-right .widget-circle.widget_social_widget:first-child li a,
.widget-square.widget_social_widget ul li a,
.widget-square.widget_social_widget ul li:last-child a,
.widget-circle.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li:last-child a {
border: 0;
box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.15);
}
.ny-heading.animate-2 .ny-text-wrapper::after {
height: 20px;
} .header-top-info.header-top-dark {
background-color: #222222;
}
.header-top-info.header-top-dark ul li a, .header-top-info.header-top-dark .widget {
color: #fff;
}
.header-top-info.header-top-dark .widget_social_widget li a {
border-left: 1px solid #424242;
}
.header-top-info.header-top-dark .widget_social_widget li:last-child a {
border-right: 1px solid #424242;
} .header-widget-info .widget-square.widget_social_widget ul li a,
.header-widget-info .widget-circle.widget_social_widget ul li a {
width: 40px;
height: 40px;
line-height: 40px;
}
.header-widget-info .widget_social_widget li a {
font-size: 18px;
}
.header-info {
width: 100%;
height: 100%;
}
.header-item {
position: relative;
}
.header-item.widget-right {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
}
.header-item .menu-right {
font-size: 17px;
}
.header-info .header-item.widget-left {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
margin: auto 0;
}
.header-info .widget_social_widget ul {
display: -ms-inline-flexbox;
display: inline-flex;
}
.header-info .widget_social_widget li {
overflow: visible;
list-style: none;
} .header-widget-info {
border-bottom: 1px solid #e5e5e5;
}
.header-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 100px;
}
.brand-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 0;
}
.header-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-right .header-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-right .header-info .menu-right ul {
padding-left: 0;
}
.header-carousel.owl-carousel {
z-index: 0;
}
.header-right .header-carousel {
width: 700px;
cursor: crosshair;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.header-right .header-carousel .owl-item.active~.owl-item .widget {
border-left: 1px solid #e5e5e5;
padding-left: 15px;
}
.header-center .header-info {
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.owl-stage-outer.owl-height100 {
height: 100% !important;
}
.contact-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
}
.contact-icon {
width: 35px;
height: 35px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 35px;
line-height: 1;
margin-right: 10px;
position: relative;
z-index: 0;
}
@-webkit-keyframes bob {
0% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes bob {
0% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@-webkit-keyframes bob-float {
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes bob-float {
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
.contact-area .contact-icon i,
.contact-area .contact-icon img {
display: inline-block;
vertical-align: super;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.contact-area:hover .contact-icon i,
.contact-area:hover .contact-icon img {
-webkit-animation-name: bob-float, bob;
animation-name: bob-float, bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.contact-info { display: inline-block;
text-align: left;
word-break: break-word;
}
.contact-info span.title {
font-size: 17px;
line-height: 1.15;
margin-bottom: 0px;
}
.contact-info .text {
margin: 0;
word-break: break-word;
} .navigation .search-form {
position: relative;
}
.navigation .search-form:not(.search-default) {
border: 1px solid #e5e5e5;
}
.navigation .search-field {
width: 232px;
border-radius: 0;
background: #fff;
border: 0;
outline: 0;
min-height: 60px;
padding-right: 50px;
padding-left: 20px;
}
.view-search-btn.header-search-popup .search-field {
width: 100%;
}
.navigation .search-submit {
position: absolute;
top: 50%;
right: 0;
background: none;
width: 48px;
height: 48px;
line-height: 50px;
font-size: 18px;
color: #222222;
padding: 0;
border: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.navigation .search-form label {
width: 100%;
margin: 0;
} .service-version-one{
background: #ffffff;
}
.service-version-one .col-md-6:nth-child(2n+1){ clear:left; }
.service-version-one .col-md-4:nth-child(3n+1){ clear:left; }
.service-version-one .col-md-3:nth-child(4n+1){ clear:left; }
.service-description {
position: relative;
}
.service-specia .service-box:hover,
.service-specia .service-box:focus-within {
background-color: #ffffff;
border-color: #ffffff;
box-shadow: 0 0 30px rgb(0 0 0 / 8%);
-webkit-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.service-specia .service-box * {
transition-duration: .4s;
-webkit-transition-duration: .4s;
}
.service-specia .service-box .inner {
width: 100%;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.service-specia .service-box:hover .inner,
.service-specia .service-box:focus-within .inner {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.service-specia .service-box a.more-link {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.service-specia .service-box:hover a.more-link,
.service-specia .service-box:focus-within a.more-link {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.service-specia .service-box .service-description {
padding: 10px 0 0;
}
.service-specia .service-description a.more-link:after {
content: "";
top: auto;
right: auto;
bottom: 0;
width: 100%;
height: 2px;
left: 0;
opacity: 1;
} .service-version-one{
background: #ffffff;
}
.section-heading{
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
margin: 0;
}
.section-heading span{
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
}
.service-box {
position: relative;
z-index: 0;
}
.service-box p:-moz-only-whitespace {
display: none;
}
.service-avira .service-box,
.service-version-one .service-box {
border: solid 1px #f1f1f1;
padding: 30px;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.service-avira .service-box {
padding-bottom: 16px;
}
.service-avira .service-box:hover,
.service-avira .service-box:focus-within {
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.service-avira .service-icon-box,
.service-version-one .service-icon-box {
margin-bottom: 18px;
}
.service-avira .service-icon-box figure img,
.service-version-one .service-icon-box figure img {
margin: 0 auto;
}
.service-avira .service-title a,
.service-version-one .service-title a {
font-size: 18px;
color: #1c314c;
font-weight: 700;
}
.service-avira .service-description,
.service-version-one .service-description {
font-size: 15px;
font-weight: normal;
}
.service-avira .service-description {
padding: 10px 0 8px;
}
.service-description .more-link {
top: 0;
margin-top: 8px;
display: inline-block;
font-weight: 600;
}
.service-description .more-link:after {
content: "\f105";
font-family: 'FontAwesome';
font-weight: 600;
font-size: 12px;
position: absolute;
top: 3px;
bottom: 0;
right: 0;
width: 15px;
height: 15px;
border-radius: 100%;
line-height: 15px;
color: #ffffff;
text-align: center;
opacity: 0;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.service-description .more-link:hover:after,
.service-description .more-link:focus:after {
right: -18px;
opacity: 1;
}
.service-avira .col-md-6:nth-child(2n+1),
.service-version-one .col-md-6:nth-child(2n+1),
.service-fabify .col-md-6:nth-child(2n+1) {
clear:left;
}
.service-avira .col-md-4:nth-child(3n+1),
.service-version-one .col-md-4:nth-child(3n+1),
.service-fabify .col-md-4:nth-child(3n+1) {
clear:left;
}
.service-avira .col-md-3:nth-child(4n+1),
.service-version-one .col-md-3:nth-child(4n+1),
.service-fabify .col-md-3:nth-child(4n+1) {
clear:left;
} .specia-icon {
display: inline-block;
font-size: 12px;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
z-index: 1;
color: #fff;
}
.specia-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}
.specia-icon:before {
font-family: 'Fontawesome';
speak: none;
font-size: 24px;
height: 100%;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
padding: 5px;
}
.service-description p {
margin-bottom: 0;
font-size: 16px;
} .specia-icon-effect-1 .specia-icon {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.specia-icon-effect-1 .specia-icon:after {
top: 0;
left: 0;
padding: 4px;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
} .service-box:hover .specia-icon-effect-1a .specia-icon,
.service-box:focus-within .specia-icon-effect-1a .specia-icon {
background: rgba(28,49,76,0.1);
color: #fff;
}
.service-box:hover .specia-icon-effect-1a .specia-icon:after,
.service-box:focus-within .specia-icon-effect-1a .specia-icon:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
} .service-box:hover .specia-icon-effect-1b .specia-icon,
.service-box:focus-within .specia-icon-effect-1b .specia-icon {
background: #e84c3d;
color: #fff;
}
.specia-icon-effect-1b .specia-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.service-box:hover .specia-icon-effect-1b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-1b .specia-icon:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
} .specia-icon-effect-2 .specia-icon {
color: #fff;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.specia-icon-effect-2 .specia-icon:after {
top: 0;
left: -3px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
} .specia-icon-effect-2b .specia-icon:after {
left: 0;
}
.service-box:hover .specia-icon-effect-2b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-2b .specia-icon:after {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
-moz-transition: -moz-transform 0.4s, opacity 0.2s;
transition: transform 0.4s, opacity 0.2s;
}
.service-box:hover .specia-icon-effect-2b .specia-icon,
.service-box:focus-within .specia-icon-effect-2b .specia-icon {
color: #fff;
} .specia-icon-effect-3 .specia-icon {
box-shadow: 0 0 0 4px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.specia-icon-effect-3 .specia-icon:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
} .specia-icon-effect-3a .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-3a .specia-icon,
.service-box:focus-within .specia-icon-effect-3a .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-3a .specia-icon:after,
.service-box:focus-within .specia-icon-effect-3a .specia-icon:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
.service-box,
.specia-icon:before,
.service-title a,
.service-description p {
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
} .specia-icon-effect-4 .specia-icon {
width: 60px;
height: 60px;
}
.specia-icon-effect-4a .specia-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.specia-icon-effect-4 .specia-icon:after {
top: -4px;
left: -4px;
padding: 0;
z-index: 10;
border: 4px dashed #1c314c;
}
.service-box:hover .specia-icon-effect-4 .specia-icon,
.service-box:focus-within .specia-icon-effect-4 .specia-icon {
box-shadow: 0 0 0 0 rgba(255,255,255,0);
color: #fff;
} .service-box:hover .specia-icon-effect-4b .specia-icon,
.service-box:focus-within .specia-icon-effect-4b .specia-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.service-box:hover .specia-icon-effect-4b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-4b .specia-icon:after {
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
} .specia-icon-effect-5 .specia-icon {
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.specia-icon-effect-5 .specia-icon:after {
display: none;
}
.service-box:hover .specia-icon-effect-5 .specia-icon,
.service-box:focus-within .specia-icon-effect-5 .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-5a .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5a .specia-icon:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5b .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5b .specia-icon:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5c .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5c .specia-icon:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5d .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5d .specia-icon:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
} .specia-icon-effect-6 .specia-icon {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.service-box:hover .specia-icon-effect-6 .specia-icon,
.service-box:focus-within .specia-icon-effect-6 .specia-icon {
color: #fff;
}
.service-box:hover .specia-icon-effect-6 .specia-icon:before,
.service-box:focus-within .specia-icon-effect-6 .specia-icon:before {
-webkit-animation: spinAround 2s linear infinite;
-moz-animation: spinAround 2s linear infinite;
animation: spinAround 2s linear infinite;
} .specia-icon-effect-8 .specia-icon {
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}
.specia-icon-effect-8 .specia-icon:after {
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px #e84c3d;
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.service-box:hover .specia-icon-effect-8 .specia-icon,
.service-box:focus-within .specia-icon-effect-8 .specia-icon {
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.specia-icon-effect-8 .service-box:hover .specia-icon:after,
.specia-icon-effect-8 .service-box:focus-within .specia-icon:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.5);
opacity: 0;
}
}  .features-version-one{
height: 100%;
overflow: hidden;
width: 100%;
}
.features-version-one .features-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.features-version-one ul li {
list-style: none;
}
.features-version-one h2 {
color: #ffffff;
}
.features-version-one p{
color: #ffffff;
}
.features-version-one .feature-item{
margin-bottom: 25px;
}
.features-version-one .feature-box-icon {
border-radius: 50%;
background: rgba(0,0,0,0);
float: left;
display: inline-block;
height: 50px;
margin-right: 10px;
margin-left: 10px;
position: relative;
text-align: center;
top: 7px;
width: 50px;
line-height: 35px;
border: solid 1px #fff;
padding: 6px 0px 0px 2px;
font-size: 22px;
color: #fff;
}
.features-version-one .feature-box-info {
margin-left: 12px;
padding-left: 58px;
text-align: left;
}
.features-version-one .feature-box-info h4{
color: #00a3c8;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
text-align: left;
margin: 0;
}
.features-version-one .col-md-4:nth-child(3n+1){ clear:left; }   .portfolio-version{
background: #f4f9fc;
}
.portfolio .portfolio-version-one .col-md-6:nth-child(2n+1),
.portfolio .portfolio-version-two .col-md-6:nth-child(2n+1) { 
clear:left; 
}
.portfolio .portfolio-version-one .col-md-4:nth-child(3n+1),
.portfolio .portfolio-version-two .col-md-4:nth-child(3n+1) { 
clear:left; 
}
.portfolio .portfolio-version-one .col-md-3:nth-child(4n+1),
.portfolio .portfolio-version-two .col-md-3:nth-child(4n+1) { 
clear:left; 
}
.grid {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
width: 100%;
min-height: 240px;
background: #000;
text-align: center;
cursor: pointer;
}
.grid figure img {
object-fit: cover;
position: relative;
display: block;
opacity: 0.8;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.grid figure figcaption > div {
width: 100%;
height: auto;
}
.grid figure figcaption > a {
z-index: 10;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grid figure h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color: #ffffff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 97%;
}   figure.effect-portfolio1 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
figure.effect-portfolio1 h2 {
position: absolute;
top: 45%;
left: 0;
width: 100%;
color: #ffffff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-portfolio1 figcaption::before,
figure.effect-portfolio1 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio1 p {
position: absolute;
bottom: 0;
left: 0;
padding: 0px 20px;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
font-size: 13px;
color: #fff;
top: 42%;
font-family: 'Open Sans', sans-serif;
}
figure.effect-portfolio1:hover h2,
figure.effect-portfolio1:focus-within h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-portfolio1:hover figcaption::before,
figure.effect-portfolio1:focus-within figcaption::before,
figure.effect-portfolio1:hover p,
figure.effect-portfolio1:focus-within p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}  .latest-blog {
background: #ffffff;
}
.blog-version-1{}
.blog-version-1 article {
position: relative;
z-index: 0;
background: #fbfbfb;
border: 1px solid #f5f6f8;
padding-bottom: 37px;
margin-bottom: 30px;
}
.blog-version-1 article:hover footer.entry-footer{
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-1 header.entry-header{
padding: 10px 20px;
}
.blog-version-1 footer.entry-footer {
font-size: 13px;
color: #ffffff;
padding: 10px 20px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-1  h2.entry-title {
line-height: 24px;
}
.blog-version-1 h2.entry-title a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #203143;
}
.post_date {
position: absolute;
background: #00a3c8;
height: 70px;
z-index: 999;
color: #fff;
font-size: 35px;
padding: 15px;
font-weight: 700;
text-align: center;
}
.post_date .date{
display: block;
font-size: 20px;
line-height: 24px;
padding: 0;
}
.post_date h6 {
font-size: 14px;
font-weight: lighter;
line-height: 20px;
margin: 0px;
text-align: center;
}
.entry-content iframe {
width: 100%;
height: auto;
display: block;
}  .feature{
background: #203143;
} [class*='call-to-action-'] .background-overlay {
background-repeat: no-repeat;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.cta-icon-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
}
.cta-icon-wrap .call-icon-box {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: #ffffff;
border-radius: 100%;
font-size: 28px;
margin-right: 0;
}
.cta-icon-wrap .call-icon-box:after,
.cta-icon-wrap .call-icon-box:before {
display: none;
}
.cta-icon-wrap .cta-bg {
border: 1px solid rgb(255 255 255 / 0.075);
overflow: hidden;
border-radius: 100%;
position: relative;
left: -12px;
width: 70px;
height: 70px;
z-index: 0;
}
.call-wrapper {
display: inline-flex;
align-items: center;
min-height: 45px;
font-size: 15px;
color: #ffffff;
}
.call-wrapper a {
font-weight: 600;
border-bottom: 1px solid #ffffff;
}
.call-wrapper a:focus, .call-wrapper a:hover {
border-bottom-style: dotted;
border-bottom-color: inherit;
}
.call-icon-box {
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
background-color: #222222;
border-radius: 50%;
position: relative;
font-size: 23px;
margin-right: 12px;
}
.call-icon-box:before,
.call-icon-box:after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 50%;
border: 1px solid #222222;
z-index: 1;
opacity: 0;
}
.call-icon-box:before {
-webkit-animation: pulse_border-2 1.5s linear infinite;
animation: pulse_border-2 1.5s linear infinite;
}
.call-icon-box:after {
-webkit-animation: pulse_border 1s linear infinite;
animation: pulse_border 1s linear infinite;
}
@keyframes pulse_border{0%{transform:scale(1);-webkit-transform:scale(1);opacity:1}100%{transform:scale(1.3);-webkit-transform:scale(1.3);opacity:0}}
.cta-info {
display: inline-block;
text-align: left;
}
.call-to-action-one .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-one .background-overlay .row {
min-height: 150px;
}
.flexing, .call-to-action-thirteen .background-overlay .row,
.call-to-action-twelve .background-overlay .row,
.call-to-action-eleven .background-overlay .row,
.call-to-action-ten .background-overlay .row,
.call-to-action-nine .background-overlay .row,
.call-to-action-eight .background-overlay .row,
.call-to-action-five .background-overlay .row,
.call-to-action-four .background-overlay .row,
.call-to-action-three .background-overlay .row,
.call-to-action-two .background-overlay .row,
.call-to-action-one .background-overlay .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.flexing.flexing-btn {
justify-content: space-evenly;
}
.flexing.flexing-end {
justify-content: flex-end;
}
.flexing.flexing-start {
justify-content: flex-start;
}
.call-to-action-one h2 span.rotate {
position: relative;
z-index: 0;
background: url(//danehkar.net/wp/wp-content/themes/specia/images/bottom_sign.png) no-repeat right bottom;
background-size: auto;
padding-bottom: 16px;
}
.call-to-action-one h2 {
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-one .cta-or,
.call-wrapper a,
.call-to-action-one p,
.call-to-action-one h2 span {
color: #ffffff;
}
.call-to-action-one .cta-or {
margin: 0 8px;
}
.call-to-action-one .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-one .call-btn-1:hover{
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-two .call-btn-2.bt-effect-2:before,
.call-to-action-one .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}  .footer-sidebar{
}
.footer-sidebar p {
color: #ffffff;
}
.footer-sidebar .background-overlay {
opacity: 0.9;
bottom: 0;
height: 100%;
z-index: 3;
}  .footer-copyright, .footer-copyright p, .footer-copyright p a {
color: #ffffff;
line-height: 39px;
}
.footer-copyright ul {
margin: 0;
padding: 0;
} ul.payment-icon {
text-align: right;
}
.payment-icon li{
display: inline-block;
}
.payment-icon li a{
font-size: 26px;
color: #ffffff;
display: inline-block;
margin-right: 5px;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.payment-icon li a:hover{
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
} section.breadcrumb {
font-family: 'Open Sans', sans-serif;
padding: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
list-style: none;
background: none;
position: relative;
z-index: 0;
}
.breadcrumb .background-overlay{
bottom: 0;
height: 100%;
width: 100%;
z-index: 3;
opacity: 0.79;
background: #f6f6f6;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 0;
}
.breadcrumb.shadow-one {
padding-bottom: 22px !important;
}
.breadcrumb.shadow-two {
padding-bottom: 70px !important;
}
.breadcrumb.shadow-one:after {
height: 22px;
background: url(//danehkar.net/wp/wp-content/themes/specia/images/shadow-one.png) no-repeat center bottom;
}
.breadcrumb.shadow-two:after {
height: 70px;
background: url(//danehkar.net/wp/wp-content/themes/specia/images/shadow-two.png) no-repeat center bottom;
}
.breadcrumb.shadow-one:after,
.breadcrumb.shadow-two:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8;
z-index: -1;
}
.breadcrumb h2{
font-size: 16px;
color: #747474;
margin: 0;
padding: 15px 0;
font-weight: 600;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.breadcrumb-position {
text-align: right;
}
.page-breadcrumb{
list-style: none outside none;
margin-bottom: 0px;
padding: 23px 0;
text-align: right;
font-size: 15px;
line-height: 20px;
display: inline-block;
}
.page-breadcrumb li{
display: inline-block;
color: #747474;
}  .page-wrapper{}
.page-wrapper article{
border: solid 1px #efe9e9;
padding-bottom: 43px;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
article.comment-body {
border: solid 1px #f7f9fc;
background: #fefefe;
border-radius: 3px;
}
a.post-thumbnail img{
opacity: 1;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
a.post-thumbnail img:hover{
opacity: 0.9;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
header.entry-header {
padding: 14px 20px;
}
h2.entry-title {
margin: 0;
line-height: 28px;
}
h2.entry-title a {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
}
.entry-header h2.entry-title {
font-size: 22px;
font-family: 'Open Sans', sans-serif;
}
.entry-content { 
padding: 0 20px; 
}
.entry-content .more-link {
font-family: 'Open Sans', sans-serif;
padding: 10px 20px;
border-radius: 30px;
background: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
a.more-link{
position: relative;
top: 15px;
}
.entry-content .more-link:hover {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
footer.entry-footer {
font-size: 13px;
color: #ffffff;
padding: 15px 20px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
footer.entry-footer .byline, footer.entry-footer .posted-on, footer.entry-footer .cat-links, footer.entry-footer .tags-links {
margin-right: 15px;
}
footer.entry-footer span { }
footer.entry-footer a {
color: #ffffff;
}
footer.entry-footer a:hover,
footer.entry-footer a:focus {
color: #ffffff;
}
.page-wrapper article:hover footer.entry-footer {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
} .paginations {
margin: 0px;
text-align: center;
}
.paginations a, span.page-numbers.current {
border: solid 1px #efe9e9;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 20px;
margin: 0 1px 0;
padding: 9px 16px;
transition: all 0.3s ease 0s;
vertical-align: baseline;
white-space: nowrap;
border-radius: 30px;
}
.paginations a:hover, .paginations a:focus, .paginations a.active, span.page-numbers.current {
color: #ffffff;
border-radius: 30px;
} .comments-area {
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
background: #fefefe;
padding: 5px 20px;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 20px;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f007";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-metadata time {
font-size: 13px;
color: #747474;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
a.comment-reply-link {
font-size: 14px;
float: right;
position: relative;
top: -10px;
}
a.comment-reply-link:hover, a.comment-reply-link:focus {
color: #e84c3d;
}
.comment-reply-link:before {
content: "\f112";
font-family: "Fontawesome";
margin-right: 5px;
font-size: 12px;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
margin-bottom: 50px;
}
.comment-form label { }
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags { }
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: 'Open Sans', sans-serif;
}
.form-submit {
margin-bottom: 0;
}
.required {
font-family: 'Open Sans', sans-serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.wpcf7 p { 
margin-top: 10px; 
} .error-page {}
.error-page h1{
font-family: 'Raleway', sans-serif;
font-size: 146px;
font-weight: 800;
color: #e84c3d;
line-height: 156px;
text-shadow: 0 3px 0 #000;
animation: bounce 2s infinite;
}
.error-page h2{
font-family: 'Open Sans', sans-serif;
font-size: 26px;
line-height: 36px;
font-weight: 800;
color: #1c314c;
margin: 0;
} .top-scroll {
bottom: 2%;
display: none;
height: 40px;
opacity: 1;
overflow: hidden;
position: fixed;
right: 12px;
text-align: center;
width: 40px;
padding: 0;
z-index: 9999;
border-radius: 30px;
border-width: 2px;
border-style: solid;
animation: bounce 2s infinite;
}
.top-scroll:hover {
opacity: 1;
}
.top-scroll i {
font-size: 18px;
line-height: 36px;
}
.top-scroll:hover, .top-scroll:focus {
border-width: 2px;
border-style: solid;
transition: all 0.3s ease 0s;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.price_slider_wrapper .price_slider {
margin-bottom: 1em;
}
.price_slider_wrapper .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.price_slider_wrapper .price_slider_amount .button {
font-size: 1.15em;
}
.price_slider_wrapper .price_slider_amount .button {
float: left;
}
.price_slider_wrapper .ui-slider {
position: relative;
text-align: left;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 17px;
height: 17px;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 0;
border: 1px solid #141741;
cursor: pointer;
background: #2d338e;
outline: none;
top: -5px;
}
.price_slider_wrapper .ui-slider .ui-slider-handle:last-child {
margin-left: -0.5em;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #c0132c;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.price_slider_wrapper .price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #d5d5d5;
}
.price_slider_wrapper .ui-slider-horizontal {
height: .5em;
background: #1c314c;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
} .masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.masonry-column {
display: inline-block;
width: 100%;
}
@media only screen and (min-width: 400px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 700px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 900px) {
.masonry {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media only screen and (min-width: 1100px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
} .page-wrapper .posts-navigation a {
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 12px 24px;
border-radius: 30px;
display: table-cell;
float: left;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.page-wrapper .posts-navigation a:hover {
color: #fff;
}
.page-wrapper .posts-navigation .nav-next {
float: right;
} .bg-sticky {
position: absolute;
top: 10px;
right: 12px;
display: block;
text-align: center;
letter-spacing: 0.5px;
font-size: 20px;
font-weight: 600;
padding: 0.25em .62em;
line-height: 30px;
border-radius: 3px;
color: #fff;
background: #00a3c8;
z-index: 9;
} .widget .woocommerce-product-search input[type="search"],
.widget .search-form input[type="search"] {
border-radius: 100px;
}
.widget .woocommerce-product-search, .widget .search-form {
display: flex;
align-items: center;
justify-content: flex-start;
}
.widget .woocommerce-product-search button, .widget .search-form .search-submit {
padding-left: 22px;
padding-right: 22px;
white-space: nowrap;
display: inline-block;
margin-left: 12px;
flex-shrink: 0;
text-align: center;
}
.widget .woocommerce-product-search button:not(:hover):not(:focus) {
color: #222222;
border: solid 2px #222222;
background: transparent;
}
header .dropdown-menu>.active>a,
header .dropdown-menu>.active>a:focus,
header .dropdown-menu>.active>a:hover {
background: #f7f7f7;
}
.page-wrapper .col-md-8 .site-content .container {
width: 100%;
}
@media (max-width: 991px) {
.owl-carousel:hover .owl-next {
right: 5px;
}
.owl-carousel:hover .owl-prev {
left: 5px;
}
}
@media only screen and (min-width: 200px) and (max-width: 768px) and (orientation: landscape) {
.call-to-action-two .call-btn-2 {
float: left;
margin-top: 0 !important;
}
}
@media (max-width: 767px) {
.breadcrumb .breadcrumb-position,
.breadcrumb .background-overlay {
text-align: center;
}
}
@media (max-width: 421px) {
#cta-unique .flexing.flexing-end {
justify-content: flex-start;
}
.call-to-action-two .call-btn-2 {
margin-top: 12px;
}
}
nav.woocommerce-MyAccount-navigation ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .addresses .title .edit {
font-weight: 600;
text-decoration: underline;
}
.woocommerce .woocommerce-Address {
padding: 12px;
border: 1px solid #dddddd;
}
.admin-bar .mobile-menu {
padding-top: 100px;
}
.admin-bar .mobile-menu .close-style {
top: 48px;
}
.sidebar .widget form input[type="submit"] {
border-radius: 100px;
}
.woo-sidebar .widget[id*='woocommerce_widget_cart'] ul li a::after,
.sidebar .widget[id*='woocommerce_widget_cart'] ul li a::after,
.sidebar .widget[id*='recent-comments-'] ul li a::after,
.sidebar .widget[id*='recent-posts-'] ul li a::after {
display: none;
}
body footer .woocommerce-mini-cart li.mini_cart_item {
margin-top: 15px;
}
body footer .woocommerce-mini-cart li.mini_cart_item:first-child {
margin-top: 0;
}
body .woocommerce-mini-cart li.mini_cart_item {
padding-left: 12px;
padding-right: 12px;
}
body p.woocommerce-mini-cart__total.total {
text-align: center;
width: max-content;
margin: 15px auto;
}
body .woocommerce-mini-cart__buttons.buttons .button {
margin: 0 3px;
}
body footer .woocommerce-mini-cart__buttons.buttons .button {
padding: 10px 16px;
font-size: 15px;
}
body footer .woocommerce-mini-cart__buttons.buttons .button:not(:hover):not(:focus) {
color: #ffffff;
border-color: inherit;
}
footer .widget_shopping_cart_content a.remove.remove_from_cart_button {
left: 4px;
}
.woocommerce form .form-row .input-checkbox {
position: relative;
}
.woocommerce-terms-and-conditions-checkbox-text {
display: inline-block;
}
.footer-sidebar div.tagcloud a:hover, div.tagcloud a:focus {
color: #FFFFFF;
}
.woo-sidebar p.woocommerce-mini-cart__buttons.buttons,
footer p.woocommerce-mini-cart__buttons.buttons {
text-align: center;
}
.woo-sidebar .woocommerce-mini-cart__buttons.buttons .button,
footer .woocommerce-mini-cart__buttons.buttons .button {
display: inline-block;
}
body .woocommerce-mini-cart__buttons.buttons .button:hover,
body .woocommerce-mini-cart__buttons.buttons .button:focus {
color: #ffffff;
}
.wp-block-table figcaption {
text-align: center;
}