﻿/*** dental - ES ***/

body{font-size:16px;}
@media(min-width:992px){
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField {float:left;    }
}

@media (min-width: 1025px){
    #header2 ul.menu > li:after {left: auto;right: -1px;}
    #header2 ul.menu li{margin-left: 0; margin-right: 25px;}
    #header2 .header-top-left {margin-left:  15px;margin-right:  0;}
    #header2 .header-top-left a{margin-top: -3px;}
    #header2 .languages {float: right;margin-left: 15px;margin-top: -3px;}
}

@media (max-width: 1440px) and (min-width: 1251px){
    #header2 ul.menu li{font-size: 100%;margin-right: 10px;}
    #header2 ul.menu > li:after{right: -5px;}
}

@media (min-width: 1441px) {
    #header2 ul.menu li ,#header2 .header-top .address {font-size: 106%;margin-right:5px;}
    #header2 .header-top .address { margin-right: 0;margin-left: 25px; }
   
}
@media (max-width: 1440px) and (min-width: 1025px) {
    #header2 ul.menu li ,#header2 .header-top .address {font-size:100%;margin-right:10px;}
    #header2 .header-top .address { margin-right: 0; }
   }

@media(max-width:1250px) and (min-width:1025px){
     #header2 ul.menu li{font-size: 90%;margin-right: 3px;}
    #header2 ul.menu > li:after{right: -1px;}
    #header2 .header-top .address{font-size: 100%;}
    #header2 .header-top-left{margin-left: 3px;}
    #header2 .header-top.social-links{margin-right: 0;}
    #header2{padding: 5px;}
    #header2 .has-sub i.opensub{margin-right: 0;}
    #header2 #header-left img {max-height: 25px;}
}

@media(min-width:1024px) and (min-width:992px){
    #header2 ul.menu{left:0;}
}

@media (max-width:1024px){
    #header2 ul.menu{left:0;text-align: center;}
    #header2 ul.menu .menu-sub li{margin:0;text-align: center; padding:3px 0;}
}


@media(max-width:991px) and (min-width:768px){
    #header2 .languages {left:  auto;right: -253px;text-transform: uppercase;top: 10px;}
    .bookSection .grid-row:nth-child(odd) .box-image-animation img{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
}

@media (min-width: 768px){
    .theBook #text1 > table table:not(.payplal) td:nth-child(1):after {left: auto;right: -10px;}
    #header2 ul.menu{min-width: 370px;}
    
}

 @media(max-width:767px){
     #header2 .languages {left:  auto;right: 27px;position:  fixed;top: 30px;}
 }

#home-gallery .gallery-caption .gallery-text,
.grid-text .grid-text-content,
#SiteGrid.layout-2sides #GridContent.gridContentFixedForm,
.grid-text .sec-button,
#galleryview,
#GridWrapInner{direction: ltr;}

.promoZone-content form {padding-top: 20px;}
.promoZone-content form img, .promoZone-content form input {float: none;margin: 0 auto;display: block;}

#headline,
#text1, #text2, .panel-group,
.promoZone-content,
.lobby-grid .section,
.normal-form .checkbox-field{text-align:  left;}

#header2 {font-size: 110%;}

.section-title h1,
.section-title h2,
#headline h1,
.bookSection .grid-rows .grid-row-text h2{font-family:Titillium-Regular, Arial; font-weight:normal;}

 #GridPromoZone {float: right;}
#SiteGrid.layout-2sides #GridContent.gridContentFixedForm.layout-promo-left {margin-right: 0;}

#text1 ol> li::before {margin-left: -20px;margin-right:  -5px;}
#text1 ul > li::before {margin-left: -20px;margin-right:  10px;}
.promo-zone-13 .promoZone-content a,.promo-zone-15 .promoZone-content a {display: inline-block;border: 2px solid #000;border-radius: 3px;padding-top: 2px;text-align: center;background: transparent;color: #da444c;line-height: 1;padding: 10px 20px;margin-top: 10px;transition: all .25s ease-in-out;}
.promo-zone-13 .promoZone-content a:hover, .promo-zone-15 .promoZone-content a:hover {transition: all .25s ease-in-out;background: #d93c43;color: #fff;border-color: #d93c43;color:#fff}
.promo-zone-13 .promoZone-content a,
.promo-zone-14 .promoZone-content a{font-size: 120%;}
.promo-zone-13 .promoZone-content p,
.promo-zone-14 .promoZone-content p {font-size: 100%;}

.promoZone-content p img {float: left;    margin-right: 10px;margin-left:0px;}
#text1 P, #text2 p, #text1 ul, #text1 ol {font-size: 110%;font-weight: 500;}
#promotionWindow-first a{font-size:110%;  white-space: nowrap;}
.grid-text .sec-button,
.bookSection .grid-rows .grid-row-text a.grid-row-button {width: 310px;}
.contact #GridPromo .must:before{right:auto;}
.contact .normal-form textarea{padding-left:20px;width: 99.5%;}
#DynamicFormObject .dynamicFormObjectField .must:before{right:auto;top: 7px;}
#DynamicFormObject textarea {padding-top: 8px;}
.grid-boxes .box-image-animation img {transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
#headline h1:after{margin-top:3px;}
.solutionsSection  .grid-box-image-text {width: 90%;}
.page-4208 #GridTop{height:31vw;}
.blog-related-post img{display:inline;}

#home-gallery .gallery-caption .gallery-text a { width: 240px;}
#side-contact-form.fixedLayoutForm, .fixedLayoutForm {max-width: 360px;}
.button-holder#FixFormOuter { width: 95px; padding-left: 15px; left: 10px; position: relative;}
#DynamicFormObject.fixedWithBtn { width: 260px;}


#headline h1 { font-weight: bold;}
.page-4378 #text1 h3 strong { font-weight: 500;}
.page-4387 #text1 h3 strong, .page-4387 #text1 h3 span {color: #121212;}
.page-4387 #text1 h3:first-child strong { color: #0d4799; font-weight: 500; font-size: 140%;}
.page-4387 #text1 h3:after { content: none;}
#headline h1 { font-weight: bold;}
.promoZone-content p { font-size: 100%;}
.page-4388 .promoZone-content p { font-size: 90%;}
.promoZone-content p strong { font-size: 120%;}
.promoZone-content a { display: inline-block; border: 2px solid #000; border-radius: 3px; padding-top: 2px; text-align: center; background: transparent; color: #da444c; 
    line-height: 1; padding: 10px 20px; margin-top: 10px; transition: all .25s ease-in-out;}
.promoZone-content a:hover { transition: all .25s ease-in-out; background: #d93c43; color: #fff; border-color: #d93c43;}

.page-4389 .blog-post.col-md-12.col-sm-12.col-xs-12 { display: inline-block; width: 49%; vertical-align: top;}
.page-4389 .blog-post-image { padding-bottom: 70%; overflow: hidden;}
.page-4389 .blog-post-image a { position: absolute; top: 0; width: 95%;}

.page-4389 .blog-posts { column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; }


/*Changes 1/8/18*/

.page-4388 .promoZone-content p { border-bottom: none;}
.page-4377 .gallery-text { font-family:Titillium-Regular, Arial; }
.textArticleSection { padding-bottom: 20px;}
.page-4377 .section { margin-bottom: 20px;}
.page-4377 .solutionsSection.grid-content-section { padding-top: 40px;}
.page-4377 .section-title { margin-bottom: 40px;}
.page-4377 .bookSection { padding-top: 0px;}
.page-4377 .textCustomerSection { padding-top: 0px; margin-bottom: 0px;}
.page-4379 #text1 iframe { z-index: 0;}
.page-4379 #text1 p { z-index: 0;}
body { font-family: Titillium-Regular, Arial}
#headline h1 { font-family: Titillium-Regular, Arial}
#text1 p, #text2 p { z-index: 0;}

/*Changes 5/8/18*/

#FormResultPage #text1 { text-align: left; max-width: 100%;}

@media(max-width:1170px) and (min-width:992px){
    #DynamicFormObject .dynamicFormObjectField .must:before{left:20px;}
    .page-4377 #home-gallery .gallery-caption { top: 45%;}
}

@media(min-width:992px){
    #SiteGrid.layout-2sides #GridContent.gridContentFixedForm {width: 75%;float: left;margin-right: 0;}
    #SiteGrid.layout-2sides.blog-grid #GridContent.gridContentFixedForm{width: 100%;}    
    #GridPromo .must:before {right: auto;left: 5px;    top: 10px;}
}
@media(max-width:1170px) {
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p:nth-child(1):after{margin:10px auto;}
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p {font-size: 70%;line-height: 1.2;}
    #text1, #text2, .panel-group{max-width:660px}
    .contact #DynamicFormObject .dynamicFormObjectField .must:before {left: 12px;}
    }

@media (max-width:1024px) and (min-width:992px){
    #home-gallery .gallery-caption .gallery-text{font-size:220%;}
}

@media(max-width:991px) {
    #DynamicFormObject .dynamicFormObjectField .must:before{left:10px}
    .theBook #text1 {max-width: 100%;}
    .page-4208 #GridTop{    margin-top: 80px;height:67vw;}
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p {font-size: 80%;}
    .contact #DynamicFormObject .dynamicFormObjectField .must:before {left:25px;}
    .categories-strip ul li:nth-child(1) {font-weight: bold;}
}

@media(min-width:768px) and (max-width:991px) {#DynamicFormObject.fixedWithBtn{ width: 100%;} #side-contact-form.fixedLayoutForm, .fixedLayoutForm { max-width: 100%}}

@media(min-width: 769px) and (max-width: 1024px) { #header2 ul.menu {min-width: 430px;}}

@media(min-width:768px){
    .contact #GridPromo .must:before{left:20px;}
}

@media(max-width:767px){
    .solutionsSection .grid-boxes .grid-box{padding:0 5px;}
    .solutionsSection .grid-box-image-text {width: 94%;}
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text img {max-height: 15vw;}
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p:nth-child(1):after{margin: 5px auto;}
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p{font-size: 67%;}
    #header2 .phone-icon {left: auto;top: -4%;right: -40px;}
    .grid-text .sec-button,
    .bookSection .grid-rows .grid-row-text a.grid-row-button {width: 100%;}
    .section-title h2, .section-title h1 {font-size: 200%;line-height: 1.1;}
    .bookSection .grid-rows .grid-row-text h2{font-size:190%; line-height:1.1;}
    #DynamicFormObject .dynamicFormObjectField .must:before {left: 22px;}
    .mobile-strip span {text-align:  left;font-size: 100%;     white-space: nowrap;}
    .mobile-strip .select-wrapper li.strip-item{font-size:100%;    white-space: nowrap;}
    .mobile-strip {padding: 0 10px;}
    .promo-zone-13 .promoZone-content a,
    .promo-zone-14 .promoZone-content a{font-size: 120%;}
    #SiteFooter {padding-bottom: 0;}
    #text1 h3 {font-size: 140%;margin-bottom: 20px;}
    .page-4389 .blog-post-image a { width: 95%;}
    .page-4389 .blog-post-image { padding-bottom: 77%;}
    .page-4387 #text1 > table table.payplal a { width: 280px;}
    .page-4387 #SiteGrid.layout-2sides #GridContent {margin-left: 0px;}
    #DynamicFormObject.fixedWithBtn { width: auto;}
    .page-4377 .section-title h1 span { white-space: pre;}
    label.error, span.error { top: 6px;}
}

@media(max-width: 550px) { #header2 ul.menu li>a { font-size: 100%;} .page-4389 .blog-post-title { font-size: 77%;} #header2 ul.menu li .menu-sub a { font-size: 120%; white-space: normal;}
    .page-4381 #SiteGrid { overflow: hidden;} .page-4382 #SiteGrid { overflow: hidden;} .page-4383 #SiteGrid { overflow: hidden;} .page-4384 #SiteGrid { overflow: hidden;}
    .page-4385 #SiteGrid { overflow: hidden;}}
@media(max-width: 360px) { .page-4389 .blog-posts .blog-post:last-child .blog-post-content .blog-post-text { margin-top: 9%;}}
@media(max-width: 320px) { #header2 ul.menu > li { font-size: 100%;} .page-4387 #text1 > table table.payplal a { width: 270px;} .mobile-strip span { font-size: 110%;}
    .mobile-strip:after { right: 5px;} .page-4387 #text1 table td { padding: 10px 15px 35px 15px;} .page-4379 #SiteGridContainer { overflow: hidden;} 
    .mobile-strip .select-wrapper li.strip-item { white-space: normal; font-size: 120%;} .mobile-strip:after { right: 10px;}
    .page-4389 #GridContent .blog-posts .blog-post:nth-child(4) .blog-post-content .blog-post-text{margin-top: 9%;}}