.error_image {
width: 50%;
display: block;
margin: 5em auto;
} #primary-menu {
text-align: center;
}
#primary-menu > li {
display: inline-block;
vertical-align: middle;
text-decoration: none;
position: relative;
padding: 0px 0px;
border-left: 1px solid #6BBD8C;
border-right: 1px solid #1D6339;
transition: all 0.25s ease 0s;
margin: 0px -2px !important;
}
#primary-menu > li:first-child {
border-left: 0px solid #6BBD8C;
}
#primary-menu > li:last-child {
border-right: 0px solid #1D6339;
}
#primary-menu > li:hover,#primary-menu > li.active {
background-color: #338C57;
}
#primary-menu > li.active:after {
content: '';
display: block;
margin: auto;
height: 3px;
width: 100%;
background: #fff;
}
#primary-menu > li:after {
content: '';
display: block;
margin: auto;
height: 3px;
width: 0px;
background: #fff;
transition: width .3s ease;
}
#primary-menu > li:hover:after {
width: 100%;
}
#primary-menu > li > a {
display: block;
color: #fff;
font-size: 17px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-shadow: -1px -1px 0px rgba(70, 82, 83, 0.5);
letter-spacing: 0.75px;
padding: 20px 30px 12px 30px;
overflow: hidden;
transition: all 0.25s ease 0s;
}
header.header > .wrapper > nav.navigation > .bg {
z-index: -1;
}
@media only screen and (max-width: 960px) and (min-width: 641px){
#primary-menu > li {
width: 16.5%;
}
#primary-menu > li > a {
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 640px) {
#primary-menu {
display: block;
text-align: left;
}
#primary-menu > li {
display: block;
border-top: 1px solid #65CE8F;
border-bottom: 1px solid #0C4623;
}
#primary-menu > li:after {
display: none !important;
}
} .footer_navigation {
text-align: center;
}
.footer_navigation .menu-item {
display: inline-block;
vertical-align: middle;
margin: 5px 0px;
}
.footer_navigation .menu-item:not(:last-child)::after {
content: " | ";
}
.footer_navigation .menu-item a {
display: inline;
font-size: 14px;
font-family: 'Roboto', Sans-Serif;
font-weight: 400;
} #content > .wrapper > .content_item {
padding: 0px;
}
#content > .wrapper > .content_item:nth-child(even) {
background-color: transparent;
}
#content > .wrapper > .content_item > .wrapper {
max-width: 100%;
}
#service_procedures { }
.section.email_encryption .item.item_half {
vertical-align: middle !important;
}
.section.email_encryption .item img {
display: block;
width: 65%;
margin: 0px auto;
}
.section:nth-child(even) .sep > .bullet {
background-color: #EFEFEF;
}
.otherServices .item .title > .text {	
color: #465253;
font-size: 24px;
font-family: Roboto Slab, serif;
font-weight: 300px;
text-align: center;
letter-spacing: 1px;	
}
.otherServices .item .title > .sep {
margin-top: 15px;
margin-bottom: 25px;
}
.otherServices .list {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 480px;
}
.otherServices .list > .holder {
padding-left: 50px;
}
.otherServices .list > .holder > .item {
margin-bottom: 15px;
}
.otherServices .company {
display: inline-block;
vertical-align: middle;
width: 60%;
width: calc(100% - 480px);
width: -webkit-calc(100% - 480px);
width: -moz-calc(100% - 480px);
width: -o-calc(100% - 480px);
text-align: center;
}
.otherServices .company > .holder > .company_item {
display: inline-block;
vertical-align: middle;
width: 24%;
width: calc(40% - 14px);
width: -webkit-calc(40% - 14px);
width: -moz-calc(40% - 14px);
width: -o-calc(40% - 14px);
margin: 5px;
border: 1px solid #ddd;
background-color: #fff;
}
.otherServices .company > .holder > .company_item > img {
display: block;
margin: 0px auto;
}
.av_image_item {
max-width: 540px;
}
.av_text_item {
max-width: 540px;
}
.av_msp_text {
font-size: 24px;
font-family: Roboto Slab, serif;
text-align: center;
}
@media only screen and (max-width: 640px){
.section > .wrapper > .holder > .image_item {
margin: 0px;
}
.section > .wrapper > .holder > .image_item > .holder {
padding: 0px;
margin: 20px 20px -20px 20px;
}
.otherServices .list_holder > .list {
width: 100%;
}
}  #content > .wrapper > .content_item > .wrapper { }
.location_widget {
text-align: left;
box-shadow: 0px 0px 0px 1px #bbb;
}
.map {
display: inline-block;
vertical-align: top;
width: 100%;
width: calc(100% - 360px);
width: -webkit-calc(100% - 360px);
width: -moz-calc(100% - 360px);
width: -o-calc(100% - 360px);
background-color: #D0E5B0;
background-color: #fff;
box-shadow: 0px 0px 0px 1px #ccc;
}
.map > .holder {
position: relative;
height: 460px;
overflow: hidden;
margin: 10px;
background-color: rgb(229, 227, 223);
}
#googlemaps {
height: 100%;
}
.locations_list {
float: right;
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 360px;
overflow-x: hidden;
}
.locations_list > .holder {
width: calc(100% + 25px);
width: -webkit-calc(100% + 25px);
width: -moz-calc(100% + 25px);
width: -o-calc(100% + 25px);
max-height: 480px;
overflow: auto;
overflow-x: hidden;
}
.location_widget:hover .locations_list > .holder {
width: 100%;
}
.locations_list > .holder > .item {
height: 60px;
cursor: pointer;
border-left: 1px solid #ccc;
background-color: #f5f5f5;
}
.locations_list > .holder > .item_selected {
border-left: 1px solid #fff;
background-color: #fff;
}
.locations_list > .holder > .item:not(.item_selected):hover {
background-color: #e5e5e5;
}
.locations_list > .holder > .item > .holder {
height: calc(100% - 2px);
height: -webkit-calc(100% - 2px);
height: -moz-calc(100% - 2px);
height: -o-calc(100% - 2px);
padding: 0px 0px 0px 35px;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}
.locations_list > .holder > .item:first-child > .holder {
border-top: 1px solid #f5f5f5;
}
.locations_list > .holder > .item:last-child > .holder {
border-bottom: 1px solid #f5f5f5;
}
.locations_list > .holder > .item > .holder > .text {
display: inline-block;
vertical-align: middle;
color: #465253;
font-size: 18px;
font-family: Roboto Slab, Serif;
font-weight: 400;
text-align: left;
text-shadow: 1px 1px 0px #fff;
}
.locations_list > .holder > .item_selected > .holder > .text {
color: #48A96F;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 800px){
.map {
width: 100%;
}
.locations_list {
float: none;
max-width: 1000px;
}
.locations_list > .holder {
max-height: 1000px;
}
.locations_list > .holder > .item {
border-left: 0px;
}
.location_widget:hover .locations_list > .holder {
width: auto;
}
}  #content > .wrapper > .content_item {
padding-bottom: 150px;
}
#content > .wrapper > .content_item > .wrapper { }
p.pagedesc {
padding: 0px 0px 50px 0px;
}
#contact_info > .wrapper {	
margin: 0px auto;
}
#contact_info > .wrapper > .holder > .sep {
margin: 35px 0px;
}
#contact_info > .wrapper > .holder > .item > .holder > .icon {
display: none;
vertical-align: middle;
width: 100px;
height: 100px;
}
#contact_info > .wrapper > .holder > .item > .holder > p {
font-family: Roboto, sans-serif;
font-weight: 400;
}
#contact_info > .wrapper > .holder > .item > .holder > p > a {
color: #000;
}
#contact_info > .wrapper > .holder > .item > .holder > p.small_size {
color: #777;
font-size: 17px;
line-height: 18px;
}
#contact_info > .wrapper > .holder > .item > .holder > p.big_size {
color: #111;
font-size: 20px;
letter-spacing: 1px;
line-height: 20px;
padding: 10px 0px 0px 0px;
}
.contact_text {
margin: 25px 0px 75px 0px;
}
#contact_form {
position: relative;
}
#contact_form > .holder {
margin: 0px auto;
}
#contact_form p {
font-size: 28px;
margin-bottom: 50px;
}
#contact_form .input {
padding-bottom: 10px;
}
#contact_form .input_half {
display: inline-block;
vertical-align: middle;
width: 50%;
}
#contact_form .input_half:nth-child(2) > .holder {
padding-right: 5px;
}
#contact_form .input_half:nth-child(3) > .holder {
padding-left: 5px;
}
#contact_form .input {
vertical-align: top;
}
#contact_form .input:first-child > .holder,
#contact_form .input:last-child > .holder {
padding-left: 0px;
padding-right: 0px;
}
#contact_info .heading,
#contact_form .heading {
color: #444;
font-size: 28px;
font-family: Roboto Slab, sans-serif;
font-weight: 400;
letter-spacing: 0.5px;
text-shadow: 2px 2px 2px #fff;
text-align: left;
margin-bottom: 20px;
}
#contact_info .heading {
margin-bottom: 35px;
}
#contact_form input:not([type="checkbox"]),
#contact_form textarea {
position: relative;
width: 100%; font-size: 18px;
font-family: Roboto, sans-serif;
font-weight: 400;
letter-spacing: 0.5px; padding: 30px 20px;
border: 0px;
border-radius: 3px;
outline: 0px;
box-shadow: inset 0px 0px 1px 1px #bbb;
background-color: #f5f5f5;
resize: vertical;
}
#contact_form input:not([type="checkbox"]):focus,
#contact_form textarea:focus {
box-shadow: inset 0px 0px 0px 3px #6BDC9E;
background-color: #fff;
}
#contact_form input[type="reset"],
#contact_form input[type="button"] {
color: #fff;
font-size: 22px;
font-family: Roboto, sans-serif;
font-weight: 400;
letter-spacing: 0.5px;
box-shadow: inset 0px 0px 0px 0px #fff;
cursor: pointer;
transition: all 0.25s ease 0s;
}
#contact_form input[type="reset"] {
font-size: 18px;
text-shadow: -1px -1px 0px #333;
border: 1px solid #333;
padding: 17.5px 20px;
background-color: #465253;
}
#contact_form input[type="button"] {
width: 100%;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px 75px;
border-radius: 3px;
text-shadow: 1px 1px 1px #207B49;
box-shadow: inset 0px 0px 5px 0px #136F3C;
background-color: #2B985C;
}
#contact_form input[type="reset"]:hover {
text-shadow: -1px -1px 0px #465253;
border: 1px solid #AD1212;
background-color: #F94A4A;
}
#contact_form input[type="button"]:hover {
background-color: #2CCA40;
}
#contact_form input[type="button"]:active {
background-color: #2B985C;
}
#contact_form .input_button {
display: inline-block;
vertical-align: middle;
}
#contact_form textarea {
min-height: 150px;
}
#contact_form .status {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
max-height: 1200px;
opacity: 1;
overflow: hidden;
background-color: #fff;
transition: all 0.5s ease 0s;
}
#contact_form .status_hide {
max-height: 0px;
opacity: 0;
}
#contact_form .status > .holder {
padding: 25px;
}
#contact_form .status > .holder > .message {
border-radius: 5px;
}
#contact_form .status > .holder > .message > .image {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
margin-right: 25px;
border-radius: 50px;
}
#contact_form .status > .holder > .message > .text {
display: inline-block;
vertical-align: middle;
width: calc(100% - 75px);
width: -webkit-calc(100% - 75px);
width: -moz-calc(100% - 75px);
width: -o-calc(100% - 75px);
font-size: 18px;
font-family: Roboto, sans-serif;
font-weight: 500;
letter-spacing: 0.5px;
}
#contact_form .status > .holder > .message_success > .image {
background-color: #1DB745;
}
#contact_form .status > .holder > .message_error > .image {
background-color: #CC2B2B;
}
@media only screen and (max-width: 1024px){
.section > .wrapper > .holder > .item_half,
.section > .wrapper > .holder > .item_third,
.section > .wrapper > .holder > .item_forth {
width: 100%;
}
}
@media only screen and (max-width: 640px){
p.small_size {
font-size: 14px;
}
p.big_size {
font-size: 18px;
}
p.large_size {
font-size: 22px;
}
p.huge_size {
font-size: 24px;
}
#contact_info > .wrapper > .holder > .sep {
margin-left: 0px;
}	
#contact_info > .wrapper > .holder > .item > .holder > p {
text-align: left;
}
#contact_form .row_double .input {
width: 100%;
}
#contact_form .row_double .input:first-child > .holder {
padding-right: 0px;
}
#contact_form .row_double .input:last-child > .holder {
padding-left: 0px;
}
}
div.wpforms-container-full .wpforms-form button[type=submit] {
font-size: 20px !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 15px 50px !important;
border-radius: 3px;
text-shadow: 1px 1px 1px #207B49;
box-shadow: inset 0px 0px 5px 0px #136F3C;
background-color: #2B985C !important;
color: #fff !important;
}
#contact_form p {
font-size: 20px;
margin-bottom: 0px;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding-top: 5px !important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
font-family: roboto !important;
margin-top: 5px !important;
}
div.wpforms-container .wpforms-form label.wpforms-field-label {
color: #333;
font-size: 14px;
font-family: Roboto, sans-serif;
font-weight: 500;
text-align: left;
line-height: 15px;
letter-spacing: 0.5px;
}
div.wpforms-container .wpforms-form label.wpforms-field-label-inline {
color: #444;
font-size: 13px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-align: left;
line-height: 15px;
letter-spacing: 0.5px;
}
.wpforms-container input[type=radio] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
}
.wpforms-container input[type=checkbox] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
display: none !important;
}::selection { background: rgba(127, 222, 125, 0.45); }
::-moz-selection { background: rgba(127, 222, 125, 0.45); }
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1,h2,h3 {
font-weight:300;
}
h4,h5,h6,p {
font-weight:400;
}
h1,h2,h3,h4,h5,h6 {
font-family:Roboto, Sans-serif;
}
p {
font-family:Open Sans, Sans-serif;
}
input,button,textarea,div {
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
}
ol,ul,li{
list-style:none;
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,p,ol,ul,li,img {
padding:0px;
margin:0px;
}
h1,h2,h3,h4,h5,h6,p,ul,li,input,button,textarea {
display:block;
}
img {
width:100%;
height:auto;
}
strong {
font-weight:700;
}
p.smallnote {
color:#333;
font-size:12px;
font-family:Arial, Sans-serif;
text-transform:none;
letter-spacing:1px;
}
.hide {
display:none;
}
.center {
text-align:center;
margin-left: auto;
margin-right: auto;
}
.left {
float:left;
}
.right {
float:right;
}
.bg_white {
background-color:#fff;
}
.bg_eee {
background-color:#eee;
}
.bg_fafafa {
background-color:#fafafa;
}
.bg_f5f5f5 {
background-color:#f5f5f5;
}
.bg_f0f0f0 {
background-color:#f0f0f0;
}
.full_height_ib {
display:inline-block;
vertical-align:middle;
width:0px;
height:100%;
}
.rotate90 {
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.rotate90n {
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}
.rotate180 {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.inline {
display:inline-block;
vertical-align:middle;
}
.abs {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.ellipsis {
width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.unselectable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"]{
box-shadow:inset 0px 0px 0px 1px #ddd;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus{
box-shadow:inset 0px 0px 0px 3px #0096ff;
} input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}body {
margin: 0px;
background-color: #fff;	
}
body.body_noScroll {
overflow: hidden;
}
.nomargin {
margin: 0px;
}
#content {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/other/pw_maze_white.png);
}
a.nostyle,
a.nostyle:active,
a.nostyle:visited,
a.nostyle:hover {
color: #000;
text-decoration: none;
}
a:not(.nostyle),
a:not(.nostyle):active,
a:not(.nostyle):visited {
color: #0F6CBF;
text-decoration: none;
}
a:not(.nostyle):hover {
color: #D0329E;
text-decoration: none;
}
p.pagedesc {
font-size: 20px;
font-family: Roboto, sans-serif;
font-weight: 300;
text-align: center;
margin: 25px 0px;
}
button.outline_button {
position: relative;
top: 0px;
font-size: 22px;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
letter-spacing: 0.5px;
border: 0px;
border-radius: 3px;
box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.5);	
padding: 10px 35px;
transition: all 0.15s ease 0s, top 0.15s linear 0s;
cursor: pointer;
}
button.outline_button > span.icon {
position: absolute;
top: 11px;
left: 0px;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition: all 0.15s ease 0s;
}
button.outline_button > span.icon[data-name="email"] {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/email_icon.png);
}
button.outline_button > span.icon[data-name="calculator"] {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/calculator_icon.png);
}
button.outline_button > span.icon[data-name="cursor"] {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/hand_cursor.png);
}
button.outline_button,
button.outline_button[data-fill="false"],
button.outline_button[data-color="yellow"][data-fill="true"]:hover {
background-color: rgba(0,0,0,0.35);
}
button.outline_button[data-color="yellow"],
button.outline_button[data-color="yellow"][data-fill="false"],
button.outline_button[data-color="yellow"][data-fill="true"]:hover {
color: #FEC001;
border: 4px solid #FEC001;
}
button.outline_button[data-color="yellow"]:hover,
button.outline_button[data-color="yellow"][data-fill="true"] {
color: #111;
padding: 10px 15px 10px 55px;
background-color: #FEC001;
}
button.outline_button:active {
top: 4px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
transition: all 0.15s ease 0s;
}
button.outline_button[data-noshadow="true"],
button.outline_button[data-noshadow="true"]:active {
top: 0px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
button.outline_button:hover > span.icon,
button.outline_button[data-fill="true"] > span.icon {
left: 15px;
opacity: 1.0;
transition: all 0.1s ease 0.15s;
}
button.solid_button {
color: #eee;
font-size: 18px;
font-family: Roboto Condensed, sans-serif;
font-weight: 400;
text-shadow: -1px -1px 0px #222;
letter-spacing: 0.5px;
padding: 10px 20px;
border: 1px solid #222;
border-radius: 3px;
background-color: #465253;
cursor: pointer;
}
button.solid_button:hover {
color: #fff;
background-color: #23C54D;
}
button.solid_button:active {
box-shadow: inset 0px 0px 3px 0px #222;
background-color: #444;
}
.sep {
width: 50px;
height: 5px;
border-radius: 2.5px;
margin-top: 25px;
margin-bottom: 25px;
}
.sep.wide {
width: 100px;
}
.sep.thick {
height: 10px;
border-radius: 5px;
}
.sep.space_max {
margin-top: 35px;
margin-bottom: 35px;
}
.sep.space_med {
margin-top: 25px;
margin-bottom: 25px;
}
.sep.space_min {
margin-top: 15px;
margin-bottom: 15px;
}
.sep > .bullet {
position: relative;
width: 10%;
height: 100%;
margin: 0px auto;
background-color: #fff;
}
.sep.dddddd {
background-color: #ddd;
}
.sep.cccccc {
background-color: #ccc;
}
.sep.bEFEFEF > .bullet {
background-color: #EFEFEF;
}
.sep.green {
background-color: #23C54D;
}
.sep.yellow {
background-color: #FB9218;
}
.sep.right {
float: none;
margin-left: auto;
margin-right: 0px;
}
h1 {
font-size: 40px;
font-family: Roboto Slab, serif;
font-weight: 400;
}
h3 {
color: #444;
font-size: 28px;
font-family: Roboto Slab, Serif;
font-weight: 700;
text-align: left;
letter-spacing: 1px;
}
p {
color: #222;
font-size: 20px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-align: left;
line-height: 32px;
letter-spacing: 0.5px;
}
p.small_size {
font-size: 14px;
}
p.big_size {
font-size: 22px;
}
p.large_size {
font-size: 24px;
}
p.huge_size {
font-size: 28px;
}
p.medium {
font-weight: 400;
}
p.thick {
font-weight: 700;
}
p.space_around {
margin: 15px;
}
p.indent {
text-indent: 35px;
}
p > a {
font-family: Roboto, sans-serif;
font-weight: 400;
}
.list > .holder {
padding: 25px;
}
.list > .holder > .item {
color: #000;
font-size: 18px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-align: left;
line-height: 26px;
letter-spacing: 0.25px;
padding-left: 25px;
margin-bottom: 10px;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/bullet_icon.png);
background-size: 10px 10px;
background-position: 0px 7px;
background-repeat: no-repeat;
}
.shadow_design {
border-radius: 5px;
border: 1px solid rgba(187, 187, 187, 0.5);
box-shadow: 0px 0px 0px 3px rgba(187, 187, 187, 0.15);
background-color: #fff;
}
.shadow_design > .holder {
padding: 25px;
box-shadow: 0px 25px 5px -15px rgba(187, 187, 187, 0.75);
}
.content_image {
max-width: 760px;
margin: 0px auto;
}
.content_image > .holder > img {
display: block;
}
.remote_support .image_item .image {
max-width: 320px;
margin: 0px auto;
}
.section:nth-child(odd) {
background-color: #fff;
}
.section:nth-child(even) {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/other/section_head_underline.png);
background-size: auto 50px;
background-position: top center;
background-repeat: no-repeat;
}
.section:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.section > .wrapper {
max-width: 1200px;
margin: 0px auto;
}
.section:first-child > .wrapper {
padding: 0px 0px;
}
.section > .wrapper > .holder {
padding: 50px 35px; }
.section:nth-child(odd) {
padding-bottom: 25px;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/other/bg4.png);
background-size: 100px auto;
background-position: bottom center;
background-repeat: repeat-x;
}
.section > .wrapper > .holder > .head {
padding: 0px 10px;
}
.section > .wrapper > .holder > .head > h2 {
color: #465253;
font-size: 36px;
font-family: Roboto, serif;
font-weight: 400;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0px #fff;
} .section > .wrapper > .holder > .item {
display: inline-block;
vertical-align: top;
width: 100%;
}
.section > .wrapper > .holder > .item > .holder {
padding: 15px 35px;
text-align: left;
}
.section:nth-child(even) .sep > .bullet {
background-color: #EFEFEF;
}
.website.page_homepage .section > .wrapper > .holder > .head {
margin-top: 35px;
margin-bottom: 35px;
}
.website.page_homepage .section > .wrapper > .holder > .head > h2 {
letter-spacing: 1px;
} .section > .wrapper > .holder > .item_half {
width: 50%;
}
.section > .wrapper > .holder > .item_third {
width: 33.33333333333333%;
}
.section > .wrapper > .holder > .item_forth {
width: 25%;
}
.round_icon {
border-radius: 50%;
margin-bottom: 25px;
background-position: center center;
background-repeat: no-repeat;
transition: all 0.5s ease 0s;
}
.round_icon.medium {
width: 125px;
height: 125px;
background-size: 50% auto;
}
.round_icon.large {
width: 150px;
height: 150px;
background-size: 75% auto;
}
.round_icon.white {
background-color: #fff;
}
.round_icon.dark {
background-color: #465253;
}
.round_icon.green {
background-color: #23C54D;
}
.round_icon.blue {
background-color: #05A9B1;
}
.round_icon.red {
background-color: #F44336;
}
.round_icon.purple {
background-color: #714B8A;
}
.round_icon.yellow {
background-color: #FB9218;
}
.round_icon.planning {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/planning_white.png);
}
.round_icon.encryption {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/lock_white.png);
}
.round_icon.services {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/services_white.png);
}
.round_icon.backup {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/backup_white.png);
}
.round_icon.antivirus {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/antivirus_white.png);
}
.round_icon.office {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/office_white.png);
}
.round_icon.clock {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/clock.png);
}
.round_icon.smile {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/smile.png);
}
.round_icon.badge {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/orig/badge.png);
}
.round_icon.doubletick {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/homepage/tick_icon_sh.png);
}
.website.page_homepage .section > .wrapper > .holder > .item > .holder {
text-align: center;
}
.website.page_homepage .section > .wrapper > .holder > .item:not(.nohover):hover > .holder .round_icon {
background-color: #475060;
}
.website.page_homepage .section.ourpromise .round_icon {
margin-bottom: 0px;
}
.title_area {
position: relative;
min-height: 200px;
overflow: hidden;
background-color: #465253;
}
.title_area > .image {
background-size: auto auto;
background-position: center center;
background-repeat: no-repeat;
}
.title_area > .bg {
background-color: #0F3512;
opacity: 0.75;
}
.title_area > .holder {
overflow: hidden;
}
.title_area > .holder > .text {
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
}
.title_area > .holder > .text > .holder {
padding: 25px 0px;
}
.title_area h1 {
color: #fff;
text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.35);
word-spacing: 1px;
}
.title_area h1 > span.emphasis {
color: #FEC001;
font-weight: 700;
}
.website.page_homepage .title_area {
min-height: 500px;
}
.website.page_homepage .title_area h1 {
margin-bottom: 25px;
}
.website.page_homepage .title_area h1 > .divide {
display: none;
}
.website.page_homepage .title_area h1 > .divide.second {
margin-bottom: 15px;
}
.website.page_homepage .title_area > .image {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/homepage.png);
background-position: top center; }
.website.page_services .title_area > .image {
background-color: #0F2930;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/services.png);
}
.website.page_support .title_area > .image {
background-color: #A7A7A7;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/support.png);
}
.website.page_aboutus .title_area > .image {
background-color: #02070B;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/about_us.png);
}
.website.page_contactus .title_area > .image {
background-color: #11203D;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/contact_us.png);
}
.website.page_locations .title_area > .image {
background-color: #010205;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/header/locations.png);
}
#gmaps_embed {
position: relative;
width: 100%;
max-width: 1100px;
margin: 0px auto;
}
#gmaps_embed > iframe {
width: 100%;
}
#brands {
border-radius: 5px;
padding: 50px 0px 0px 0px;
}
#brands > .holder {
text-align: center;
padding: 0px 0px;
border-radius: 10px;
}
#brands > .holder > .brand {
display: inline-block;
vertical-align: middle;
width: 24%;
width: calc(25% - 14px);
width: -webkit-calc(25% - 14px);
width: -moz-calc(25% - 14px);
width: -o-calc(25% - 14px);
margin: 5px;
border: 1px solid #ddd;
background-color: #fff;
}
#brands > .holder > .brand > img {
display: block;
width: 65%;
margin: 0px auto;
}
.download_box {
}
.download_box > .wrapper {
text-align: center;
margin: 50px auto 0px auto;
}
.download_box > .wrapper > .image {
max-width: 150px;
margin: 15px auto;
}
.download_box > .wrapper > p.dl_link {
font-size: 18px;
text-align: center;
}
.download_box > .wrapper > .dl_item {
display: inline-block;
vertical-align: top;
min-width: 400px;
text-align: left;
}
.download_box > .wrapper > .dl_item_hide {
display: none;
}
.download_box > .wrapper > .dl_item .holder {
padding: 10px;
margin: 10px;
border-radius: 5px;
border: 1px solid #ddd;
background-color: #f5f5f5;
transition: all 0.5s ease 0s;
}
.download_box > .wrapper > .dl_item:hover .holder {
border: 1px solid #fff;
background-color: #3BAD69;
}
.download_box > .wrapper > .dl_item .holder > .image {
display: inline-block;
vertical-align: middle;
max-width: 100px;
padding: 10px 0px;
margin: 0px auto;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #e5e5e5;
transition: all 0.5s ease 0s;
}
.download_box > .wrapper > .dl_item:hover .holder > .image {
border: 1px solid #fff;
background-color: #fff;
}
.download_box > .wrapper > .dl_item .holder > .text {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 20px;
}
.download_box > .wrapper > .dl_item .holder > .text > .os {
color: #086894;
font-size: 20px;
font-family: Roboto, sans-serif;
font-weight: 700;
text-shadow: 1px 1px 0px #fafafa;
transition: all 0.5s ease 0s;
}
.download_box > .wrapper > .dl_item .holder > .text > .link {
color: #465253;
font-size: 15px;
font-family: Roboto, sans-serif;
font-weight: 400;
margin-top: 5px;
transition: all 0.5s ease 0s;
}
.download_box > .wrapper > .dl_item:hover .holder > .text > .os,
.download_box > .wrapper > .dl_item:hover .holder > .text > .link {
color: #fff;
text-shadow: 0px 0px 0px #fafafa;
}
.section > .wrapper > .holder > .item > .holder .title {
width: 100%;
height: auto;
margin: 0px auto;
}
.section > .wrapper > .holder > .item > .holder .title > .text {
color: #465253;
font-size: 28px;
font-family: Roboto, serif;
font-weight: 500;
text-align: center;
letter-spacing: 1px;	
}
.section > .wrapper > .holder > .item > .holder .title > .sep {
margin-top: 15px;
margin-bottom: 25px;
}
.remote_support .section > .wrapper > .holder > .item {
vertical-align: middle;
}
@media only screen and (max-width: 640px){
a.target_anchor {
display: inline-block;
position: relative;
top: -77px;
}
.list {
width: 100%;
}
.list > .holder {
padding: 0px 20px;
}
button.outline_button {
top: 4px;
padding: 10px 15px 10px 55px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
transition: all 0.15s ease 0s;
}
button.outline_button[data-color="yellow"] {
color: #111;
background-color: #FEC001;
}
button.outline_button[data-color="dark"] {
color: #111;
padding: 12.5px 15px 12.5px 55px;
background-color: #FEC001;
}
button.outline_button > span.icon {
left: 15px;
opacity: 1.0;
transition: all 0.1s ease 0.15s;
}
.section > .wrapper > .holder > .item > .holder {
padding: 20px 0px;
margin: 20px 0px;
}
.download_box > .wrapper > .dl_item {
min-width: 100px;
width: 100%;
}
.download_box > .wrapper > .dl_item .holder {
margin: 10px 0px;
}
.download_box > .wrapper > .dl_item .holder > .text {
width: calc(100% - 130px); }
.download_box > .wrapper > .dl_item .holder > .text > .os {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.website.page_homepage .title_area {
min-height: 440px;
}
.website.page_homepage .title_area > .image,
.website.page_locations .title_area > .image {
background-size: auto 100%;
background-position: center top;
}
.website.page_homepage .title_area h1 {
font-size: 28px;
font-weight: 400;
margin-bottom: 25px;
}
.website.page_homepage .title_area h1 > .divide {
display: block;
}
}
@media only screen and (min-width: 961px) and (max-width: 1100px){
.section > .wrapper > .holder > .item_forth {
width: 33.33333333333333%;
}
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.section > .wrapper > .holder > .item_third,
.section > .wrapper > .holder > .item_forth {
width: 50%;
}
}
@media only screen and (max-width: 800px){
h1 {
font-size: 32px;
}
.website.page_homepage .title_area h1 {
font-size: 32px;
}
.section:nth-child(odd) {
padding-bottom: 50px;
}
.section > .wrapper > .holder {
padding: 35px 0px;
}
.section > .wrapper > .holder > .item > .holder {
padding: 20px;
}
.section > .wrapper > .holder > .item_half,
.section > .wrapper > .holder > .item_third,
.section > .wrapper > .holder > .item_forth {
width: 100%;
}
}
@media print {}header.header {
position: relative;
width: 100%;
background-color: #fff;
}
header.header > .wrapper {
margin: 0px auto;
}
header.header > .wrapper > .level_1 {
}
header.header > .wrapper > .level_1 > .menu {
cursor: pointer;
display: none;
}
header.header > .wrapper > .level_1 > .logo_holder {
position: relative;
padding: 25px 0px;
z-index: 1;
}
header.header > .wrapper > .level_1 > .logo_holder > .logo {
position: relative;
width: 205px;
height: 60px;
margin: 0px auto;
} header.header > .wrapper > nav.navigation {
position: relative;
text-align: center;
padding: 0px 0px;
border-top: 2px solid #465253;
transition: max-height 0s ease 0s, opacity 0s ease 0s;
z-index: 99999999;
}
header.header > .wrapper > nav.navigation_fixed {
position: fixed;
top: 0px;
}
header.header > .wrapper > nav.navigation > .bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-top: 1px solid #5ECE8B;
border-bottom: 1px solid #111;
background-color: #465253;
}
header.header > .wrapper > nav.navigation > .bg {
background-color: #48A96F;
} header.header > .wrapper > nav.navigation > ul {
display: inline-block;	
}
header.header > .wrapper > nav.navigation > ul > span.separator {
font-family: Roboto, sans-serif;
font-weight: 700;
}
header.header > .wrapper > nav.navigation > ul > a {
display: inline-block;
vertical-align: middle;
text-decoration: none;
}
header.header > .wrapper > nav.navigation > ul > a li {
position: relative;
padding: 0px 0px;
border-left: 1px solid #6BBD8C;
border-right: 1px solid #1D6339;
transition: all 0.25s ease 0s;
}
header.header > .wrapper > nav.navigation > ul > a:first-child > li {
border-left: 0px solid #6BBD8C;
}
header.header > .wrapper > nav.navigation > ul > a:last-child > li {
border-right: 0px solid #1D6339;
}
header.header > .wrapper > nav.navigation > ul > a li > .text {
color: #fff;
font-size: 17px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-shadow: -1px -1px 0px rgba(70, 82, 83, 0.5);
letter-spacing: 0.75px;
padding: 20px 30px 10px 30px;
overflow: hidden;
}
header.header > .wrapper > nav.navigation > ul > a li > .line {
position: relative;
}
header.header > .wrapper > nav.navigation > ul > a li > .line {
top: 5px;
height: 3px;
background-color: #fff;
} header.header > .wrapper > nav.navigation > ul > a li,
header.header > .wrapper > nav.navigation > ul > a.selected li,
header.header > .wrapper > nav.navigation > ul:hover > a.selected li {
background-color: transparent;
}
header.header > .wrapper > nav.navigation > ul > a:hover li,
header.header > .wrapper > nav.navigation > ul > a.selected:hover li {
background-color: #338C57;
}
header.header > .wrapper > nav.navigation > ul > a li > .text,
header.header > .wrapper > nav.navigation > ul > a li:hover > .text {
color: #fff;
} header.header > .wrapper > nav.navigation > ul > a li > .line,
header.header > .wrapper > nav.navigation > ul:hover > a.selected li > .line {
width: 0px;
opacity: 0;
transition: width 0.25s linear 0s, opacity 0.5s ease 0.25s, background-color 0.25s ease 0s;
}
header.header > .wrapper > nav.navigation > ul > a:hover li > .line,
header.header > .wrapper > nav.navigation > ul > a.selected li > .line,
header.header > .wrapper > nav.navigation > ul > a.selected:hover li > .line {
width: 100%;
opacity: 1.0;
transition: width 0.25s linear 0s, opacity 0.5s ease 0s;
}
@media only screen and (max-width: 640px){
header.header {
position: fixed;
width: 100%;
height: 100%;
max-height: 75px;
overflow: hidden;
background-color: transparent;
border-bottom: 5px solid rgba(0, 0, 0, 0.15);
z-index: 9999999;
transition: background-color 0.5s ease 0s, max-height 0.5s ease 0s;
}
header.header_showNav {
max-height: 1000px;
border-bottom: 0px solid rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.75);
}
.header_dupe {
position: relative;
width: 100%;
height: 75px;
}
header.header > .wrapper > .level_1 {
position: relative;
border-bottom: 1px solid #bbb;
background-color: #fff;
}
header.header > .wrapper > .level_1 > .menu {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 50px;
}
header.header > .wrapper > .level_1 > .menu > .icon {
width: 100%;
height: 100%;
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/menu.png);
background-size: 30px 30px;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.5;
}
header.header > .wrapper > .level_1 > .logo_holder {
display: inline-block;
vertical-align: middle;
width: 170px;
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: -o-calc(100% - 60px);
margin: 0px auto;
padding: 12.5px 0px;
}	
header.header > .wrapper > .level_1 > .logo_holder > .logo {
width: 170px;
height: 50px;
margin: 0px auto;
}
header.header > .wrapper > nav.navigation {
opacity: 0;
max-height: 0px;
overflow: hidden;
transition: max-height 0.5s ease 0.25s, opacity 0.5s ease 0.25s;
}
header.header_showNav > .wrapper > nav.navigation {
opacity: 1.0;
max-height: 1000px;
}
header.header > .wrapper > nav.navigation > ul > a {
width: 100%;
}
header.header > .wrapper > nav.navigation > ul > a li {
border-top: 1px solid #65CE8F;
border-bottom: 1px solid #0C4623;
}
header.header > .wrapper > nav.navigation > ul > a li > .text {
font-size: 18px;
text-align: left;
text-transform: full-width;
padding: 15px 30px;
}
header.header > .wrapper > nav.navigation > ul > a li > .line {
display: none;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px){
header.header > .wrapper > nav.navigation > ul {
width: 100%;
}
header.header > .wrapper > nav.navigation > ul > a {
width: 16.66666666666667%;
}
header.header > .wrapper > nav.navigation > ul > a li > .text {
text-align: center;
padding: 20px 0px 10px 0px;
}
header.header > .wrapper > nav.navigation > ul .extra {
display: none;
}
}footer.footer {
width: 100%;
border-top: 1px solid #ccc;
background-color: #fff;
}
footer.footer > .wrapper > .holder {
padding: 50px 0px;
}
footer.footer > .wrapper > .holder > p {
color: #222;
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
text-align: center;
padding: 20px 0px 20px 0px;
line-height: 20px;
}
footer.footer > .wrapper > .holder > p > span.name {
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
footer.footer > .wrapper > .holder > p > span {
font-size: 14px;
font-family: Roboto, sans-serif;
font-weight: 400;
}
footer.footer .social_icons {
position: relative;
background-color: #fff;
}
footer.footer .social_icons > .wrapper {
margin: 0px auto;
}
footer.footer .social_icons > .wrapper > .holder {
text-align: center;
padding: 0px;
}
footer.footer .social_icons > .wrapper > .holder > a > .item {
display: inline-block;
vertical-align: middle;
width: 75px;
height: 50px;
border-radius: 3px;
background-position: center center;
background-size: 75px auto;
margin: 5px;
cursor: pointer;
}
footer.footer .social_icons > .wrapper > .holder > a > .icon_facebook {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/social_media/facebook.png);
}
footer.footer .social_icons > .wrapper > .holder > a > .icon_twitter {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/social_media/twitter.png);
}
footer.footer .social_icons > .wrapper > .holder > a > .icon_gplus {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/social_media/google_plus.png);
}
footer.footer .social_icons > .wrapper > .holder > a > .icon_gmaps {
background-image: url(//ddsdentaltechnology.com/wp-content/themes/ddsdentaltechnology/files/images/icons/social_media/google_maps.png);
background-size: 65px auto;
}