@charset "utf-8";
/* CSS Document */

.braces-wrapp, .comparison-wrapp, .cost-wrapp, .faqs-wrapp, .fix-wrapp, .providers-wrapp, .reasons-wrapp, .scan-wrapp, .smile-wrapp { width: 100%; float: left; }

/*braces-wrapp*/
.braces-wrapp .margin { max-width: 1230px; }
.braces-wrapp { position: relative; background: #fff5f6; padding: 64px 0 67px; text-align: center; }
.braces-wrapp p { float: none; font-size: 20px; color: #000; line-height: 1.5; margin: 0 auto 28px; max-width: 960px; }
.braces-wrapp p a { color: #000; }
.braces-wrapp p span { display: block; }
.braces-wrapp p strong { font-weight: 700; }
.braces-wrapp h2 { float: none; font-size: 27px; color: #000; letter-spacing: 5.4px; line-height: 1.11; margin: 0 0 55px; }
.braces-wrapp h2 a { color: #000; }
.braces-wrapp h2 span { display: block; }
.braces-wrapp h3 { font-size: 80px; color: #000; line-height: 0.81; margin: 0 0 10px; font-family: 'Northwell'; }
.braces-wrapp h3 a { color: #000; }
.braces-wrapp h3 span { display: block; font-family: 'Northwell'; }
.braces-wrapp .braces-row2 { width: 100%; float: left; text-align: left; position: relative; }
.braces-wrapp .braces-row2 img { width: 100%; display: block; }
.braces-wrapp .braces-row3 { width: 100%; float: left; }
.braces-wrapp .braces-row2 .braces-col1 { width: 50%; float: left; position: relative; }
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { width: 100%; float: left; }
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 43%; float: left; position: absolute; bottom: 11%; left: 6%; }
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 { width: 100%; float: left; }
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 20px; color: #000; line-height: 1.5; display: block; position: relative; font-family: 'NeueHaasUnica-Medium'; }
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { content: "\2022 "; position: absolute; left: -9px; color: #000; font-size: 16px; top: 2px; }
.braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right: 2%; left: inherit; }
.braces-wrapp .braces-row2 .braces-col1:last-child:after { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: -1px; top: 0; }
.braces-wrapp .braces-row2 .vs-box { width: 62px; height: 62px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; background: #fb51a7; border: solid 2px #fff; border-radius: 50%; margin: 0 auto; }
.braces-wrapp .braces-row2 .vs-box span { font-size: 24px; color: #fff; line-height: 1; font-weight: 500; width: 100%; position: absolute; top: 52%; transform: translateY(-50%); margin: auto; text-align: center; }

/*library-wrapp2*/
.library-wrapp3 { background: #ffd5e9; padding: 64px 0; }

/*comparison-wrapp*/
.comparison-wrapp { padding: 46px 0 76px; text-align: center; background: #fff5f6; }
.comparison-wrapp .margin { max-width: 1152px; }
.comparison-wrapp p { float: none; font-size: 20px; color: #000; line-height: 1.5; margin: 0 auto 28px; max-width: 864px; }
.comparison-wrapp p a { color: #000; }
.comparison-wrapp p span { display: block; }
.comparison-wrapp p strong { font-weight: 700; }
.comparison-wrapp h2 { float: none; font-size: 27px; color: #000; letter-spacing: 5.4px; line-height: 1.48; margin: 0 0 15px; }
.comparison-wrapp h2 a { color: #000; }
.comparison-wrapp h2 span { display: block; }
.comparison-wrapp .comparison-row3 { width: 100%; float: left; margin: 30px 0 0; position: relative; }
.comparison-wrapp .comparison-row3 img { width: 100%; display: block; }
.comparison-wrapp .comparison-row3 iframe { width: 100%; height: 652px; display: block; }
.comparison-wrapp h2, .comparison-wrapp h2 span { font-family: 'SuisseIntl-Bold'; text-transform: uppercase; }
.comparison-wrapp .comparison-row3 video { width: 100%; height: 652px; display: block; }
.comparison-wrapp .comparison-row3 .desktop-playbutton { cursor: pointer; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; width: 75px; top: 50%; transform: translateY(-50%); transition: ease all 0.5s; }
.comparison-wrapp .comparison-row3 .desktop-playbutton .video-play-button { width: 55px;     margin: 0;}
.comparison-wrapp .comparison-row3 .desktop-playbutton.hide { opacity: 0; visibility: hidden; }

.comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 652px; margin: 0 0 0;}

/*.comparison-wrapp .comparison-row3 .desktop-playbutton {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto 0; text-align: center;}
.comparison-wrapp .comparison-row3 .desktop-playbutton .video-play-button {float: none; display: inline-block; margin: 0 auto 0; cursor: pointer;}*/

/*scan-wrapp*/
.scan-wrapp { background: #ffc1cc url(../images/invisalign/scan-bg1.jpg) no-repeat top center/cover; padding: 83px 0 0; position: relative; }
.scan-wrapp h2 { font-size: 80px; color: #fc1681; line-height: 0.81; margin: 0 0 10px; font-family: 'Northwell'; }
.scan-wrapp h2 a { color: #fc1681; }
.scan-wrapp h2 span { display: block; font-family: 'Northwell'; }
.scan-wrapp p { float: none; font-size: 20px; color: #000; line-height: 1.5; margin: 0 auto 28px; max-width: 864px; }
.scan-wrapp p a { color: #000; }
.scan-wrapp p span { display: block; }
.scan-wrapp p strong { font-weight: 700; }
.scan-wrapp .scan-row1 { width: 100%; float: left; margin: 0 0 0; position: relative; }
.scan-wrapp .scan-row1 img { width: 100%; display: block; }
.scan-wrapp .scan-row1 .scan-col1 { width: 39.3%; float: left; position: absolute; bottom: 0; left: 0; }
.scan-wrapp .scan-row1 .scan-col3 { width: 29.6%; float: left; position: absolute; right: -36.2%; bottom: 28%; }
.scan-wrapp .scan-row2 { width: 41%; float: right; margin: 0 0 84px; }
.scan-wrapp .scan-row2 .scan-col2 { width: 305px; float: left; margin: 17px 0 0; position: relative; }
.scan-wrapp .scan-row2 .scan-col2 img { width: 100%; display: block; }
.scan-wrapp .scan-row2 .scan-col2 video { width: 100%; display: block; }
.scan-wrapp .scan-row2 .scan-col2 .video-img { width: 100%; height: 0; float: left; overflow: hidden; padding: 0 0 100%; position: relative; }
.scan-wrapp .scan-row2 .scan-col2 .video-img video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; }
.scan-wrapp .scan-row2 .scan-col2 .video-button { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; }

/*faqs-wrapp*/
.faqs-wrapp { text-align: center; padding: 50px 0 105px; background: #fedfe6; }
.faqs-wrapp p { float: none; font-size: 20px; color: #000; line-height: 1.5; margin: 0 0 28px; }
.faqs-wrapp p a { color: #000; }
.faqs-wrapp p span { display: block; }
.faqs-wrapp p strong { font-weight: 700; }
.faqs-wrapp h2 { float: none; font-size: 27px; color: #000; letter-spacing: 5.4px; line-height: 1.48; margin: 0 0 15px; }
.faqs-wrapp h2 a { color: #000; }
.faqs-wrapp h2 span { display: block; }
.faqs-wrapp h3 { font-size: 16px; line-height: 2.39; color: #fb51a7; letter-spacing: 3.2px; text-transform: uppercase; }
.faqs-wrapp .margin { max-width: 919px; }
.faqs-wrapp .faqs-col1 { width: 100%; float: left; margin: 0 0 0; text-align: left; }
.faqs-wrapp .faqs-col1 img { width: 100%; display: block; }
.faqs-wrapp .faqs-col11 p { margin-bottom: 10px; }
.faqs-wrapp .faqs-col11 ul { padding: 0 0 10px 25px; }
.faqs-wrapp .faqs-ul { padding: 10px 0 10px 20px; }
.faqs-wrapp h2, .faqs-wrapp h2 span, .faqs-wrapp h3, .faqs-wrapp h3 span { font-family: 'SuisseIntl-Bold'; text-transform: uppercase; }
.comparison-wrapp h2 {width: 864px;margin-left: auto;margin-right: auto;max-width: 100%;}
/*Smartphone css*/

@media screen and (max-width:375px) {
  .braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right: 5%; width: 61%; }
}

@media screen and (max-width: 480px) {
  .braces-wrapp h3 { font-size: 28px; }
  .braces-wrapp { padding: 45px 0 14px; }
  .braces-wrapp .braces-row1 { width: 100%; margin: 0 auto 50px; }
  .braces-wrapp .braces-row2 .braces-col1 { width: 100%; background: #fff; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { left: 10%; }
  .braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right: 2px; width: 43%; }
  .braces-wrapp .braces-row2 .vs-box { width: 50px; height: 50px; }
  .braces-wrapp .braces-row2 .vs-box span { font-size: 15px; line-height: 15px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 14px; line-height: 1.72; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 62%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: -2px; }
  .library-wrapp3 { padding: 37px 0 64px; }
  .comparison-wrapp h2 { font-size: 17px; }
  .comparison-wrapp h2 span { display: inline; }
  .comparison-wrapp .comparison-row3 iframe { height: 250px; }
  .scan-wrapp h2 { font-size: 60px; }
  .scan-wrapp { text-align: center; padding: 50px 0 0; }
  .scan-wrapp p { font-size: 16px; }
  .scan-wrapp .scan-row1 { position: relative; }
  .scan-wrapp .scan-row1 .scan-col1 { width: 100%; position: relative; bottom: inherit; }
  .scan-wrapp .scan-row1 .scan-col3 { width: 25.6%; right: inherit; bottom: 6%; left: 0; }
  .scan-wrapp .scan-row2 { width: 100%; margin: 0 0 50px; }
  .scan-wrapp .scan-row2 .scan-col2 { width: 100%; }
  .braces-wrapp p span,   .comparison-wrapp p span,   .cost-wrapp p span,   .faqs-wrapp p span,   .fix-wrapp p span,   .providers-wrapp p span,   .reasons-wrapp p span,   .scan-wrapp p span, .smile-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 .scan-col2 .video-img { width: 100%; padding: 0 0 49.2%; }
  .faqs-wrapp h4 { font-size: 14px; }
  .comparison-wrapp h2 span { display: inline; }
  .comparison-wrapp .comparison-row3 video { height: 51vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 51vw;}

  .library-wrapp .library-col1.desk {display: none;}
  .library-wrapp .library-col1.mobile {display: block;}

  .braces-wrapp .braces-row2 .braces-col1:nth-child(2) .braces-conten {  bottom: inherit;  top: 23%;}

}

@media screen and (max-width:365px) {
  .braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { width: 42%; }

  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li {font-size: 11px;}
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: -5px;}

}

@media screen and (min-width:481px) and (max-width:600px) {
  .braces-wrapp h3 { font-size: 50px; }
  .braces-wrapp { padding: 45px 0 14px; }
  .braces-wrapp .braces-row1 { width: 100%; margin: 0 auto 50px; }
  .braces-wrapp .braces-row2 .braces-col1 { width: 100%; background: #fff; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { left: 10%; }
  .braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right: 5%; width: 40%; }
  .braces-wrapp .braces-row2 .vs-box { width: 50px; height: 50px; }
  .braces-wrapp .braces-row2 .vs-box span { font-size: 15px; line-height: 15px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 14px; line-height: 1.72; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 55%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: -2px; }
  .library-wrapp3 { padding: 37px 0 64px; }
  .comparison-wrapp h2 { font-size: 17px; }
  .comparison-wrapp .comparison-row3 iframe { height: 320px; }
  .scan-wrapp h2 { font-size: 60px; }
  .scan-wrapp { text-align: center; padding: 50px 0 0; }
  .scan-wrapp p { font-size: 16px; }
  .scan-wrapp .scan-row1 { position: relative; }
  .scan-wrapp .scan-row1 .scan-col1 { width: 100%; position: relative; bottom: inherit; }
  .scan-wrapp .scan-row1 .scan-col3 { width: 25.6%; right: inherit; bottom: 6%; left: 0; }
  .scan-wrapp .scan-row2 { width: 100%; margin: 0 0 50px; }
  .scan-wrapp .scan-row2 .scan-col2 { width: 100%; }
  .braces-wrapp p span,   .comparison-wrapp p span,   .cost-wrapp p span,   .faqs-wrapp p span,   .fix-wrapp p span,   .providers-wrapp p span,   .reasons-wrapp p span,   .scan-wrapp p span, .smile-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 .scan-col2 .video-img { width: 100%; padding: 0 0 49.2%; }
  .faqs-wrapp h4 { font-size: 14px; }
  .comparison-wrapp h2 span { display: inline; }
  .comparison-wrapp .comparison-row3 video { height: 51vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 51vw;}

  .library-wrapp .library-col1.desk {display: none;}
  .library-wrapp .library-col1.mobile {display: block;}

}

@media screen and (min-width:601px) and (max-width:767px) {
  .braces-wrapp h3 { font-size: 59px; }
  .braces-wrapp { padding: 45px 0 14px; }
  .braces-wrapp .braces-row1 { width: 100%; margin: 0 auto 50px; }
  .braces-wrapp .braces-row2 .braces-col1 { width: 100%; background: #fff; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { left: 10%; }
  .braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right: 5%; }
  .braces-wrapp .braces-row2 .vs-box { width: 50px; height: 50px; }
  .braces-wrapp .braces-row2 .vs-box span { font-size: 15px; line-height: 15px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 14px; line-height: 1.72; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 55%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: -2px; }
  .library-wrapp3 { padding: 37px 0 64px; }
  .comparison-wrapp h2 { font-size: 17px; }
  .comparison-wrapp .comparison-row3 iframe { height: 250px; }
  .scan-wrapp h2 { font-size: 60px; }
  .scan-wrapp { text-align: center; padding: 50px 0 0; }
  .scan-wrapp p { font-size: 16px; }
  .scan-wrapp .scan-row1 { position: relative; }
  .scan-wrapp .scan-row1 .scan-col1 { width: 100%; position: relative; bottom: inherit; }
  .scan-wrapp .scan-row1 .scan-col3 { width: 25.6%; right: inherit; bottom: 6%; left: 0; }
  .scan-wrapp .scan-row2 { width: 100%; margin: 0 0 50px; }
  .scan-wrapp .scan-row2 .scan-col2 { width: 100%; }
  .braces-wrapp p span,   .comparison-wrapp p span,   .cost-wrapp p span,   .faqs-wrapp p span,   .fix-wrapp p span,   .providers-wrapp p span,   .reasons-wrapp p span,   .scan-wrapp p span, .smile-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 .scan-col2 .video-img { width: 100%; padding: 0 0 49.2%; }
  .faqs-wrapp h4 { font-size: 14px; }
  .comparison-wrapp h2 span { display: inline; }
  .comparison-wrapp .comparison-row3 video { height: 51vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 51vw;}

  .library-wrapp .library-col1.desk {display: none;}
  .library-wrapp .library-col1.mobile {display: block;}

}

@media screen and (min-width:768px) and (max-width:900px) {
  .braces-wrapp h3 { font-size: 55px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 66%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 17px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: 0; }
  .comparison-wrapp h2 { font-size: 22px; }
  .comparison-wrapp .comparison-row3 iframe { width: 100%; height: 473px; }
  .scan-wrapp h2 { font-size: 49px; }
  .scan-wrapp p { font-size: 14px; }
  .scan-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 { margin: 0 0 40px; }
  .comparison-wrapp .comparison-row3 video { height: 53vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 53vw;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
  .braces-wrapp h3 { font-size: 55px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 66%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 17px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: 0; }
  .comparison-wrapp h2 { font-size: 22px; }
  .comparison-wrapp .comparison-row3 iframe { width: 100%; height: 573px; }
  .scan-wrapp h2 { font-size: 56px; }
  .scan-wrapp p { font-size: 14px; }
  .scan-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 { margin: 0 0 40px; }
  .comparison-wrapp .comparison-row3 video { height: 53vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 53vw;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
  .braces-wrapp h3 { font-size: 55px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-conten { width: 66%; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size: 17px; }
  .braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { top: 0; }
  .comparison-wrapp h2 { font-size: 22px; }
  .comparison-wrapp .comparison-row3 iframe { width: 100%; height: 573px; }
  .scan-wrapp h2 { font-size: 56px; }
  .scan-wrapp p { font-size: 14px; }
  .scan-wrapp p span { display: inline; }
  .scan-wrapp .scan-row2 { margin: 0 0 40px; }
  .comparison-wrapp .comparison-row3 video { height: 53vw; }
  .comparison-wrapp .comparison-row3.mp4 .videoWrapper {padding-bottom: 53vw;}

}

@media screen and (min-width:1241px) and (max-width:1340px) {
}

@media screen and (min-width:1341px) and (max-width:1500px) {
  .braces-wrapp .braces-row1 { max-width: 820px; }
}

@media screen and (max-width:767px) {
.comparison-wrapp .comparison-row3 .desktop-playbutton {
    display: none !important;
}
}