.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1400;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1443;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.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{position:relative}.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-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.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[aria-selected]{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;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !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}.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}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.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__remove{margin-left:2px;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[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.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--highlighted[aria-selected]{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;margin-right:10px}.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}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.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;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.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__remove{margin-left:2px;margin-right:auto}.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[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{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}@font-face {
font-family: 'Qanelas Soft';
src: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-SemiBold.woff2) format('woff2'),
url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Qanelas Soft';
src: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Bold.woff2) format('woff2'),
url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Qanelas Soft';
src: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Medium.woff2) format('woff2'),
url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Qanelas Soft';
src: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Regular.woff2) format('woff2'),
url(//www.cliffcrestdental.com/wp-content/themes/duptronics/fonts/QanelasSoft-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
box-sizing: border-box;
}
body {
margin: 0;
background: #fff;
color: #7f7f7f;
font-family: 'Qanelas Soft';
font-weight: normal;
font-style: normal;
font-size: 16px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
.hidden {
display: none;
}
a {
background-color: transparent;
}
a:hover {
background: transparent;
text-decoration: ;
}
a.active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
appearance: button;
-moz-appearance: button; -webkit-appearance: button; cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-moz-appearance: none; -webkit-appearance: none; appearance: none;
}
fieldset {
border: 2px solid #f1f1f1;
margin: 0 2px 30px 2px;
padding: 1em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
} h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
dfn,
cite,
em,
i {
font-style: italic;
font-weight: bold;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
text-decoration: none;
}
big {
font-size: 125%;
}
h4,
.h4 {
font-size: 20px;
} *,
*:before,
*:after {
box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 .5em 1.5em;
padding: 0;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
padding: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
img {
height: auto; max-width: 100%; }
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
table {
margin: 20px 0;
width: 100%;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
table th,
table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
line-height: 18px
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
border-top: 0
}
table thead:first-child tr:first-child th:first-child,
table tbody:first-child tr:first-child td:first-child {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0
}
table thead:first-child tr:first-child th:last-child,
table tbody:first-child tr:first-child td:last-child {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0
}
table thead:last-child tr:last-child th:first-child,
table tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px
}
table thead:last-child tr:last-child th:last-child,
table tbody:last-child tr:last-child td:last-child {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0
}
.post {
clear: both;
} input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #43a5d6;
border: 2px solid transparent;
color: #fff;
transition: 0.5s;
border-radius: 2px;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 600;
height: 42px;
line-height: 38px;
padding: 0 45px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.4s ease-out 0s;
white-space: nowrap;
border-radius: 31px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
left: 73px;
position: relative;
margin-top: 30px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: transparent;
border: 2px solid #43a5d6;
color: #43a5d6;
padding: 0 55px;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
.select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.contact-form .wpcf7-form input[type="text"],
.contact-form .wpcf7-form input[type="email"],
.contact-form .wpcf7-form input[type="url"],
.contact-form .wpcf7-form input[type="password"],
.contact-form .wpcf7-form input[type="search"],
.contact-form .wpcf7-form input[type="number"],
.contact-form .wpcf7-form input[type="tel"],
.contact-form .wpcf7-form input[type="range"],
.contact-form .wpcf7-form input[type="date"],
.contact-form .wpcf7-form input[type="month"],
.contact-form .wpcf7-form input[type="week"],
.contact-form .wpcf7-form input[type="time"],
.contact-form .wpcf7-form input[type="datetime"],
.contact-form .wpcf7-form input[type="datetime-local"],
.contact-form .wpcf7-form input[type="color"],
.wpcf7-form textarea {
color: #000;
border: 1px solid #f2f2f2;
padding: 1px 35px;
width: 100%;
font-weight: 300;
line-height: 43px;
margin-bottom: 0;
background: #f2f2f2;
border-radius: 31px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
left: 50%;
position: relative;
outline: 0 none;
}
.select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"],
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"],
input[type="color"]:focus,
.contact-form .wpcf7-form input[type="text"]:focus,
.contact-form .wpcf7-form input[type="email"]:focus,
.contact-form .wpcf7-form input[type="url"]:focus,
.contact-form .wpcf7-form input[type="password"]:focus,
.contact-form .wpcf7-form input[type="search"]:focus,
.contact-form .wpcf7-form input[type="number"]:focus,
.contact-form .wpcf7-form input[type="tel"]:focus,
.contact-form .wpcf7-form input[type="range"]:focus,
.contact-form .wpcf7-form input[type="date"]:focus,
.contact-form .wpcf7-form input[type="month"]:focus,
.contact-form .wpcf7-form input[type="week"]:focus,
.contact-form .wpcf7-form input[type="time"]:focus,
.contact-form .wpcf7-form input[type="datetime"]:focus,
.contact-form .wpcf7-form input[type="datetime-local"]:focus,
.contact-form .wpcf7-form input[type="color"]:focus,
.wpcf7-form textarea:focus {
width: calc( 100% + 20px);
outline: 0 none;
}
.wpcf7-form textarea {
padding-top: 15px !important;
line-height: 18px;
}
.wpcf7 p {
margin-bottom: 30px;
} a:hover,
a:active {
outline: 0;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
margin: 40px 0 0;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}  .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; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} #secondary .widget {
margin: 30px 0 0;
overflow: hidden;
background: rgba(144, 141, 146, 0.1);
overflow: hidden;
padding: 15px;
}
footer .widget {
color: #cccccc;
margin: 0 0 60px;
overflow: hidden;
}
.widget.woocommerce.widget_shopping_cart {
overflow: inherit;
} .widget select {
max-width: 100%;
}
#secondary aside.widget:first-child {
margin-top: 0;
}  .sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} html,
body {
height: 100%;
}
.floatleft {
float: left
}
.floatright {
float: right
}
.alignleft {
float: left;
margin-bottom: 15px;
margin-left: 0;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
margin-right: 0;
}
.aligncenter {
display: block;
margin: 0 auto 15px
}
.nopadding-right {
padding-right: 0;
}
.nopadding-left {
padding-left: 0;
}
.nopadding {
padding: 0;
}
a:focus {
outline: 0px solid;
text-decoration: none;
}
.nav>li>a:hover,
.nav>li>a:focus {
background: transparent;
}
.fix {
overflow: hidden
}
p {
margin: 0 0 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
margin: 0 0 15px;
line-height: 1;
}
a {
color: #000;
text-decoration: none;
transition: all 0.3s ease 0s;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active,
a:hover {
outline: 0 none;
}
.page-content>ol,
.page-content>ul {
margin: 0 0 20px 45px;
}
.main-container {
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
#scrollUp {
background: #9d9d9d none repeat scroll 0 0;
bottom: 100px;
color: #fff;
font-size: 30px;
height: 40px;
line-height: 40px;
right: 0;
text-align: center;
text-decoration: none;
transition: all 0.3s ease 0s;
width: 40px;
font-weight: bold;
}
#scrollUp:hover {
background: #444343;
color: #fff;
}
.clear {
clear: both
}
.top_header {
position: absolute;
right: 20px;
opacity: 1;
top: 0;
transition: all 400ms;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
} .main-menu nav .main-ul>li:last-child a:after {
border-right: 0;
} .mean-container .mean-bar {
background-color: #343434;
margin-top: 0px;
z-index: 1;
border-left: 1px solid #343434;
border-right: 1px solid #343434;
width: 100%;
}
.mean-container a.meanmenu-reveal {
padding: 10px 13px 10px;
}
.mean-container .mean-nav {
background: #FAF8F8;
}
.mean-container .mean-nav ul li a {
background: rgba(0, 0, 0, 0);
color: #666;
border-top: 1px solid #e0d8d8;
text-transform: capitalize;
line-height: 14px;
}
.mean-container .mean-nav ul li a.mean-expand {
line-height: 22px;
padding: 8px !important;
}
.mean-container .mean-nav ul li a:hover {}
.mean-container .mean-nav ul li ul li a {
border-top: 1px solid #e0d8d8;
}
.mean-container .mean-nav nav {
padding: 0 10px;
}
.mean-container .mean-nav ul li a:hover {}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
span.mobile-menu-title {
color: #fff;
font-size: 16px;
left: 18px;
line-height: 18px;
position: absolute;
text-transform: uppercase;
top: 18px;
font-weight: 500;
}
a.meanmenu-reveal {
float: right;
} .top-detail { float: left;
text-align: center;
margin-right: 15px;
margin-left: 15px;
}
.search-icon.fa.fa-search {
font-size: 18px;
color: #3f3f3f;
padding: 36px 0 46px 0;
-webkit-transition: padding 0.4s ease-in-out;
-moz-transition: padding 0.4s ease-in-out;
-o-transition: padding 0.4s ease-in-out;
transition: padding 0.4s ease-in-out;
-ms-transition: padding 0.4s ease-in-out;
}
.header-search.expand {
cursor: pointer;
}
.product-search.sub-menu {
position: absolute;
top: 100%;
background: #3f3f3f;
padding: 0;
text-align: left;
right: 0;
}
.product-search input.form-control {
background-color: #FFF;
border: medium none;
box-shadow: none;
color: #3f3f3f;
margin-bottom: 20px;
margin-top: 20px;
outline: medium none;
padding: 0 20px;
position: inherit;
left: auto;
transform: inherit;
width: calc( 100% - 120px);
}
.header-search .btn-default {
background: #FFF;
border: 0 none;
border-radius: 0;
color: #3f3f3f;
margin: 0;
position: inherit;
left: auto;
right: auto;
width: 119px;
height: 74px;
float: right;
transform: inherit;
max-width: 119px;
}
.header-search .btn-default:hover {
color: #FFF;
}
.header-search .btn-default:active:focus {
background: none;
border: none;
outline: none;
box-shadow: none;
color: #ffffff;
}
.header-search .btn {
padding: 0;
}
.header-search .btn:focus {
outline: 0
}
.header-search .btn:active {
box-shadow: none
}
.header-search button.btn.btn-default i {
width: 120px;
font-size: 36px;
transition: .3s;
}
.header-search button.btn.btn-default i:hover {
color: #FFF;
transition: .3s;
}
.expand:hover .restrain {
opacity: 1;
transform: scaleY(1);
z-index: 9999;
}
.restrain {
opacity: 0;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
z-index: -99;
width: 100%;
margin: 0 auto;
left: 0;
position: absolute;
display: block;
background: #fff;
right: 0;
}
.header-search .btn {
padding: 0;
}
.sticky-header .search-icon.fa.fa-search {
padding: 20px 0 32px 0;
} .dropps-menu {
padding-bottom: 36px;
padding-left: 15px;
position: relative;
}
.dropps-menu a {
color: #3f3f3f;
}
.dropps-menu a:hover {
color: #444343;
}
.dropps-menu .language {
right: 0;
text-align: right;
}
.lang-all>a:hover,
.search-icon.fa.fa-search:hover {
color: #444343;
transition: .3s
}
.readon-red a {
color: #3f3f3f;
}
.readon-red:hover {
color: #ffffff;
background: #362f2d;
transition: .5s;
border: 1px solid #3f3f3f !important;
}
.readon-red:hover a {
color: #fff !important;
} .single .blog_header {
margin-bottom: 60px;
}
.blog-page.single {
margin-bottom: 60px;
}
.latest-post-area .area-title h3 {
background: #f6f6f6;
}
.post-thumb {
max-width: 100%;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.post-thumb:after {
content: "";
width: 0%;
height: 0%;
background: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
top: 0;
z-index: 1;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
pointer-events: none;
}
.latest-post:hover .post-thumb:after,
.single-post:hover .post-thumb:after {
width: 100%;
height: 100%;
}
.all-singlepost {
float: left;
margin-bottom: 20px;
width: 100%;
}
.single-post {
margin-bottom: 15px;
}
.post-thumb-info {
padding: 25px 15px;
border: 1px solid #f1f1f1;
width: 100%;
float: left;
}
.post-time span,
.post-time a {
font-size: 10px;
letter-spacing: 1.1px;
color: #3f3f3f;
text-transform: uppercase;
font-weight: 700;
}
.post-time a:hover {
color: #444343
}
.postexcerpt p {
color: #6d6d6d;
line-height: 25px;
}
.post-time {
margin: 0 0 10px;
}
.blog-page .post-time {
margin: 0 0 10px 0;
}
.read-more {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
color: #FFF;
line-height: 30px;
display: block;
margin-bottom: 10px;
background: #000;
border-radius: 45px;
border: 2px solid #000;
margin-top: 20px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
width: 100px;
text-align: center;
}
.read-more:hover {
color: #000;
background-color: #ffffff;
}
.latest-post-area .all-singlepost {
margin: 30px 0 0
}
.latest-post {
background: #fff;
}
.post-content {
padding: 15px 10px;
border: 1px solid #f2f2f2;
} .recent-posts .post-wrapper,
.recent-comments .post-wrapper {
display: block;
overflow: hidden;
}
.recent-posts .rcnt-post-thumb,
.recent-comments .comnt-thumb {
float: left;
width: 25%;
}
#secondary .widget .recent-posts .rcnt-post-thumb a,
#secondary .widget .recent-comments .comnt-thumb a {
display: block;
}
.recent-posts .post-info,
.recent-comments .post-info {
float: left;
padding-left: 10px;
width: 70%;
}
#secondary .widget .recent-posts .post-info .post-title.recent-post-s,
#secondary .widget .recent-comments .post-info .post-title.recent-post-s {
margin: 0 0 5px;
}
#secondary .widget .recent-posts .post-info .post-title.recent-post-s a,
#secondary .widget .recent-comments .post-info .post-title.recent-post-s {
display: block;
font-size: 14px;
line-height: 14px; border: 0 none;
margin: 0;
padding: 0;
}
.recent-posts .post-info .post-date.recent-post-s,
.recent-comments .post-info .post-date.recent-post-s {
color: #7e7e7e;
font-size: 11px;
font-style: italic;
}
#secondary .widget .recent-posts ul li,
#secondary .widget .recent-comments ul li {
margin-bottom: 15px;
padding: 0;
list-style: none;
}
#secondary ul li {
margin-bottom: 6px;
}
#secondary ul li a {
color: #000;
}
.recent-posts ul li a,
.recent-comments ul li a {
border: 0 none;
margin: 0;
padding: 0;
}
.recent-posts ul li a:hover,
.recent-comments ul li a:hover {
color: #EC4445;
}
.recent-comments .post-info p {
line-height: 16px;
margin-bottom: 0;
}
#secondary input[type="text"] {
border: 1px solid #ddd;
box-sizing: border-box !important;
height: auto;
padding: 0 15px;
width: 100%;
margin: 0;
} .top-footer-area,
.info-footer {
padding: 0;
background: #000;
}
.top-footer-area .widget h3.widget-title {
font-size: 13px;
color: #fff;
margin-bottom: 25px;
}
footer ul {
list-style: outside none none;
margin: 0;
}
#secondary ul {
list-style: inside disc;
margin: 0;
}
footer .recent-posts ul li,
footer .recent-comments ul li {
margin-bottom: 20px;
}
footer .recent-posts ul li:last-child,
footer .recent-comments ul li:last-child {
margin-bottom: 0;
}
footer .recent-posts ul li a,
footer .recent-posts ul li h3,
footer .recent-comments ul li a,
footer .recent-comments ul li h3 {
color: #ccc;
font-size: 13px;
margin-bottom: 5px;
text-transform: inherit;
}
footer .recent-posts .post-info .post-date.recent-post-s,
footer .recent-comments .post-info .post-date.recent-post-s {
color: #CCC;
}
.widget ul li a:hover {
color: #444343;
}
.info-fcontainer {}
.infof-icon {
float: left;
margin-right: 15px;
margin-top: 3px;
}
.infof-icon i {
width: 30px;
height: 30px;
border: 1px solid #444343;
border-radius: 3px;
font-size: 18px;
color: #fff;
line-height: 28px;
text-align: center;
}
.info-footer {
border-top: 1px solid #4c4b4b;
}
.footer-social h3,
.info-fcontainer h3 {
font-size: 17px;
color: #444343;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
letter-spacing: 1px;
}
.info-fcontainer a,
.info-fcontainer p {
font-size: 14px;
color: #fff;
margin: 0;
}
.info-fcontainer a {
display: block;
}
.single-bannerfooter {
border-right: 1px solid #363636;
}
.last-single {
border: 0;
}
.single-bannerfooter a:hover {
opacity: 0.6;
}
.address-footer address {
margin-bottom: 0;
font-size: 16px;
color: #fff;
margin-top: 20px;
}
.footer-logo {
margin-top: 68px;
}
.address-footer address a {
color: #fff;
}
.address-footer address a:hover {
color: #ffffff;
}
.social-footer ul li {
color: #ccc;
line-height: 30px;
font-size: 14px;
margin-bottom: 10px;
}
.social-footer ul li a {
width: 21px;
height: 21px;
text-align: center;
line-height: 21px;
color: #fff;
font-size: 12px;
border: 1px solid #555;
border-radius: 3px;
margin-right: 15px;
display: inline-block;
}
.main-area .ex-pro {
margin-top: 40px;
}
.main-area .bn-pro {
margin-top: 31px;
}
.main-area .banner-area {
margin: 0 0 60px;
}
.woocommerce .slick-slider {
margin-bottom: 60px;
}
.main-area .block-image {
margin-right: 20px;
width: 45%;
}
.main-area .block-category {
margin: 76px 0 0
}
.block-category .bar-title {
margin: 60px 0 40px;
}
.bar-ping {
display: block;
width: 11%;
float: left;
margin-right: 10px;
}
#secondary .widget .widget-title {
color: #3f3f3f;
display: inline-block;
font-size: 19px;
font-weight: 700;
line-height: 35px;
position: relative;
text-transform: uppercase;
word-wrap: break-word;
background-size: contain;
position: relative;
}
#secondary .widget .widget-title::after {
position: absolute;
left: 0;
width: 3vw;
content: "";
height: 2px;
background: #000000;
bottom: -2px;
}
#secondary aside.widget_text:first-child h3 {
margin: 0;
}
.main-area .testimonial-area {
background: none;
overflow: hidden;
}
.bar-test {
background: #f4f4f4;
padding: 20px 10px;
margin-top: 20px;
}
.main-area .latest-post-area {
background: none;
margin-top: 40px;
}
.main-area .product-content p {
letter-spacing: 0.6px
}
.banner-area p a img {
width: 100%;
}
.left-column p img {
margin-bottom: 15px;
}
.breadcrumbs .home {
float: left;
margin-right: 10px;
}
.breadcrumbs a {
color: #777777;
font-size: 14px;
font-weight: 700;
margin-right: 5px;
}
.breadcrumbs span.separator {
margin-right: 5px;
}
.breadcrumbs a:hover {
color: #444343;
}
.breadcrumbs {
margin: 15px 0;
}
.single .breadcrumbs {
margin-bottom: 30px;
}
p.comment-form-rating label,
p.comment-form-comment label,
#commentform p {
margin-bottom: 25px;
max-width: 100%;
color: #7f7f7f;
}
#commentform input[type="submit"] {
font-size: 14px;
}
#commentform input[type="submit"]:hover {
background: #444343;
color: #FFF;
border-color: transparent;
}
.comments-list ul li {
margin-bottom: 25px;
}
li.threaded-comments {
margin-left: 50px;
}
.comments-list-img {
float: left;
margin-right: 15px;
}
.comments-content-wrap {
border: 1px solid #ddd;
color: #42414f;
font-size: 12px;
line-height: 1;
margin: 0 0 15px 63px;
padding: 10px;
position: relative;
border-radius: 3px;
}
.comments-content-wrap:before {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
content: "";
display: block;
height: 10px;
left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;
}
.comments-content-wrap p {
color: #909295;
line-height: 18px;
margin-bottom: 5px;
margin-top: 15px;
}
li.threaded-comments {
margin-left: 50px
}
span.email-notes {
color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;
}
.author-info.archives,
.single-post .post-thumb-info .author-info {
background: #f2f2f2 none repeat scroll 0 0;
margin: 20px 0;
padding: 20px;
float: left;
width: 100%;
}
.author-info.archives .author-avatar,
.single-post .post-thumb-info .author-avatar {
float: left;
margin-right: 20px;
}
.author-info.archives .author-description,
.single-post .post-thumb-info .author-description {
color: #787878;
float: left;
width: 83%;
}
.single-post .post-thumb-info .postexcerpt {
margin: 20px 0;
}
.author-description>h2 {
font-size: 14px;
line-height: 1.35;
margin-bottom: 10px;
color: #FFFFFF;
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
} h1.blogtitle a,
.single-post h1.blogtitle {
color: #3f3f3f;
font-size: 24px;
font-weight: 700;
}
h1.blogtitle a:hover {
color: #444343;
}
.single-post h1.blogtitle {
line-height: 1.5;
margin-bottom: 30px;
}
.class-page .postexcerpt,
.blog-page .post-thumb-info .postexcerpt {
margin: 0;
} .comments-area {
overflow: hidden;
}
.author-description .author_link {
color: #009fdd;
font-size: 13px;
}
h3.comments-title {
border-bottom: 1px solid #f1f0f0;
font-size: 13px;
font-weight: 700;
margin: 0 0 30px;
padding: 0 0 20px;
position: relative;
text-transform: uppercase;
color: #888;
}
.comments-area {
float: left;
margin: 20px 0 70px;
width: 100%;
}
#commentform a {
color: #666;
}
.comments-area .comments-title,
.comments-area .comment-reply-title {
border-bottom: 1px solid #f1f0f0;
font-size: 18px;
font-weight: 700;
margin: 0 0 30px;
padding: 0 0 20px;
position: relative;
text-transform: uppercase;
color: #333;
}
.comments-area .comment-list {
margin: 0;
padding: 0;
}
.comments-area .comment-list li.comment {
list-style: outside none none;
}
.comments-area .comment-list li.comment article.comment {
margin: 0 0 30px;
}
.comments-area .comment-list li.comment article.comment .comment-avatar {
float: left;
}
.comments-area .comment-list li.comment article.comment .comment-info {
border: medium none;
margin-left: 75px;
position: relative;
}
.comments-area .comment-list li.comment article.comment .comment-info .reply {
display: inline-block;
float: right;
margin-left: 10px;
position: absolute;
right: 0;
top: 0;
}
.comments-area .comment-list li.comment article.comment .comment-info .reply a {
background: #ebebeb none repeat scroll 0 0;
border-radius: 3px;
box-shadow: none;
color: #333;
display: inline-block;
font-size: 12px;
height: 28px;
line-height: 28px;
padding: 0 20px;
text-shadow: none;
text-transform: capitalize;
transition: all 0.4s ease-out 0s;
white-space: nowrap;
}
.comments-area .comment-list li.comment article.comment .comment-info .reply a:hover {
background: #009fdd none repeat scroll 0 0;
border-color: #009fdd;
color: #fff!important;
}
#cancel-comment-reply-link:hover {
color: inherit;
}
.comments-area .comment-list .comment-meta {
color: #999;
float: left;
font-size: 15px;
line-height: 1;
margin: 0 0 10px;
width: 100%;
}
.comments-area .comment-list .comment-meta img {
margin-right: 10px;
}
.comments-area .comment-list .comment-meta cite {
float: left;
margin-bottom: 10px;
}
.comments-area .comment-list .comment-meta cite .fn {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.comments-area .comment-list .comment-meta cite .fn a {
color: #353535;
font-style: normal;
}
.comments-area .comment-list .comment-meta cite .fn a:hover {
color: #009fdd;
}
.comments-area .comment-list .comment-meta cite span {
display: none;
}
.comments-area .comment-list .comment-meta time {
clear: both;
float: left;
font-size: 12px;
font-style: italic;
}
.comments-area .comment-list .comment-content {
font-size: 14px;
}
.comments-area .comment-list .comment-content p:last-child {
margin-bottom: 0;
}
.comments-area .comment-list ul.children {
margin: 0 0 0 20px;
}
.comments-area .comment-respond {
margin-top: 45px;
width: 100%;
}
.comments-area .comment-respond .comment-form label {
color: #999;
display: block;
margin: 0 0 5px;
}
.comments-area .comment-respond .comment-form .comment-notes,
.comments-area .comment-respond .comment-form .form-allowed-tags {
color: #999;
font-size: 13px;
}
.comments-area .comment-respond .comment-input input {
width: 100%;
background: #fdfdfd none repeat scroll 0 0;
border: 1px solid #f1f0f0;
border-radius: 0;
max-width: 100%;
padding: 10px;
font-size: 14px;
margin-bottom: 30px;
}
.comments-area .comment-respond .comment-form #comment {
border: 1px solid #f1f0f0;
height: 130px;
width: 100%;
background: #fdfdfd none repeat scroll 0 0;
border-radius: 0;
max-width: 100%;
padding: 10px;
margin-bottom: 30px;
font-size: 14px;
} .main-container .blog-page .pagination {
border-radius: 0;
float: left;
margin: 0 0 50px;
padding: 20px 0 0;
width: 100%;
}
.main-container .blog-page .pagination ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.main-container .blog-page .pagination li {
float: left
}
.main-container .blog-page .pagination a,
.main-container .blog-page .pagination span {
display: block;
text-align: center;
padding: 0 10px;
text-transform: uppercase;
background-color: #ebebeb;
color: #3f3f3f;
cursor: pointer;
font-size: 15px;
font-weight: 700;
height: 30px;
line-height: 30px;
text-decoration: none;
transition: all 0.3s ease 0s;
width: 40px;
}
.main-container .blog-page .pagination a i,
.main-container .blog-page .pagination span i {
height: 30px;
line-height: 30px;
}
.social-area .top-social a {
line-height: 28px;
width: 28px;
font-size: 20px;
border-radius: 100%;
}
.mobile-social-area a,
.top-social a {
line-height: 35px;
width: 35px;
display: inline-block;
text-align: center;
background: #fff;
margin-right: 10px;
color: #000;
font-size: 24px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
.mobile-social-area {
margin-top: 30px;
margin-bottom: 30px;
}
.main-container .blog-page .pagination a.current,
.main-container .blog-page .pagination a:hover,
.main-container .blog-page .pagination span.current,
.main-container .blog-page .pagination span:hover {
background: #444343;
color: #FFF;
}
.top-header {
line-height: 30px;
width: 100%;
height: 30px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.top-menu {
margin: 0 45px 0 0;
padding: 0;
list-style: none;
}
.top-menu li {
float: left;
}
.top-menu li a {
color: #FFF;
font-size: 15px;
line-height: 2;
border-right: 1px solid #fff;
margin-right: 5px;
padding-right: 5px;
}
.top-menu li:last-child a {
border-right: 1px solid transparent;
margin: 0;
padding: 0;
}
.menu-top-menu-container {
width: 100%;
}
.callto_mobile {
margin-right: 10px;
}
.padding-left-0 {
padding-left: 0;
}
.padding-right-0 {
padding-right: 0;
}
.section-padding-70 {
padding: 70px 0;
}
.padding-130 {
padding-top: 130px;
padding-bottom: 130px;
}
.padding-118 {
padding-top: 118px;
padding-bottom: 117px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.padding-tb-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-padding-30 {
padding-top: 30px;
padding-bottom: 5px;
}
.section-title {
font-size: 25px;
color: #000;
margin-bottom: 35px;
}
.section-padding-25 {
padding-top: 25px;
}
.cat-heading h1 {
font-size: 36px;
color: #fff;
text-align: center;
display: block;
line-height: 1;
z-index: 2;
}
.cat-heading h4 {
font-size: 24px;
color: #fff;
text-align: center;
display: block;
line-height: 1;
}
#secondary .searchform {
position: relative;
}
#secondary input#searchsubmit {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0 5px;
border-radius: 0;
background: #444343;
border: 0 none;
color: #fff;
font-size: 14px;
line-height: 44px;
height: 44px;
-webkit-transform: inherit;
transform: inherit;
left: inherit;
border-radius: 0 31px 31px 0;
} .main-header {
position: relative;
}
.mobile-menu {
height: 70px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu_text,
.menu_close {
float: left;
font-size: 22px;
margin-right: 21px;
text-transform: uppercase;
line-height: 70px;
font-style: italic;
color: #000;
}
.menu_close {
display: none;
}
.phone-menu-open .menu_text,
.mobile-menu-open .menu_text {
opacity: 0;
}
.phone-menu-open .menu_close,
.mobile-menu-open .menu_close {
display: block;
position: relative;
z-index: 3;
left: -56px;
color: #FFF;
}
.hamburger_phone.opened,
.hamburger.opened {
cursor: pointer;
height: 38px;
z-index: 999;
width: 38px;
}
.hamburger_phone,
.hamburger {
display: table-cell;
position: relative;
transition: all 0.4s ease 0s;
vertical-align: middle;
height: 38px;
width: 38px;
cursor: pointer;
z-index: 9999;
}
.hamburger_phone {
margin-right: 10px;
}
.hamburger span {
background: #000;
display: block;
height: 6px;
border-radius: 100px;
transition: transform 0.6s cubic-bezier(0.54, 0.1, 0.42, 1.48), width 0.6s ease-out;
}
.mobile-menu-open div.hamburger span {
transition: transform 0.6s cubic-bezier(0.54, 0.1, 0.42, 1.48), width 0.6s ease-in;
}
.mobile-menu-open div.hamburger span:first-child {
transform: rotate(45deg) translate(2px, -6px);
}
.mobile-menu-open div.hamburger span:nth-child(2) {
transform: rotate(-45deg);
}
.mobile-menu-open div.hamburger span:last-child {
transform: rotate(45deg) translate(5px, -12px);
width: 25px;
}
.hamburger span {
background: #000;
display: block;
height: 6px;
border-radius: 100px;
transition: transform 0.6s cubic-bezier(0.54, 0.1, 0.42, 1.48), width 0.6s ease-out;
}
.mobile-menu-open .hamburger span,
.mobile-menu-open .sticky-header .hamburger span {
background-color: #000000;
}
.hamburger span:not(:last-child) {
margin-bottom: 4px;
}
.hamburger span:first-child {
transform-origin: 0 50%;
width: 38px;
}
.hamburger span:nth-child(2) {
width: 38px;
}
.hamburger span:nth-child(3) {
width: 38px;
}
.hamburger_phone a {
display: block;
}
.phone-menu-open .openmenu,
.mobile-menu-open .openmenu {
display: block;
}
body.phone-menu-open,
body.mobile-menu-open {
overflow: hidden;
position: fixed;
width: 100%;
}
.js_body__overlay {
position: fixed;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
opacity: .75;
filter: alpha(opacity=60);
visibility: hidden;
-webkit-transition: none;
-o-transition: none;
transition: none;
z-index: 1;
}
.phone-menu-open .js_body__overlay,
.mobile-menu-open .js_body__overlay {
visibility: visible;
-webkit-transition: visibility 300ms ease-in-out 0s;
-o-transition: visibility 300ms ease-in-out 0s;
transition: visibility 300ms ease-in-out 0s;
}
.phone-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-open .js_body__overlay {
display: none;
}
.phone-menu-open #sticky-header,
.mobile-menu-open #sticky-header {
height: 100%;
background: transparent;
}
.phone-menu-wrapper,
.mobile-menu-wrapper {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding-top: 80px;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
display: none;
background: #444343;
}
.hamburger_wrap {
display: none;
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 75px;
}
#phonemenu,
#mobilemenu ul {
display: block;
margin: 0;
width: 100%;
list-style: none;
}
#phonemenu ul,
#mobilemenu ul ul {
margin: 0;
}
#mobilemenu.align-center>ul {
text-align: left;
}
#phonemenu li,
#mobilemenu ul li {
position: relative;
display: block;
border-bottom: 2px solid #d2d2d245;
}
#phonemenu ul li,
#mobilemenu ul ul li {
border-bottom: 2px solid transparent;
}
#phonemenu li a,
#mobilemenu ul li a,
#phonemenu ul li a,
#mobilemenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#phonemenu>li,
#mobilemenu>ul>li {
float: none;
}
#phonemenu ul li a,
#mobilemenu ul ul li a {
color: #fff;
display: block;
font-size: 22px;
padding: 5px 0 5px 25px;
font-weight: 400;
}
#mobilemenu>ul>li.has-sub>a:after,
#mobilemenu>ul>li.has-sub>a:before,
#mobilemenu ul ul>li.has-sub>a:after,
#mobilemenu ul ul>li.has-sub>a:before {
display: none;
}
#phonemenu .submenu-button,
#mobilemenu .submenu-button {
position: absolute;
z-index: 99;
right: 15px;
top: 11px;
display: block;
height: 30px;
width: 30px;
cursor: pointer;
border: 2px solid #43a5d6;
border-radius: 100%;
}
#phonemenu .submenu-button {
top: 7px;
height: 35px;
width: 35px;
}
#phonemenu li a img {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
#phonemenu ul .submenu-button,
#mobilemenu ul ul .submenu-button {
height: 30px;
width: 30px;
top: 2px;
right: 14px;
}
#mobilemenu .submenu-button::after {
position: absolute;
top: calc(50% + -1.5px);
right: calc(50% - 7.5px);
width: 15px;
height: 3px;
display: block;
background: #FFF;
content: '';
}
#mobilemenu ul ul .submenu-button::after {
top: 13px;
right: 7px;
}
#mobilemenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#mobilemenu .submenu-button::before {
position: absolute;
top: calc(50% - 7.5px);
right: calc(50% - 1.5px);
display: block;
width: 3px;
height: 15px;
background: #FFF;
content: '';
}
#mobilemenu ul ul>li .submenu-button::before {
top: 7px;
right: 13px;
}
#mobilemenu .submenu-button.submenu-opened:before {
display: none;
}
#phonemenu>li>a,
#mobilemenu>ul>li>a {
color: #FFF;
font-size: 22px;
font-weight: 400;
letter-spacing: 0px;
line-height: 1;
padding: 16px;
text-decoration: none;
display: block;
}
#phonemenu>li.has-sub>a,
#mobilemenu>ul>li.has-sub>a {
padding-right: 35px;
}
#phonemenu ul.sub-menu,
#mobilemenu ul.sub-menu {
display: none;
}
#phonemenu.align-right li:hover>ul,
#mobilemenu.align-right li:hover>ul {
left: auto;
right: 0;
}
#phonemenu.align-right ul ul,
#mobilemenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#phonemenu ul li:last-child>a,
#phonemenu ul li.last-item>a,
#mobilemenu ul ul li:last-child>a,
#mobilemenu ul ul li.last-item>a {
border-bottom: 0;
}
#mobilemenu.align-right ul ul li.has-sub>a:after {
right: auto;
left: 11px;
}
#mobilemenu.align-right ul ul li.has-sub>a:before {
right: auto;
left: 14px;
}
#mobilemenu ul ul>li.has-sub:hover>a:before {
top: 17px;
height: 0;
}
.phone-menu-open .top-logo,
.mobile-menu-open .top-logo,
.mobile_logo {
display: none;
}
.phone-menu-open .mobile_logo,
.mobile-menu-open .mobile_logo {
display: block;
}
.phone-menu-open .mobile_logo a img,
.mobile-menu-open .mobile_logo a img,
.phone-menu-open .mobile_logo a,
.mobile-menu-open .mobile_logo a {
z-index: 999;
}
.phone-wrapper .callto,
.mobile-wrapper .callto {
font-size: 22px;
}
.mobile-wrapper .callto {
font-size: 22px;
}
.phone-menu-wrapper .request_cons,
.mobile-menu-wrapper .request_cons {
margin-top: 20px;
margin-bottom: 20px;
}
.phone-menu-wrapper a.request_cons,
.mobile-menu-wrapper a.request_cons {
color: #FFFFFF;
text-decoration: none;
height: 52px;
text-align: center;
line-height: 46px;
font-size: 22px;
border-color: #43a5d6;
border-style: solid;
border-width: 3px;
padding: 0px 30px;
border-radius: 32px;
display: inline-block;
z-index: 9;
background: #43a5d6;
font-weight: 400;
position: relative;
}
.mobile-menu-wrapper .social-area .top-social a {
line-height: 38px;
width: 38px;
font-size: 24px;
}
.social-img,
.social-img span,
.social-area .top-social {
display: inline-block;
}
.social-img span {
font-size: 18px;
color: #fff;
font-weight: 500;
font-style: italic;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
-webkit-transform: scale(1);
transform: scale(1);
z-index: 9;
}
img.social {
width: 30px;
margin-top: -5px;
}
footer .top-social {
top: -2px;
}
.social-area-2,
.social-area {
position: relative;
}
.top-social {
opacity: 0;
position: absolute;
left: 34px;
top: 0;
visibility: hidden;
}
.open+.top-social {
opacity: 1;
visibility: visible;
text-align: left;
}
.top-social a {
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
-webkit-transform: scale(0);
transform: scale(0);
}
.social-area-2 .top-social a {
line-height: 28px;
width: 28px;
display: inline-block;
text-align: center;
background: #fff;
margin-right: 4px;
color: #3f3f3f;
font-size: 18px;
border-radius: 100%;
}
.social-area:hover .top-social a {
-webkit-transform: scale(1);
transform: scale(1);
z-index: 2;
}
.open+.top-social a {
-webkit-transform: scale(1);
transform: scale(1);
z-index: 2;
}
.entry-content a {
font-weight: 600;
color: inherit;
text-decoration: underline;
}
.category-banner {
background-color: #5e6a71;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
float: left;
position: relative;
padding-top: 510px;
overflow: hidden;
}
.cat-heading {
position: absolute;
width: 100%;
bottom: 80px;
left: 0;
}
.cat-heading h1 {
position: relative;
}
.cat-heading h1::after {
content: '';
height: 4px;
width: 100px;
margin: 0 auto 0 -50px;
position: absolute;
bottom: -22px;
left: 50%;
z-index: 1;
background: #FFFFFF;
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.contactus_title {
color: #5c5e5f;
font-size: 28px;
}
.contact-from-wrapper label {
display: block;
margin-bottom: 15px;
color: #5c5e5f;
}
.contact_hour_title,
.contact_info_title {
color: #444343;
font-size: 16px;
font-weight: 600;
float: left;
margin-right: 5px;
}
.contact_info_title,
.title_1 {
width: 80px;
}
.no-padding {
padding: 0;
}
.infof-content h2 {
color: #444343;
margin-top: 20px;
}
.contact_hour {
margin-bottom: 20px;
}
.opening_hour {
margin: 0;
padding: 0;
list-style: none;
}
.opening_hour li {
font-size: 15px;
color: #5c5e5f;
margin-bottom: 3px;
}
.opening_hour li strong {
color: #343434;
font-weight: 600;
width: 120px;
float: left;
text-transform: capitalize;
}
.product-search .btn.btn-default:before {
display: none;
}
.main-menu nav {  float: left;
}
.mainmenu.search_off {
width: 100%;
}
.sticky-header .main-menu nav {
margin-top: 0;
}
.mobile-menu-wrapper a.request_cons::after {
display: none;
} .main-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
justify-content: center;
}
.mainmenu a {
display: inline-block;
}
.mainmenu ul {
padding: 0;
margin: 0;
list-style: none;
display: table;
margin: 0 auto;
}
.mainmenu ul li {
display: inline-block;
padding: 0px 12px;
position: relative;
vertical-align: top;
padding-bottom: 30px;
padding-top: 30px;
}
.callto img {
max-width: 100%;
display: inline-block;
overflow: hidden;
width: 22px;
margin-right: 5px;
margin-top: -2px;
}
.mainmenu ul li:last-child {
// padding-right: 0px;
}
.mainmenu ul li a {
font-size: 16px;
color: #000000;
font-weight: 400;
position: relative;
line-height: 40px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.header_area_inner .mainmenu ul>li>a {
line-height: 104px;
}
.mainmenu li a:hover {
text-decoration: none;
}
.mainmenu ul li a:hover,
.mainmenu ul li ul.sub-menu li>a:hover,
.mainmenu ul li.current-menu-parent>a,
.mainmenu ul li.current-menu-item>a {
text-decoration: none;
color: #444343;
}
.mainmenu ul li span {
font-size: 30px;
color: #e1e1e1;
line-height: 124px;
}
.mainmenu ul li ul.sub-menu li {
display: block;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
} .mainmenu ul li ul.sub-menu {
background-color: #FAFAFA;
visibility: hidden;
z-index: 25;
display: block;
height: auto;
margin: 0;
opacity: 0;
position: absolute;
text-align: left;
transform: translateY(-10px);
top: 100%;
width: 275px;
padding: 10px 0 10px 0;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
-moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
transition-delay: 0s, 0.3s;
-ms-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
-o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
border-radius: 4px;
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
}
.mainmenu ul li ul.sub-menu.right-menu {
right: 0;
}
.mainmenu ul>li:hover>ul.sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
.mainmenu ul li ul.sub-menu ul.sub-menu {
left: 100%;
top: 0;
}
.mainmenu ul li ul.sub-menu ul.sub-menu.right-menu {
left: initial;
right: 100%;
}
.mainmenu ul li ul.sub-menu li a {
line-height: 1;
font-size: 15px;
display: block;
padding: 0;
text-transform: capitalize;
}
a.read_more_btn {
font-size: 20px;
color: #302f2f;
line-height: 42px;
position: absolute;
bottom: 15px;
border: 2px solid #302f2f;
display: block;
border-radius: 50px;
width: 70%;
margin: 0 auto;
left: 0;
right: 0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
a.read_more_btn {
text-align: center;
transition: all 0.5s;
cursor: pointer;
}
.service-thumb~a.read_more_btn span,
a.read_more_btn span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
a.read_more_btn span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
a.read_more_btn:hover span {
padding-right: 25px;
}
a.read_more_btn:hover span:after {
opacity: 1;
right: 0;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-top-50 {
padding-top: 50px;
} #sticky-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
}
.mobile-menu-open #sticky-header {
height: 100%;
background: transparent;
}
.logo {
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
transition: height 0.4s ease-in-out;
-webkit-transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
-ms-transition: height 0.4s ease-in-out;
-o-transition: height 0.4s ease-in-out;
}
.sticky-header .logo {
height: 70px;
}
.logo img {
width: 300px;
-webkit-transition: width 0.4s ease-in-out;
-moz-transition: width 0.4s ease-in-out;
-o-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
-ms-transition: width 0.4s ease-in-out;
}
.sticky-header .logo img {
width: 250px;
}
.mainmenu ul li a {
line-height: 1;
-webkit-transition: line-height 0.4s ease-in-out;
-moz-transition: line-height 0.4s ease-in-out;
-o-transition: line-height 0.4s ease-in-out;
transition: line-height 0.4s ease-in-out;
-ms-transition: line-height 0.4s ease-in-out;
}
.mainmenu ul li {
-webkit-transition: padding 0.4s ease-in-out;
-moz-transition: padding 0.4s ease-in-out;
-o-transition: padding 0.4s ease-in-out;
transition: padding 0.4s ease-in-out;
-ms-transition: padding 0.4s ease-in-out;
}
.sticky-header .mainmenu ul>li>a {
line-height: 1;
}
.sticky-header .mainmenu ul>li {
padding-top: 15px;
padding-bottom: 15px;
}
.form-subtitle {
margin-bottom: 30px;
margin-top: 0;
font-size: 22px;
color: #00a8e2;
}
.opening_hour {
margin-top: 20px;
}
.opening_hour_ul {
margin: 0;
padding: 0;
list-style: none;
}
.opening_hour_ul li {
margin-bottom: 5px;
}
span.day {
width: 140px;
display: inline-block;
}
.opening_hour strong {
display: block;
}
#page-sidebar {
border: 2px solid #f2f2f2;
margin-top: 50px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 50px;
}
.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 1px solid #f2f2f2;
line-height: 43px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
margin-top: 8px;
}
.page-not-found.text-center {
padding: 125px 0;
}
.section-padding-50 {
padding: 50px 0;
}
.blank_spach {
padding-top: 150px;
}
.postexcerpt li {
margin-bottom: 20px;
}
.postexcerpt h1,
.postexcerpt h2,
.postexcerpt h3,
.postexcerpt h4,
.postexcerpt h5,
.postexcerpt h6 {
clear: inherit;
}
blockquote {
background: #f3f5f8;
}/*/*/.select2-container {
display: block;
max-width: 100% !important;
width: auto !important;
}
.select2-container .select2-selection--single {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
background-color: transparent;
border: none;
outline: none;
position: relative;
color: #000;
border: 1px solid #f2f2f2;
border-top-color: rgb(242, 242, 242);
border-right-color: rgb(242, 242, 242);
border-bottom-color: rgb(242, 242, 242);
border-left-color: rgb(242, 242, 242);
padding: 5px 35px;
width: 100%;
font-weight: 300;
line-height: 43px;
margin-top: 8px;
background: #f2f2f2;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: scroll;
background-image: none;
background-size: auto;
border-radius: 31px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
left: 50%;
position: relative;
outline: 0 none;
overflow: hidden;
}
.select2-container .select2-selection--single:focus {
width: calc( 100% + 20px);
padding: 5px 45px;
outline: 0 none;
}/**/.select2-container--default .select2-results>.select2-results__options {
max-height: 300px;
min-height: 200px;
overflow-y: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
background-color: transparent;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #777;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 50%;
transform: translateY(-50%);
right: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.select2-selection__arrow b {
display: none;
}
.select2-selection__arrow::before {
content: '';
display: block;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid #999999;
margin-bottom: 2px;
}
.select2-selection__arrow::after {
content: '';
display: block;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 5px solid #999999;
} .select2-container--open .select2-dropdown {
z-index: 1251;
border: 0px solid #e5e5e5;
border-radius: 0px;
background-color: white;
box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.select2-dropdown--above {
top: -30px;
}
.select2-dropdown--below {
top: 8px;
}
.select2-container .select2-results__option[aria-selected] {
padding-top: 6px;
padding-bottom: 6px;
}
.select2-container .select2-results__option[aria-selected="true"] {
background: #F1F2f2;
color: #000;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
background: #F1F2f2;
color: #000;
}
.select2-search--dropdown .select2-search__field {
border: 1px solid #F2F2F2;
outline: none;
line-height: 1.2;
}
.select2-selection.select2-selection--single {
border: 1px solid #f2f2f2;
line-height: 43px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 35px;
border-radius: 31px;
-webkit-border-radius: 31px;
-moz-border-radius: 31px;
-ms-border-radius: 31px;
-o-border-radius: 31px;
background: #f1f1f1;
height: 48px;
}
.page-not-found .entry-title {
letter-spacing: 2px;
font-size: 24px;
}
.page-not-found img {
margin-bottom: 30px;
}
.entry-content .search-form #searchform input.search_input { left: auto; position: inherit;
transform: inherit;
border-radius: 0;
}
.entry-content .search-form #searchform input#searchsubmit {
position: absolute;
transform: inherit;
border-radius: 0;
top: 0px;
left: inherit;
right: 0 !important;
margin-top: 0;
line-height: 1;
height: 47px;
}
.entry-content #searchform {
position: relative;
}
.top_phone_number {
padding-top: 6px;
}
.top_phone_number span,
.top_phone_number a {
font-size: 18px;
line-height: 1.2;
}
.top_phone_number span {
margin-right: 10px;
color: #000000;
} .address-footer,
.treatment-row {
background-color: #444343;
padding-bottom: 100px;
}
.treatments {
position: relative;
padding: 0 15px 10px 15px;
margin-bottom: 60px;
}
.treatment-row .row>div:first-child .treatments {
padding-left: 0;
}
.treatment-row .row>div:last-child .treatments {
padding-right: 0;
}
.treatments::after {
position: absolute;
content: '';
bottom: 50px;
right: -15px;
height: 162px;
width: 2px;
background: #d9dcde;
}
.treatment-row .row>div:last-child .treatments:after {
display: none;
}
.treatment-thumb {
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
transition: background 400ms;
-webkit-transition: background 400ms;
-moz-transition: background 400ms;
-ms-transition: background 400ms;
-o-transition: background 400ms;
background: #fff;
border: 3px solid #444343;
}
.bg_img {
position: absolute;
top: 0;
left: 0;   }  .treatments .upload_img {
-webkit-filter: none;
-webkit-transition: all 1s;
-webkit-transform: scale(.9);
transform: scale(.9);
-moz-transform: scale(.9);
-ms-transform: scale(.9);
-o-transform: scale(.9);
}
.treatments:hover .upload_img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.treatments h2 {
font-size: 18px;
margin-top: 30px;
color: #fff;
text-transform: uppercase;
}
.treatments p {
font-size: 16px;
color: #fff;
font-weight: normal;
}
.ba_subtitle {
margin-bottom: 15px;
}
.cta__buttons {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.treatments .cta__buttons {
position: absolute;
top: 100%;
}
.btn {
display: inline-block;
padding: 0;
position: relative;
z-index: 1;
overflow: hidden;
vertical-align: middle;
background-color: #444343;
border: 1px solid #FFF;
border-radius: 0.2em;
color: #FFF;
font-size: 0.875em;
letter-spacing: 0.03em;
text-align: center;
text-decoration: none;
text-transform: lowercase;
transition: border-color 0.3s, background-color 0.3s;
transition-timing-function: ease, ease;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
padding: 0 15px;
}
.btn:hover {
text-decoration: none;
border-color: #444343;
background-color: #444343;
color: #FFF;
}
.cta__buttons .btn--one {
margin-right: 10px;
margin-top: 10px;
}
.btn>span {
display: block;
padding: 1em 0;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn:hover>span {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.btn::before {
content: attr(data-text);
width: 100%;
height: 100%;
padding: 1em 0;
position: absolute;
top: 0;
left: 0;
background-color: #43a5d6;
color: #fff;
text-decoration: none;
-webkit-transform: translate3d(-101%, 0, 0);
transform: translate3d(-101%, 0, 0);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn:hover::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn--underline {
border: none;
padding: 0 15px;
overflow: hidden;
background-color: transparent;
color: #FFFFFF;
}
.btn--underline::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #43a5d6;
border: 1px solid #FFFFFF;
border-radius: inherit;
color: #fff;
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.btn--underline>span {
display: block;
transition: -webkit-transform 0.3s, opacity 0.3s, padding 0.3s;
transition: transform 0.3s, opacity 0.3s, padding 0.3s;
transition-delay: 0.3s;
}
.btn--underline:hover {
background-color: transparent;
}
.btn--underline:hover::before {
border: 1px solid #43a5d6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn--underline:hover>span {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
transition-delay: 0s;
}
.btn-black {
border: 1px solid #000;
color: #FFF;
max-width: 20.75em;
}
.btn--two {
color: #000;
}
.team_section {
padding-bottom: 70px;
}
.aus_title {
color: #444344;
font-size: 38px;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 50px;
}
.aus_content p {
font-size: 21px;
color: #444343;
}
.aus_content {
padding-top: 30px;
}
.aus_content {
padding-top: 30px;
padding-right: 60px;
}
.au_button_area {
margin-top: 50px;
}
.team_subtitle {
font-size: 21px;
margin-bottom: 50px;
}
.modal-subtitle {
font-size: 17px;
margin: 0;
font-weight: 700;
margin-bottom: 0;
line-height: 1.6;
}
.modal-dialog {
max-width: 1000px;
width: 1000px;
margin: 0 auto;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.close {
z-index: 2;
position: absolute;
top: 0;
right: 10px;
outline: 0;
font-size: 35px;
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (1.75rem * 2));
}
.team_m_title {
color: #000;
margin-bottom: 5px;
margin-top: 15px;
}
.team_members {
margin-bottom: 40px;
}
.team_members a {
display: block;
}
.team_members p {
font-size: 20px;
}
.team_section_1 .team_members .team_image {
position: relative;
border-radius: 1000px;
width: 306px;
height: 306px;
overflow: hidden;
}
.team_section_1 .team_members .team_image_1::before {
background: rgba(0, 0, 0, 0.8);
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
z-index: 5;
border-radius: 1000px;
}
.team_section_1 .team_members .team_image_1:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.img_h_icon {
position: absolute;
display: inline-block;
top: calc(50% - 30px);
left: 0;
width: 60px;
line-height: 3;
opacity: 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
right: 0;
margin: 0 auto;
cursor: pointer;
}
.team_section_1 .team_members .team_image_1:hover .img_h_icon {
opacity: 1;
z-index: 9;
}
.owl-carousel button.owl-dot {
height: 13px;
width: 13px;
background: #5e6a71;
transition: background 400ms;
margin: 0 6px;
position: inherit;
border-radius: 100%;
}
.owl-carousel button.owl-dot.active {
background: #444343;
}
.treatment_option_img {
height: 92px;
display: flex;
align-items: center;
justify-content: center;
}
.treatment_options {
padding: 0 60px;
}
.treatment_option_img img {
opacity: 0.8;
transition: opacity 500ms;
}
.treatment_option_img img:hover {
opacity: 1;
}
.treatment_title {
font-size: 38px;
letter-spacing: 1px;
margin-bottom: 30px;
}
.owl-dots {
margin-top: 20px;
text-align: center;
}
.address-footer {
background-color: #444343;
background-size: cover;
padding-top: 30px;
padding-bottom: 30px;
}
.contact_us {
background-image: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/img/contact_bg.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: scroll;
background-size: cover;
padding-bottom: 30px;
border-top: 7px solid #444343;
margin-top: 0px;
}
.gis_title {
color: #fff;
font-size: 85px;
font-weight: normal;
margin-bottom: 35px;
}
.phone_number span {
font-size: 35px;
font-weight: normal;
color: #FFF;
margin-right: 10px;
}
.phone_number a {
font-size: 35px;
font-weight: 600;
color: #FFFFFF;
margin-right: 10px;
}
.address {
font-size: 21px;
color: #fff;
font-weight: normal;
}
.social_menu {
overflow: hidden;
margin-top: 20px;
}
.social_icon {
font-size: 22px;
color: #fff;
border: 2px solid #fff;
border-radius: 100%;
width: 38px;
display: flex;
justify-content: center;
float: left;
height: 38px;
align-items: center;
line-height: inherit;
margin-right: 5px;
}
.phone_number {
overflow: hidden;
margin-bottom: 10px;
}
.contact_us_form {
padding-top: 15px;
} .doctor_title {
font-size: 45px;
font-weight: 600;
margin-bottom: 66px;
}
.doctor_left p {
font-size: 17px;
font-weight: 400;
}
.doctor_left {
display: flex;
align-items: center;
height: 527px;
}
.doctor_left .cta__buttons {
margin-top: 20px;
}
.doctor_left .cta__buttons .btn--one {
margin-left: 0em;
}
.shortcode_title {
font-size: 45px;
font-weight: 600;
}
.t_l_m_b {
margin-top: 30px;
}
.doctor_area {
float: left;
width: 100%;
padding-bottom: 70px;
}
.doctor_right {
float: right;
} .width-50 {
width: 48%;
float: left;
}
.page_content_row {
border-top: 7px solid #444343;
border-bottom: 7px solid #444343;
}
.content_area_row {}
.content_area {
padding: 3em 3em 0;
width: 100%;
}
.content_img {
overflow: hidden;
}
#map {
background: #eceae4;
}
.contact_us_title {
font-size: 45px;
margin-bottom: 60px;
}
.soc_content.text-center {
padding-bottom: 30px;
padding: 0 86px;
}
.bottom_border {
position: relative;
}
.bottom_border::after {
position: absolute;
content: "";
height: 3px;
width: 200px;
left: 0;
right: 0;
bottom: -20px;
margin: 0 auto;
background: #444343;
}
#map {
height: 500px;
}
.map-banner {
margin-top: 100px;
}
.font-45 {
font-size: 45px;
}
.about_us_image img {
float: right;
margin-top: 80px;
}
.margin-top-30 {
margin-top: 30px;
}
.slider-row {
margin-top: 100px;
}
.treatment_option.padding-70 {
padding-bottom: 15px;
}
.product-search .input-group {
display: block;
}
.blog_spach {
margin-top: 70px;
}
.content_area h2 {
color: #343434;
font-size: 36px;
}
.page_shortcode {
padding-top: 80px;
}
.fp_page_sc {
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
background-size: contain;
padding-top: 70px;
padding-bottom: 70px;
}
.schedule_btn {
padding-left: 15px;
}
.contact-map iframe {
height: 500px;
}
.team_details.team-tab-open {
display: block;
}
.team_first .team {
padding: 0;
}
.team img {
-webkit-box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.74);
box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.74);
border: 1px solid #ddd;
}
.team_title h2 {
font-size: 20px;
font-weight: 600;
margin-top: 0;
color: #00a8e2;
text-align: center;
}
.team_details_slide {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
float: left;
overflow: hidden;
}
.team_details_nav,
.contests-content {
width: 100%;
float: left;
overflow: hidden;
}
.team_details_nav button.slick-arrow,
.contests-content button.slick-arrow,
.team_details_slide button.slick-arrow {
background: rgba(255, 255, 255, 0.9);
position: absolute;
top: 50%;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
border-radius: 50%;
z-index: 1;
cursor: pointer;
margin: 0;
padding: 0;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
font-size: 0;
line-height: 0;
border: 0;
}
.team_details_nav button.slick-arrow:hover,
.contests-content button.slick-arrow:hover,
.team_details_slide button.slick-arrow:hover {
border: 0;
}
.team_details_nav .slick-prev::before,
.contests-content .slick-prev::before,
.team_details_slide .slick-prev::before,
.slick-next::before {
font-family: 'FontAwesome';
opacity: 1;
background: rgba(255, 255, 255, 0.9);
color: #00a8e2;
position: relative;
line-height: 1;
font-size: 26px;
}
.team_details_nav .slick-prev::before,
.contests-content .slick-prev::before,
.team_details_slide .slick-prev::before {
content: "\f104";
left: 14px;
}
.team_details_nav .slick-next::before,
.contests-content .slick-next::before,
.team_details_slide .slick-next::before {
content: "\f105";
right: 14px;
}
.team_details_nav .slick-next,
.contests-content .slick-next,
.team_details_slide .slick-next {
right: 0;
transform: translate(50%, -50%);
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
}
.team_details_nav .slick-prev,
.contests-content .slick-prev,
.team_details_slide .slick-prev {
left: 0;
transform: translate3d(-50%, -50%, 0);
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}
.image_t {
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #DDD;
}
.image_t .open_tab {
background: transparent;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.image_t .open_r_o {
background: transparent;
box-shadow: none;
width: 100%;
height: 100%;
border: 1px solid #DDD;
}
.single_client {
margin-bottom: 30px;
}
.blue_font {
color: #444343;
font-size: 22px;
}
.team_details ul {
list-style: none;
margin: 0;
padding: 0;
}
.team_single_img {
box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.74);
border: 1px solid #ddd;
position: relative;
}
.team_single_img.after_img {
margin-right: 0;
}
.team_detials {
width: 100%;
box-shadow: 15px 15px 20px -20px rgba(0, 0, 0, 0.74);
border: 1px solid #ddd;
padding: 28px;
float: left;
}
.team_detials li {
width: 75px;
height: 100%;
float: left;
margin: 10px;
}
.team_detials li a {}
.team_single_img h2 {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
color: #000;
}
.team_second {
width: 100%;
float: left;
}
.team_details {
width: 100%;
float: left;
}
.same_height {
height: 460px;
margin-bottom: 30px;
}
.team_list {
margin: 0 5px;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
border: 0 none;
outline: 0;
}
.slick-track .team_list:first-child {}
.slick-track .team_list:last-child {}
.our_team {
padding-top: 50px;
}
.patient_images {
padding: 20px;
}
.treatment_title {
color: #444343;
font-size: 38px;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 50px;
}
.footer-payment img {
width: 500px;
}
body.mobile-menu-open .header_middel {
position: relative;
z-index: 9999;
background: #FFFFFF;
}
.padding-bottom-0 {
padding-bottom: 0;
}
.soc_content p {
margin-bottom: 30px;
}
.boxzilla {
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
}
.boxzilla-close-icon {
top: -26px !important;
color: #fff !important;
opacity: 1 !important;
}
.boxzilla.boxzilla-bottom-right {
bottom: 50px !important;
}
.boxzilla.boxzilla-bottom-left {
bottom: 50px !important;
margin: 5px !important;
}
.backmenu,
.mobile-menu-open .openmenu {
display: block;
} .hero_area {
position: relative;
background-color: #FFFFFF;
}
.hero_text {
width: 100%;
overflow: hidden;
position: absolute;
height: 100%;
z-index: 5;
text-align: center;
margin-left: auto;
margin-right: auto;
top: 0;
left: 0;
right: 0;
}
.hero_text_box {
display: flex;
align-items: center;
height: 100%;
}
.hero_text_box p,
.hero_text_box h1 {
color: #FFFFFF;
line-height: 1.2;
letter-spacing: 2px;
font-weight: 700;
font-size: 78px;
display: block;
z-index: 9;
margin: 0;
font-style: normal;
margin-bottom: 0;
position: relative;
}
.smilesnap-button {
display: inline-block;
}
.hero_text_box {
display: flex;
align-items: center;
height: 100%;
}
.hero_text p span {
position: relative;
font-weight: 300;
}
.hero_text p span::before {
content: "";
position: absolute;
background: #fff;
height: 5px;
width: 100%;
bottom: 0;
left: 0;
}
.hero_text_box p.editor_view_4 {
line-height: 50px;
font-weight: 600;
font-size: 30px;
left: calc(50% + 103px);
letter-spacing: -3px;
}
.hero_text_box .sbtng {
display: block;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 73%;
}
.sbtng a {
display: inline-block;
padding: 20px 40px 20px 40px;
position: relative;
z-index: 1;
overflow: hidden;
background-color: #43a5d6;
border-radius: 0.2em;
color: #FFF;
font-size: 18px;
letter-spacing: 0.03em;
text-align: center;
text-decoration: none;
transition: border-color 0.3s, background-color 0.3s;
transition-timing-function: ease, ease;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
line-height: 1;
margin: 0 10px;
-webkit-transition: border-color 0.3s, background-color 0.3s;
-moz-transition: border-color 0.3s, background-color 0.3s;
-ms-transition: border-color 0.3s, background-color 0.3s;
-o-transition: border-color 0.3s, background-color;
}
.manu_sbtng {
padding-left: 20px;
}
.sbtng a.btn2 {
color: #ffffff;
border-color: #444343;
background: #444343;
}
.sbtng a.btn2:hover,
.sbtng a:hover {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.6);
color: #FFF;
-webkit-transform: translate3d(0px, 0px, 1rem);
transform: translate3d(0px, 0px, 1rem);
}
.SurgeryInToronto {
font-weight: 600;
color: #43a5d6;
}
.mp4-container {
height: 827px;
width: 100%;
overflow: hidden;
position: relative;
margin: 0 auto;
}
.video-container {
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.hero__video {
min-width: 100%;
min-height: 100%;
z-index: 0;
overflow: hidden;
object-fit: cover;
background-size: cover;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0px;
left: 0px;
display: block !important;
}
.layerImage {
width: 100%;
margin: 0 auto;
text-align: center;
}
.layerImage img {
width: 100%;
}
.video_overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
z-index: 1;
}
.curvearea {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
z-index: 2;
}
.curvearea img {
width: 100%;
}
.image_box {
width: calc(50% - 10px);
float: left;
margin-top: 20px;
}
.image_box_1,
.image_box_3,
.image_box_5,
.image_box_7 {
margin-left: 10px;
}
.image_box_2,
.image_box_4,
.image_box_6,
.image_box_8 {
margin-right: 10px;
}
#envirabox-title {
display: none !important;
}
.editor_view_2 {
width: fit-content;
float: left;
padding-right: 20px;
}
.editor_view_3 {
width: 500px;
text-align: left;
float: left;
}
.hero_text_inner {
width: fit-content;
margin: 0 auto;
display: block;
}
.seemore_btn .btn {
margin-top: 30px;
text-transform: capitalize;
}
.learn_more {
position: absolute;
bottom: 50px;
width: 150px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.learn_more a.go_next_s {
width: 29px;
height: 29px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
border-color: rgba(255, 255, 255, 0.75);
border-style: solid;
border-width: 2px;
padding: 16px;
border-radius: 100%;
display: inline-block;
overflow: hidden;
position: relative;
}
.hero_text_box .learn_more p {
color: rgb(255, 255, 255);
white-space: nowrap;
text-align: center;
line-height: 20px;
font-weight: 400;
font-size: 18px;
margin-bottom: 20px;
}
span.animeted_dot {
animation: MoveUpDown 2s linear infinite;
width: 10px;
height: 10px;
background-color: #fff;
position: absolute;
border-radius: 100%;
left: calc(50% - 5px);
top: 33px;
}
@keyframes MoveUpDown {
0% {
transform: translateY(-29px);
}
50% {
transform: translateY(0px);
}
}
.layerImage {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
width: 100%;
height: 100%;
}
.hero_text_box .learn_more p {
font-size: 14px;
}
#smile_view .ezcol-one-third {
width: 33.33%;
margin: 0;
float: left;
margin-right: 4%;
position: relative;
word-wrap: break-word;
hyphens: auto;
-moz-box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
text-rendering: optimizedLegibility;
}
.hero_image {
position: relative;
display: contents;
width: 100%;
height: 100%;
}
.layerImage {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
width: 100%;
height: 100%;
}
.smilesnap-button {
display: inline-block;
}
.team_members img {
transform: scale(1);
transition: 0.3s ease all;
}
.team_members:hover img {
transform: scale(1.1);
}
.map-custom a {
color: #FFF;
}
.yvideo {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.yvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: 0 0;
}
.margin-bottom-70 {
margin-bottom: 70px;
}
.map-custom h2 {
color: #FFF;
margin-bottom: 5px;
}
.hamburger_phone a {
-webkit-mask-image: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/img/phone-icon.svg);
mask-image: url(//www.cliffcrestdental.com/wp-content/themes/duptronics/img/phone-icon.svg);
mask-size: 38px;
-webkit-mask-size: 38px;
background-color: #000000;
height: 38px;
width: 38px;
background-repeat: no-repeat;
mask-repeat: no-repeat;
display: block;
}
.logo_area {
position: relative;
}
.logo_inner {
position: absolute;
top: 0;
left: 40px;
width: 300px;
}
.pt-50 {
padding-top: 50px;
}
.pt-70 {
padding-top: 70px;
}
.pb-70 {
padding-bottom: 70px;
}
.mt70 {
margin-top: 70px;
}
.mt150 {
margin-top: 150px;
}
.au_button_area .cta__buttons .btn--one {
margin-top: 0;
}
.content_img img {
width: 100%;
}
.banner_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.22);
}
.mainmenu ul li.mega-menu ul.sub-menu {
width: 100%;
padding-right: 0;
padding-left: 0;
left: 0;
top: 100%;
padding-bottom: 25px;
}
.mainmenu ul li.mega-menu.two-column ul.sub-menu {
width: 600px;
padding-bottom: 15px;
}
.mainmenu ul li.mega-menu.two-column ul.sub-menu li {
width: 50%;
}
.mainmenu ul li.mega-menu ul.sub-menu li {
float: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
}
.mainmenu ul li.mega-menu ul.sub-menu ul.sub-menu {
position: relative;
right: inherit;
left: inherit;
top: inherit;
width: auto;
padding: 0;
transform: inherit;
box-shadow: none;
visibility: hidden;
opacity: 0;
}
.mainmenu ul li.mega-menu:hover ul.sub-menu ul.sub-menu {
visibility: visible;
opacity: 1;
}
.mainmenu ul li.mega-menu ul.sub-menu ul.sub-menu li {
display: block;
width: 100%;
}
.mainmenu ul li.mega-menu ul.sub-menu li ul.sub-menu li {
padding: 0;
}
.mainmenu ul li.mega-menu ul.sub-menu li ul.sub-menu li a {
font-weight: 400;
color: #000;
margin-top: 10px;
display: block;
}
.mainmenu ul li.mega-menu ul.sub-menu li ul.sub-menu li a:hover {
color: #43a5d6;
}@media (min-width:1600px) {
.container {
width: 1500px;
}
.padding-50 {
padding: 0 50px;
}
}
@media (max-width:1600px) {
.mp4-container {
height: 750px;
}
.hero_text_box p,
.hero_text_box h1 {
font-size: 70px;
}
.editor_view_3 {
width: 450px;
}
.hero_text_box .learn_more p {
font-size: 18px;
}
.learn_more {
bottom: 30px;
}
.treatments {
padding: 0px;
}
.main-menu {
-ms-flex-align: end;
justify-content: end;
}
}
@media (max-width:1399px) {
.width-one-half {
width: 100%;
float: left;
}
.mp4-container {
height: 680px;
}
.hero_text_box p,
.hero_text_box h1 {
font-size: 60px;
}
.editor_view_3 {
width: 400px;
}
.hero_text_box .learn_more p {
font-size: 18px;
}
.main-menu {
justify-content: end;
}
.logo_inner {
left: 0px;
}
}
@media (min-width:1200px) and (max-width:1368px) {}
@media (max-width:1200px) {
.top_header {
display: none;
}
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.phone-menu-open .js_body__overlay,
.js_body__overlay {
display: block;
}
.logo {
height: 70px;
}
.sticky-header .logo img,
.logo img {
width: 220px;
}
.slider-row,
.category-banner,
.map-banner {
margin-top: 70px;
}
.mp4-container {
height: 650px;
}
.hero_text_box h1 {
font-size: 40px;
}
.hero_text_box .sbtng {
top: 72%;
}
.learn_more {
bottom: 20px;
}
.modal-dialog {
max-width: 800px;
width: 800px;
}
.treatments_2::after {
display: none;
}
.treatment-row {
padding-bottom: 10px;
}
.treatments {
margin-bottom: 120px;
}
.logo_inner {
left: 15px;
}
.logo_inner {
width: 230px;
}
}
@media (min-width:992px) and (max-width:1200px) {
.post-thumb-info {
padding: 14px 10px;
}
.same_height {
height: auto;
margin-bottom: 30px;
}
.team_details_slide button.slick-arrow {
top: 250px;
}
.category-banner {
padding-top: 320px;
}
.hero_text_box p,
.hero_text_box h1 {
font-size: 54px;
}
.editor_view_3 {
width: 360px;
}
.hero_text_box .learn_more p {
font-size: 18px;
}
}
@media (max-width:1124px) {}
@media (max-width:991px) {
.mp4-container {
height: 600px;
}
.editor_view_2 {
width: 100%;
float: none;
padding-right: 0;
text-align: center;
}
.editor_view_3 {
width: 100%;
text-align: center;
float: none;
}
.hero_text a.btn2 {
margin-right: 0;
margin-left: 5px;
}
.hero_text_box .sbtng {
top: 71%;
}
.aus_content {
padding-right: 0px;
}
}
@media (min-width:778px) and (max-width:991px) {
.team_details_slide button.slick-arrow {
top: 250px;
}
.treatments::after {
display: none;
}
.slider-mobile-bg {
display: none;
}
.left_side_text {
margin-bottom: 30px;
}
.blank_spach {
padding-top: 70px;
}
.doctor_left {
display: block;
align-items: unset;
height: auto;
margin-top: 30px;
}
.team_detials,
.team_title {
margin-bottom: 30px;
}
.same_height {
height: auto;
margin-bottom: 30px;
}
.category-banner {
padding-top: 245px;
}
.hero_text_box p,
.hero_text_box h1 {
font-size: 54px;
}
.hero_text_box .learn_more p {
font-size: 18px;
}
.our_videos.ptb-70 {
padding-bottom: 0;
}
}
@media (max-width:777px) {
.treatments .cta__buttons {
position: unset;
bottom: 0;
}
.doctor_left {
display: block;
align-items: unset;
height: auto;
margin-top: 30px;
}
.same_height {
height: auto;
}
.team_details_slide {
padding-bottom: 15px;
padding-top: 30px;
}
.team_detials.same_height {
margin-top: 15px;
margin-bottom: 15px;
}
.team_details_slide button.slick-arrow {
top: 140px;
}
.treatments {
margin-bottom: 50px;
}
.phone_number a {
font-size: 24px;
}
.treatments::after {
display: none;
}
.width-50 {
width: 100%;
float: none;
margin-bottom: 30px;
}
.padding-left-0 {
padding-left: 15px;
}
.padding-right-0 {
padding-right: 15px;
}
.content_area {
width: 100%;
margin: 0 auto;
}
.content_area_row {
display: block;
height: auto;
}
.team_m_title,
.team_m_title.t_m_t_2,
.team_m_title.t_m_t_3,
.team_m_title.t_m_t_4 {
right: 15px;
}
.team_member {
top: -3px;
right: 98px;
}
.team_m_title.t_m_t_4 {
top: -5px;
}
.team_members {
margin-bottom: 60px;
}
.team_members_4 {
margin-bottom: 0;
}
.treatments {
padding: 0;
margin-bottom: 60px;
}
.treatments.treatments_4 {
margin-bottom: 0;
}
.aus_content {
padding-top: 0;
padding-right: 0;
}
.aus_content {
margin-bottom: 60px;
}
.contact_us_form {
padding-top: 60px;
}
.content_img {
height: 24em;
overflow: hidden;
}
.content_area {
padding: 1.875em 5% 2.5em;
}
.shortcode_title,
.contact_us_title,
.font-45,
.cat-heading h1,
.doctor_title {
font-size: 32px;
}
.t_l_m_b {
font-size: 16px;
margin-top: 0;
}
.ta_text p {
margin-bottom: 0;
}
.doctor_area {
margin-top: 30px;
}
.left_side_text {
margin-bottom: 30px;
}
.soc_content.text-center {
padding: 0 15px;
}
.blank_spach {
padding-top: 70px;
}
.content_img {
height: auto;
}
.aus_content {
width: 350px;
margin: 0 auto;
}
.about_us_image {
width: 350px;
text-align: center;
margin: 0 auto 30px;
}
.about_us_image img {
float: none;
}
.treatment_title,
.aus_title,
.team_title {
font-size: 28px;
}
.gis_title {
font-size: 55px;
text-align: center;
}
#map {
height: 330px;
overflow: hidden;
}
.treatments {
width: 355px;
margin: 0 auto 60px;
}
.team_details_slide button.slick-arrow {
top: 240px;
}
.learn_more {
bottom: 10px;
}
.modal-dialog {
max-width: 80%;
width: 80%;
} .mp4-container {
height: 400px;
}
.hero_text_box {
justify-content: center;
}
.hero_text h1.editor_view_1 {
font-size: 60px;
}
.hero_text_box p {
font-size: 32px;
}
.hero_text_box .sbtng {
top: 65%;
}
.address .map-custom h2 {
font-size: 28px;
}
.listen_block {
height: 220px;
}
.featured_artist_box {
width: 90%;
margin: 0 auto;
}
.btn::before {
padding: 15px 50px 15px 15px;
}
.hero_text_box {
align-items: center;
}
.hero_text h1.editor_view_1 {
font-size: 35px;
}
.hero_text p span::before {
bottom: -6px;
}
.category-banner {
padding-top: 369px;
}
.sbtng a {
font-size: 16px;
margin-top: 15px;
padding: 12px 20px;
}
.hero_text_box .learn_more p {
line-height: 18px;
margin-bottom: 5px;
}
}
@media (max-width:575px) {
.hero_text a.btn2 {
margin-right: 0px;
margin-left: 0px;
}
.category-banner {
padding-top: 305px;
}
.cat-heading {
bottom: 60px;
}
.hero_text p span {
line-height: 42px;
font-size: 35px;
}
}
@media (max-width:480px) {
.team_details_slide button.slick-arrow {
top: 140px;
}
.treatments,
.aus_content,
.about_us_image {
width: 100%;
}
.modal-dialog {
max-width: 90%;
width: 90%;
}
.hero_text h1.editor_view_1 {
font-size: 28px;
}
.hero_text_box p {
font-size: 28px;
}
#find_us.contact_us .top_curve {
top: -9px;
}
.category-banner {
padding-top: 234px;
}
.hero_text_box p {
line-height: 42px;
font-size: 35px;
}
.hero_text_box h1 {
font-size: 28px;
}
}ul.redux-social-media-list{margin-top:-20px}ul.redux-social-media-list li{font-size:30px;float:left;margin-right:2px;padding:5px;display:block}ul.redux-social-media-list li:before{content:''}