@import url('//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500&display=swap');

/* globals */
a{
    text-decoration: none !important;
}
a.text-read{
    font-family: Gotham-light;
    font-size: 1.111vw;
}
ul{
    list-style: none;
    padding: 0;
}
img{
    width: 100%;
}

body {
    margin: 0;
}
html {
    overflow-x: hidden;
  }
/* globals */

/* header */
header .container-menu{
    padding-top: 3.5vw;
    padding-bottom: 7px;
}
.main-menu-btn {
    position: relative;
    display: block;
    padding: 0.815em 40px;
    height: 50px;
    overflow: hidden;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0px;
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 2px;
    width: 24px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}
.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-menu-btn-logo-separator {
    margin-right: 0.222em;
    padding-right: 0.5em;
}
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
#main-menu-state:not(:checked)~#main-menu {
    display: none;
}
#main-menu-state:checked~#main-menu {
    display: block;
}
.sm {
    position: relative;
    z-index: 10;
}
.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0px 10px;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
}
.sm ul {
    display: none;
}
.sm li,
.sm a {
    position: relative;
}
.sm a {
    display: block;
}
.sm a.disabled {
    cursor: not-allowed;
}
.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-items a,
.menu-items a:hover,
.menu-items a:focus{
    padding: 10px 15px;
    font-family: Gotham-Book;
    font-size: 1.041vw;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-decoration: none;
}
.menu-items a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 0px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.menu-items a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
}
.menu-items ul {
    background: transparent;
}

header .container-logo{
   padding: 1.5vw 3vw 1vw 2vw;
}
header .container-logo img {
    width: 260px;
    height: auto;
 }

header .location{
    padding: 0px;
}
header .location ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
header .location ul li:nth-child(1){
    margin-right: 15px;
}
header .location p{
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 1vw;
}
header .location a{
    font-family: Gotham-Light;
    font-size: 1vw;
}
header .contact a{
    font-size: 1.388vw;
    font-family: Gotham-Bold;
}
header .contact ul{
    justify-content: start;
}
header .contact ul li a{
    border-radius: 80px;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    background: transparent;
    display: block;
    font-size: 15px;
}
header .contact ul li:nth-child(1){
    margin-right: 7px;
}
header .contact ul li:nth-child(2){
    margin-right: 7px;
}
header .contact ul li:nth-child(3){
    margin-right: 7px;
}
header img{
    width: 160px;
}
header .line{
    height: 15px;
    position: absolute;
    top: 12px;
    right: -1vw;
}
.lp header img{
    width: 160px !important;
}
.fixed-top {
    border: none;
    justify-content: center !important;
    -webkit-animation-name: fixed-top;
    animation-name: fixed-top;
    padding-right: 0vw;
    
    z-index: 1005 !important;
}
.fixed-top .container-logo{
    display: none !important;
}
.fixed-top .col-lg-8 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.fixed-top .container-menu {
    background: var(--color1);
    justify-content: center !important;
    padding-top: 10px;
}
.fixed-top .location {
    padding: 3px 0px;
    display: none;
}
@-webkit-keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.scrollToTop {
    display: none;
    padding: 12px 20px;
    font-size: 20px;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 29px;
    text-align: center;
    z-index: 1005 !important;
    border-radius: 30px;
}
/* header */

/* hero */
/* .hero{
    margin-top: -240px;
} */
.hero .container-text{
    position: absolute;
  
    left: 0;
    top: 25vw;
    z-index: 1;
}
.hero .container-text h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 4.6vw;
    /* padding: 2vw 0vw 2.1vw 6.5vw; */
    width: 60vw;
    margin-bottom: 0;
    text-align: center;
    margin: auto;
}
.hero .hero-mask{
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
}
.hero .container-text h2 span {
    font-family: Gotham-book;
    font-size: 2.8vw;
}
.hero .container-text h4{
    font-family: Gotham-light;
    font-size: 1.805vw;
    padding: 10px;
    text-align: center;
    width: 37vw;
    margin-bottom: 0px;
}

.hero .container-text h6{
    text-align: center;
    padding: 1vw 0px;
    width: 23vw;
    margin-left: 27vw;
}
.hero .container-text h6 a{
    font-size: 1.1vw;
    font-family: Gotham-light;
    text-transform: uppercase;
}
.img-play img{
    width: 17px !important;
    height: auto;
    margin-right: 3px !important;
}
.lp .hero .container-text h4{
    width: 44vw;
}

.lp .hero .container-text h2{
    width: 54vw;
}
.lp .hero .container-text h6{
    text-align: center;
    padding: 10px 0px;
    width: 32vw;
    margin-left: 22vw;
    font-size: 1.805vw;
    font-family: Gotham-Book;
}
.lp .hero .container-text h4 img{
    width: 20px;
    margin-right: 10px;
}
.lp a{
    font-size: 1.3vw;
    font-family: Gotham-Book;
}
.lp .img-play img, .lp a img{
    width: 20px;
    margin-right: 10px;
}
.hero span{
    padding: 15px;
    border-radius: 12px;
    display: block;
    text-align: center;
}
.hero span h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 31px;
    margin-bottom: 0;
}
.hero span p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 7px;
}
.hero span a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.hero span .line{
    width: 1px;
    height: 24px;
    background: white;
    display: block;
    margin: 0 15px;
}
.hero .container-call-outs{
    width: 970px;
    margin: auto;
    margin-top: 20px;
}
@media (min-width: 768px) {
    #hero-sm {
       display:none;
    }
}
@media (max-width: 767px) {
    #hero-lg {
       display:none;
    }
}
/* hero */
/* hero-reviews */
.hero-reviews {
    padding: 0px 3vw 0px 6vw;
    margin-top: -11vw;
    padding-bottom: 16vw !important;
}
.hero-reviews .container-left, 
.hero-reviews .container-right {
    padding: 50px 0 50px;
}
.border {
    border: 1px solid #C19B32 !important;
}
.hero-reviews h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 27px;
}
.hero-reviews h2 b {
    font-family: Poppins-Bold;
}
.hero-reviews .container-right h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 19px;
}
.hero-reviews h3 {
    font-family: Qwigley-Regular;
    font-size: 37px;
    font-weight: 400;
    margin-top: .5vw;
}
.hero-reviews h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: 0;
    text-transform: uppercase;
}
.hero-reviews p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
}
.hero-reviews p span{
    font-weight: 700;
}
.hero-reviews p b {
    font-family: Poppins-Bold;
}
.hero-reviews p.revv {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 40px !important;
}
.hero-reviews p.revv span{
    font-style: normal;
    font-weight: 600;
}
.hero-reviews a {
    font-size: 20px;
}
.hero-reviews .container-right img {
    width: 100%;
}
.hero-reviews .container-right .img-rev{
    width: 60px !important;
    margin-right: 10px;
}
.hero-reviews .container-right .service-text {
    font-size: 20px;
}
.hero-reviews .container-right .google-stars img {
    max-width: 200px !important;
}
.hero-reviews .container-right .service-text .square {
    width: 30px;
}
.hero-reviews .cont-text-left {
    padding: 2vw 3vw;
}
.hero-reviews .carousel-services .carousel-item {
    height: 380px !important;
}
/* hero-reviews */
/* call-outs */
.calls-outs{
    padding: 55px 11vw 0px 11vw;
    /* background: url(https://www.kidsdentalhomeutah.com/images/stock/wood-bac.jpg); */
    /* background-size: cover;
    background-position: center; */
    margin-bottom: -5vw;
    margin-top: -11vw;
    z-index: 1;
}
.calls-outs img{
    position: relative;
    width: 77px;
    height: 91px;
    z-index: 1;
}
.calls-outs h3{
    font-family: Gotham-Medium;
    font-size: 22px;
}
.calls-outs p {
    position: relative;
    font-size: 14px;
    font-family: Gotham-Light;
    margin-top: 15px;
    margin-bottom: 2px;
    z-index: 1;
}
.calls-outs a{
    position: relative;
    font-family: Gotham-Bold;
    font-size: 14px;
    z-index: 1;
    margin-top: 30px;
    display: block;
}
/* call-outs */

/* philosophy */
.philosophy{
    padding: 17vw 0px;
    overflow: hidden;
}
.philosophy h2 {
    font-family: Gotham-medium;
    font-size: 2.222vw;
}
.philosophy p{
    margin-top: 1vw;
    padding-right: 3vw;
    font-family: Gotham-light;
    font-size: 1.180vw;
    line-height: 160%;
}
.philosophy p span {
    font-family: Gotham-medium;
}

.philosophy .container-text{
    padding-left: 7vw;
}
.philosophy .container-img{
    position: absolute;
    /* right: 0; */
    z-index: 1;
    top: -10vw;
    overflow: hidden;
}
/* .philosophy img{
    width: 100%;
} */
.diagonal-top{
    padding: 7vw;
    transform: skewY(6deg);
    margin-top: -2vw;
    margin-bottom: -8vw;
    width: 100%;
}
.diagonal-top2{
    padding: 7vw;
    transform: skewY(6deg);
    margin-top: -2vw;
    margin-bottom: -8vw;
    width: 100%;
}
.diagonal-top .sec-6 {
    margin-top: 3vw;
    margin-bottom: -8vw;
    width: 100%;
}
.diagonal-top2 .sec-6 {
    margin-top: 3vw;
    margin-bottom: -8vw;
    width: 100%;
}
.diagonal-bottom{
    padding: 7vw;
    transform: skewY(-6deg);
    margin-top: -8vw;
    width: 100%;
}
/* philosophy */

/* doctor */
.doctor{
    padding: 2vw 6vw;
    margin-bottom: -2.5vw;
    overflow: hidden;
}
.doctor .doc-img {
    width: 100%;
    height: auto;
}
.doctor h2{
    font-family: Gotham-Medium;
    font-size: 2.222vw;
    line-height: 100%;
}
.doctor h2 span{
    font-family: Gotham-Medium;
    font-size: 1.3vw;
}
.doctor h3 {
    font-family: Gotham-Medium;
    font-size: 1.7vw;
   
}
.doctor .img-text{
    width: 90%;
    margin-right: 0px;
    margin-bottom: 0px;
}
.doctor .title{
    font-family: Gotham-Book;
    font-size: 1.805vw;
    margin-bottom: 0px;
    display: block;
    padding-top: 4vw;
}

.doctor p{
    margin-top: 1vw;
    padding-right: 1vw;
    font-family: Gotham-book;
    font-size: 1.111vw;
    line-height: 2vw;
}
.doctor h5{
    font-family: Gotham-book;
    font-size: 1.111vw;
    line-height: 1.7vw;
}
.doctor h5 span{
    font-family: Gotham-book;
    font-style: normal;
}
.doctor .reed {
    position: relative;
    margin-top: -17vw;
    z-index: 1;
}
.doctor a{
    font-family: Gotham-Book;
    font-size: 1.111vw;
}
.doctor ul{
    display: flex;
}
.doctor ul li:nth-child(1) img{
    width: 50%;
    margin-right: 15px;
}
.doctor ul li:nth-child(2) img{
    width: 135px;
}
.doctor .reviews{
    padding-top: 0vw;
}

/* doctor */

.meet-doc {
    padding: 151px 0 15.5vw 0;
    margin-top: -7vw;
}
.meet-doc .meet-doc-mid {
   padding: 2vw 0 0 4vw;
}
.meet-doc-mid p span{
    font-family: Poppins-Regular;
 }
.meet-doc img {
    width: 100%;
    height: auto;
}
.meet-doc h3 {
    font-family: Gotham-Light;
    font-size: 2.7vw;
    margin-bottom: 0px;
    margin-top: 50px;
}
.meet-doc h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 2.4vw;
    margin-bottom: 15px;
    margin-top: 5px;
}
.meet-doc h2 span{
    font-family: Gotham-Light;
    font-size: 2.3vw;
}
.meet-doc h4 {
    font-family: Poppins-Regular;
    font-size: 19px;
    font-weight: 500;
    line-height: 140% !important;
    margin-bottom: 30px;
    margin-top: 15px;
    text-align: left;
    width: 90%;
}
.meet-doc p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.5vw;
    margin-bottom: 30px;
}
.meet-doc p.italic {
    font-family: Poppins-Italic !important;
}
.meet-doc p.text-white, .meet-doc p.text-white {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.5vw;
}
.meet-doc p.text-doc{
    font-family: Poppins-Italic;
}
.meet-doc a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
}

/* services */
/* .services{
    padding-bottom: 6vw;
}
.services h2{
    font-family: Gotham-medium;
    font-size: 2vw !important;
    letter-spacing: 0px;
    margin: 30px 0px 22px 0px;
}
.services h3{
    font-family: Gotham-book;
    font-size: 1.111vw;
    line-height: 140% !important;
    margin-bottom: 45px;
}
.services h4{
    font-family: Gotham-medium;
    font-weight: 300;
    font-size: 1.111vw;
    margin-bottom: 20px;
}
.services p{
    font-family: Gotham-Book;
    font-size: 1.388vw;
    margin-bottom: 40px;
}
.services a {
    font-family: Gotham-Book;
}
.services ul{
    list-style: outside;
    padding-left: 20px;
}
.services ul li{
    font-family: Gotham-book;
    font-size: 1.111vw;
}
.services .container-text-left{
    padding-left: 7vw;
}
.services .container-text-right{
    padding: 15vw 5vw 0px 7vw;
}
.services .tekk img {
    margin-left: 1vw;
    width: 85%;
    height: auto;
 }
 .services .tekk-hed h2{
    font-family: Gotham-medium;
    font-size: 2vw !important;
    letter-spacing: 0px;
    margin: 0px 4vw 2vw 0px;
}

.services .title{
    display: flex;
    list-style: none;
}
.services .title img {
    width: 30%;
    height: auto;
 }
 .services .title li:nth-child(1) {
    margin-right: -11.5vw;
}
.services .container-img-left{
    overflow: hidden;
}
.services .container-img-right{
    padding-left: 7vw;
    overflow: hidden;
} */
.diagonal-top-service{
    padding: 7vw;
    transform: skewY(6deg);
    margin-top: 2.5vw;
    margin-bottom: -8vw;
    width: 100%;
}
/* services */


/* services2 */
/* .services2 .container-btn-service{
    position: relative;
    z-index: 9999;
    padding: 10px 0px;

}
.services2 .container-btn-service a{
    font-family: Gotham-light;
    font-size: 1.2vw;
}
.services2 h2 {
    padding: 1.4vw 0 1.4vw 0 !important;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 3.4vw;
} */
/* services */

/* .home .services .serv-top {
    margin-top: -6vw;
} */
.home .services {
    margin-top: -9vw;
    padding-bottom: 6vw;
    position: relative;
    z-index: 1;
}
.home .services h2 {
    font-family: Gotham-Medium;
    font-size: 40px;
    padding: 0;
}
.home .services h2.services {
    font-family: Poppins-Regular;
    font-size: 3vw;
    padding: 0;
}
.home .services h2.border-top {
    padding: 50px 0 0 0;
    border-top: 1px solid #fff;
}
.home .services p {
    font-family: Poppins-Regular;
    font-size: 23px;
}
.home .services p.light {
    font-family: Gotham-Light;
    font-size: 16px;
}
.home .services .container-btn-service {
    padding: 10px 0px;
}
.home .services .container-btn-service .btn-home {
    border: none;
}
.home .services .container-btn-service a {
    font-family: Gotham-Light;
    font-weight: 400;
    font-size: 1.4vw;
}
.home .services img{
    width: 100%;
    height: 90%;
}

.home .reviews-body {
    background: url("https://www.kidsdentalhomeutah.com/images/home/bg-reviews-index.webp") !important;
    background-position: center !important;
    background-size: cover !important;
    min-height: 38vw;
    margin-bottom: 0vw !important;
    padding: 20vw 7vw 10vw 7vw;
}
.home .reviews-body p,
.home .reviews-body a {
    font-family: Gotham-Light;
    font-size: 20px;
}
.home .reviews-body span {
    font-style: italic;
    margin: 0 !important;
    display: initial !important;
}
.home .reviews-body {
    margin-bottom: -0vw !important;
}
.home .reviews-body img {
    width: 15%;
    height: auto;
    margin-bottom: -1vw;
}

.savings-plan h1 {
    font-family: Gotham-Medium;
    font-size: 2.8vw;
    margin: 0;
    margin-bottom: 20px;
}
.savings-plan a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 20px;
}

/* footer */
footer{
    padding: 40px 0px;
}
footer ul{
    display: flex;
}
footer ul li{
    font-family: Gotham-Light;
    font-size: 1.188vw;
}
footer .fone li{
    font-family: Gotham-Bold;
}
footer .social a{
    border-radius: 80px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 29px;
    background: transparent;
    display: block;
    font-size: 15px;
}
footer .hours ul{
    display: flex;
    margin-bottom: 2px;
    margin-left: 2vw;
   
}
footer .hours ul li:nth-child(1){
    width: 4vw;
}
footer span{
    display: block;
    width: 20vw;
}
footer .hours span{
    width: 15vw;
}
footer img{
    width: 100%;
    height: auto;
}
footer p{
    font-family: Gotham-Bold;
    font-size: 20px !important;
}
/* footer */

/* secundaries page */
.page-intro .container-text{
    padding: 4vw 0vw 6vw 75px;
}
.page-intro h1{
    font-family: Gotham-Bold;
    font-size: 2.083vw;
}
.page-intro .container-img{
    position: absolute;
    right: 0;
    overflow: hidden;
}

.page-intro2 .container-text{
    padding: 4vw 0vw 6vw 75px;
}
.page-intro2 h1 {
    font-family: Gotham-Book;
    font-size: 3.3vw;
}
.page-intro2 h3 {
    font-family: Gotham-Light;
    font-size: 1.6vw;
}
.page-intro2 .container-img{
    position: absolute;
    right: 0;
    overflow: hidden;
}
.page-intro2 .container-text5 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55vw;
    z-index: 1;
}
.page-intro2 .container-text5 h2  {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 200;
    font-size: 34px;
    padding: 3vw 2vw 3vw 25vw;
    line-height: 105%;
    width: 100%;
    margin-bottom: 0;
}
/* end secundaries page */

/* content secundary */
.content-secundary{
    padding: 5vw 7vw;
}
.content-secundary article{
    margin-bottom: 65px;
}
.content-secundary hr{
    margin-top: 35px;
    margin-bottom: 90px;
}
.content-secundary img{
    width: 80%;
}
/* .content-secundary img.img-intro{
    margin-top: -8vw;
} */
.content-secundary h1{
    font-family: Gotham-medium;
    font-size: 1.8vw;
    margin-bottom: 25px;
}
.content-secundary h2{
    font-family: Gotham-medium;
    font-size: 2.083vw;
    margin-bottom: 25px;
}
.content-secundary h3{
    font-family: Gotham-Bold;
    font-size: 2.222vw;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.content-secundary h4{
    font-family: Gotham-book;
    font-size: 1.5vw;
    text-align: left;
}
.content-secundary h5{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
}
.content-secundary ul{
    list-style: outside;
    margin-left: 18px;
}
.content-secundary ul li {
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.content-secundary ul li a{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.secundary-technologies{
    padding-bottom: 4vw !important;
}
.secundary-technologies ul {
    list-style: outside;
    margin-left: 18px;
}
.secundary-technologies p {
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.secundary-technologies ul li a {
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.content-secundary p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    margin-bottom: 25px;
}
.content-secundary p span{
    font-family: Gotham-Medium;
    font-size: 1.3vw;
}
.content-secundary .gallery{
    padding: 3vw 8vw;
    position: relative;
    z-index: 2;
}
.content-secundary .gallery img{
    width: 100%;
    padding: 5px;
}
.content-secundary.secundary-philosophy{
    padding-top: 18vw;
}
.secundary-philosophy h3 {
    font-family: Gotham-Book;
}
.secundary-philosophy h3 span {
    font-family: Gotham-medium;
}
.secundary-philosophy h4 {
    margin-top: -1vw;
    text-align: center;
    font-family: Gotham-book !important;
    padding: 0 3vw;
}
.secundary-philosophy p {
    font-family: Gotham-Book;
}
.secundary-philosophy p span {
    font-family: Gotham-medium;
}
.content-secundary .container-btn a{
    font-family: Gotham-book;
    font-size: 1.111vw;
    padding: 1.1vw 2vw;
    width: 25vw;
    display: inline-block;
}
.content-secundary .container-btn a img{
    width: 20px;
}
.content-secundary .container-btn2 a{
    font-family: Gotham-book;
    font-size: 1.111vw;
    padding: .7vw 1.7vw;
    width: 21vw;
    display: inline-block;
}
.content-secundary .container-btn2 a img{
    width: 20px;
}

.content-secundary .container-btn3 a{
    font-family: Gotham-Medium;
    font-size: 1.111vw;
}
.content-secundary .container-btn3 .goog-stars {
margin-left: -2vw;
margin-right: 2vw;
   width: 30%;
   height: auto;
}
.content-secundary .container-btn3 .playy-btn {
    width: 20px;
    height: auto;
 }
/*
.content-secundary .container-btn3 a img{
    width: 18px;
    height: auto;
} */
.content-secundary .container-service-1{
    width: 19vw;
    margin: auto;
    display: block;
}
.page-intro h1{
    font-family: Gotham-Bold;
    font-size: 2.083vw;
}
.content-secundary .team-pics h4{
    text-align: left;
    margin-top: 12px;
    font-family: Gotham-Medium;
    font-size: 1.1vw;
}
.team-pix h1{
    position: relative;
    z-index: 999;
    font-family: Gotham-Bold !important;
    font-size: 2.083vw !important;
    margin-top: -6vw;
    margin-bottom: 3vw;
}
.team-pix h4{
    font-family: Gotham-book !important;
    font-size: 1.5vw !important;
}
.team-pix hr{
    width: 75%;
    margin: 1vw 0 !important;
    border-color: #c6c2b7!important;
}
.content-secundary .team-pics p {
    margin-top: -5px;
    font-family: Gotham-light;
    font-size: 1vw;
}
.about-doc {
    padding-bottom: 7vw !important;
}

.secundary-reviews{
    background: url(https://www.kidsdentalhomeutah.com/images/home/reviews-secundary.png);
    background-size: cover;
    background-position: center;
    height: 40vw;
    display: flex;
    align-items: center;
    margin-top: -75px;
}
.secundary-reviews h5{
    font-family: Gotham-book;
    font-weight: 500;
    font-size: 1.5vw;
    text-align: center;
    margin: auto;
    width: 65vw;
    line-height: 2.3vw;
}
.secundary-reviews h5 span{
    display: block;
    margin-top: 40px;
}
.secundary-reviews .social{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.secundary-reviews ul li:nth-child(1) img {
    width: 95%;
}
.secundary-reviews ul li:nth-child(2) img {
    width: 135px;
}
/* .secundary-insurance{
    padding-bottom: 4vw !important;
} */
.secundary-insurance p{
    font-family: Gotham-Light;
}
.secundary-insurance h6{
    font-family: Gotham-book;
    font-size: 1.666vw;
    margin-bottom: 30px;
}
.tarjets img{
    margin-bottom: 0px !important;
}
.tarjets .care-btn img{
   width: 93%;
}
.spacing{
    height: 10vw;
    background: transparent;
}
.spacing-1 {
    height: 2vw;
    background: transparent;
}
.spacing-2 {
    height: 8vw;
    background: transparent;
}
.title-intro-pr{
    font-family: Gotham-book;
    font-size: 1.666vw !important;
}
.revvs-body{
    margin-top: -8.5vw;
}
.testimonials .social{
    list-style: none;
    align-items: center;
    margin-left: 0px;
    margin-top: 25px;
    margin-bottom: 0vw;
}
.testimonials ul li:nth-child(1) img {
    width: 95%;
    margin-right: 15px;
}
.testimonials ul li:nth-child(2) img {
    width: 135px;
    margin-right: 20px;
}
.text-testimials{
    font-family: Gotham-Book !important;
}
.google-reviews{
    padding: 2vw 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
.pointer {
    display: flex;
    width: 100%;
    justify-content: center;
}
.pointer .pointer-google img {
    width: 30%;
}

.secundary-contact .after-hours{
    width: 27vw;
}
.secundary-contact ul{
    display: flex;
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
}
.secundary-contact ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    text-align: left;
}
.secundary-contact ul li:nth-child(1){
    width: 9vw;
}
/* .secundary-appointment{
    padding: 5vw 7vw 9vw;
} */
.secundary-appointment p{
    font-family: Gotham-Light;
}
.secundary-appointment input, .secundary-appointment textarea{
    border-radius: 0px;
    font-family: Gotham-Book;
    font-size: 12px;
    padding: 20px 10px;
}
.secundary-appointment .btn-contact{
    font-family: Gotham-Medium;
    font-size: 1.111vw;
    padding: 1vw 2vw;
    width: 20vw;
    display: inline-block;
}
.secundary-appointment .btn-contact img{
    width: 20px;
}
.secundary-appointment .appt-side{
    margin: 0 2vw 0 2vw;
    padding: 3vw 3vw;
    background: #d4ebf6;
}
.secundary-appointment a {
    font-family: Gotham-Medium;
}
.btn-services{
    width: 9.2vw !important;
    text-align: center;
}
.content-secundary .servz-links a {
    font-family: Gotham-Book !important;
    font-size: 1.111vw !important;
}
/* end content secundary */

/* Landing page */
/* Section 1 */
.section-1{
    padding: 60px 7vw 0px 7vw;
    margin: 0vw 0vw -6vw 0vw;
}
.section-1 .sec-1-left {
    position: relative;
    z-index: 999;
}
.section-1 ul{
    display: flex;
    padding: 0;
    list-style: none;
}
.section-1 ul li img{
    width: 20px;
    margin-right: 10px;
}
.section-1 h2{
    font-family: Gotham-Bold;
    font-size: 1.666vw;
}
.section-1 h2 span{
    font-family: Gotham-Book;
    font-size: 1.458vw;
}
.section-1 h5{
    font-family: Gotham-Book;
    font-size: 1.388vw;
    text-align: center;
    line-height: 2.5vw;
}
.section-1 .reviews ul{
    justify-content: center;
}
.section-1 .reviews ul li:nth-child(1) img {
    width: 30px;
    margin-right: 15px;
}
.section-1 .reviews ul li:nth-child(2) img {
    width: 135px;
}
/* Section 1 */

/* section 2 */
.section-2{
    padding: 18vw 7vw;
}
.section-2 h1{
    font-family: Gotham-Bold;
    font-size: 2.222vw;
    line-height: 2.8vw;
}
.section-2 h2{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
    width: 29vw;
    line-height: 2.3vw;
}
.section-2 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    margin-top: 35px;
    line-height: 2.1vw;
}
.section-2 a{
    font-family: Gotham-Medium;
    font-size: 1.111vw;
}
.section-2 ul{
    display: flex;
    padding: 0;
    list-style: none;
}
.section-2 ul li img{
    width: 20px;
    margin-right: 10px;
}
.section-2 ul li{
    font-family: Gotham-Medium;
    font-size: 1.180vw;
}
.section-2 ul li span{
    font-family: Gotham-Book;
}
/* section 2 */

/* section 3 */
.section-3{
    padding: 0px 7vw;
}
.section-3 .sec-3-top {
    margin-top: -6vw;
}
.section-3 h1{
    font-family: Gotham-Bold;
    font-size: 2.222vw;
}
.section-3 h2{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
    margin-top: 20px;
    margin-bottom: 30px;
}
.section-3 h3{
    font-family: Gotham-Book;
    font-size: 1.388vw;
    line-height: 2vw;
}
.section-3 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-3 p span{
    font-family: Gotham-Medium;
}
.section-3 .container-img img{
    width: 240px;
    height: 175px;
}
.section-3 ul{
    list-style: outside;
    padding-left: 15px;
    margin-top: 35px;
}
.section-3 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
/* section 3 */

/* section 4 */
.section-4{
    padding-bottom: 70px;
}
.section-4 h2{
    font-family: Gotham-Bold;
    font-size: 1.666vw;
    margin-bottom: 45px;
}
.section-4 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    margin-bottom: 40px;
}
.section-4 ul{
    list-style: outside;
    padding-left: 15px;
}
.section-4 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.section-4 .container-text-right{
    padding: 16vw 11vw 14vw 7vw;
}
.section-4 .container-img-right{
    padding-left: 7vw;
    overflow: hidden;
}

/* section 4 */

/* section 5 */
.section-5{
    padding: 0vw 7vw;
   
}
.section-5 .sec-5-top {
    position: relative;
    margin-top: -6vw;
    z-index: 999;
}
.section-5 .sec-5-mid {
    position: relative;
    z-index: 999;
}
.section-5 h1 {
    font-family: Gotham-Medium;
    font-size: 2.5vw;
}
.section-5 h1 span{
    font-family: Gotham-book;
    font-size: 1.666vw;
}
.section-5 .img-text{
    width: 35%;
    margin-right: 25px;
    margin-bottom: 0px;
}
.section-5 .title{
    font-family: Gotham-Book;
    font-size: 1.805vw;
    margin-bottom: 0px;
    display: block;
}
.section-5 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-5 a{
    margin-top: 30px;
    display: block;
}
.section-5 ul{
    padding-left: 15px;
    list-style: outside;
    margin-top: 40px;
}
.section-5 ul li{
   font-family: Gotham-Light;
   font-size: 1.111vw;
}
.section-5 .light{
    font-family: Gotham-Light;
}
.section-5 .light{
    font-family: Gotham-Light;
}
.section-5 .reviews{
    position: relative;
    z-index: 999;
}

/* section 5 */

/* section 6 */
.section-6{
    padding: 14vw 7vw 17vw 7vw;
   
}
.section-6 h1{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
    margin-bottom: 30px;
}
.section-6 p{
    font-family: Gotham-light;
    font-size: 1.111vw;
}
.section-6 p span {
    font-family: Gotham-medium;
    font-size: 1.2vw;
    
}
.section-6 p img{
    width: 25%;
    margin-left: 10px;
}
/* section 6 */

/* section 7 */
.section-7{
    padding: 0vw 7vw 6vw;
}
.section-7 h1{
    font-family: Gotham-Bold;
    font-size: 2.222vw;
}
.section-7 h2{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
}
.section-7 h2 span{
    font-family: Gotham-Bold;
}
.section-7 h3{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
}
.section-7 h3 span{
    font-size: 1.111vw;
}
.section-7 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-7 h4{
    font-family: Gotham-Medium;
    font-size: 1.319vw;
}
.section-7 h4 span{
    font-size: 1.666vw;
}
.section-7 ul{
    list-style: outside;
    padding-left: 15px;
    margin-top: 30px;
}
.section-7 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-7 .second-opinion p{
    font-family: MyriadPro-Regular;
}
.section-7 .second-opinion p span{
    font-family: Gotham-Medium;
}
/* section 7 */
.lp footer img{
    width: 70%;
}
/* new */
.article-center{
    margin: auto;
    display: block;
}
.pt-rs{
    padding: 5vw 7vw 9vw;
}
.logo-v{
    width: 40px;
    margin: 5px;
}
/* carousel fade */
.carousel-fade .carousel-item {
    display: block;
    /* position: absolute; */
    opacity: 0;
    transition: opacity .75s ease-in-out;
}

.carousel-fade .carousel-item.active {
    opacity: 2;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-item {
    width: 100%;
    height: 100%;
}

@media all and (min-width: 800px) {
    .fancybox-thumbs {
        top: auto !important;
        width: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 95px !important;
        padding: 10px 10px 5px 10px !important;
        box-sizing: border-box !important;
        background: rgba(0, 0, 0, 0.3) !important;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0 !important;
        bottom: 95px !important;
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        justify-content: center !important;
        display: flex !important;
    }
}
.p-body{
    padding: 0 8vw;
    position: relative;
}
.p-body header{
    position: relative;
    z-index: 2;
}
.fa-phone{
    transform: rotate(90deg);
}
.hero video{
    width: 100%;
    height: 100%;
}
.header-absolute{
    position: absolute;
    width: 100%;
}
.container-cloud1{
    margin-top: -12vw;
    overflow: hidden;
}
.container-cloud2{
    margin-top: -260px;
    overflow: hidden;
}
.container-cloud3{
    margin-top: -14vw;
    overflow: hidden;
}
.container-cloud4{
    margin-top: -11vw;
    overflow: hidden;
    margin-bottom: -11vw;
}
.container-cloud1 img{
    width: 112%;
    margin-left: -34px;
}
.container-cloud2 img{
    width: 106%;
    margin-left: -34px;
}
.container-cloud3 img{
    width: 106%;
    margin-left: -34px;
}
.container-cloud4 img{
    width: 106%;
    margin-left: -34px;
}
.txt-appointment{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px !important;
    letter-spacing: 2px;
}
.border-circle {
    border-radius: 50%;
    height: 200px;
    display: block;
    width: 200px;
    overflow: hidden;
    margin: auto;
}
.btn-footer{
    border-radius: 12px;
    display: inline-block;
    font-family: Gotham-Bold;
    padding: 5px 20px;
}
.btn-payment {
    border-radius: 12px;
    display: inline-block;
    font-family: Gotham-Bold;
    margin: 10px;
    min-width: 300px;
    padding: 10px 20px;
    text-align: center;
}
.btn-style {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px !important;
    letter-spacing: 2px;
}
.line-right{
    border-right: solid 1px white;
}
.container-pointer{
    position: relative;
    z-index: 1;
}
.container-pointer a{
    font-family: Gotham-Medium;
    font-size: 1.111vw;
    padding: 30px;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
.container-pointer a img{
    width: 120px;
    margin-right: 10px;
}
.bg-secundary{
    background: url("https://www.kidsdentalhomeutah.com/images/home/bg-secundary.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.content-secundary li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}