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



.invisalign-wrapp p, .smile-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reasons-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:16px; color:#58595b; line-height:30px; margin:0 0 28px;}



.invisalign-wrapp p a, .smile-wrapp p a, .inner-wrapp p a, .comparison-wrapp p a, .providers-wrapp p a, .reasons-wrapp p a, .fix-wrapp p a, .cost-wrapp p a, .scan-wrapp p a, .faqs-wrapp p a { color:#494949;}



.invisalign-wrapp p span, .smile-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reasons-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:block;}



.invisalign-wrapp p strong, .smile-wrapp p strong, .comparison-wrapp p strong, .providers-wrapp p strong, .reasons-wrapp p strong, .fix-wrapp p strong, .cost-wrapp p strong, .scan-wrapp p strong, .faqs-wrapp p strong { font-weight:700;}



.invisalign-wrapp h2, .smile-wrapp h2, .comparison-wrapp h2, .scan-wrapp h2, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h3 { font-size:36px; line-height:56px; color: #009ac3; font-weight: 700;}



.invisalign-wrapp h2 a, .smile-wrapp h2 a, .comparison-wrapp h2 a, .reasons-wrapp h2 a, .providers-wrapp h2 a, .fix-wrapp h2 a, .cost-wrapp h2 a, .faqs-wrapp h3 a, .scan-wrapp h2 a { color:#494949;}



.invisalign-wrapp h2 span, .smile-wrapp h2 span, .comparison-wrapp h2 span, .reasons-wrapp h2 span, .providers-wrapp h2 span, .fix-wrapp h2 span, .cost-wrapp h2 span, .faqs-wrapp h3 span, .scan-wrapp h2 span { display:block;}



/*invisalign-wrapp*/

.invisalign-wrapp { position:relative; padding:130px 0 14px; text-align:center;}

.invisalign-wrapp h2 { margin:0 0 35px;}

.invisalign-wrapp h2 span { display:block;}

.invisalign-wrapp h3 { font-size:25px; color:#009ac3; font-weight: 600; line-height:33px; margin:0 0 6px;}

.invisalign-wrapp h3 a { color:#434849;}

.invisalign-wrapp h3 span { display:block; font-weight: 600;}

.invisalign-wrapp h4 { font-size:13px; color:#0a2d27; letter-spacing:2.4px; line-height:23px; margin:0 0 22px;}

.invisalign-wrapp h4 a { color:#0a2d27;}

.invisalign-wrapp h4 span { display:block;}

.invisalign-wrapp .invisalign-row1 { width:100%; max-width:750px; margin:0 auto 54px;}

.invisalign-wrapp .invisalign-row2 { width:100%; float:left; margin:0 0 30px; text-align:left; position:relative;}

.invisalign-wrapp .invisalign-row2 img { width:100%; display:block; height: 100%;}

.invisalign-wrapp .invisalign-row3 { width:100%; float:left; display: flex; flex-wrap: wrap;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 { width:50%; float:left; position:relative;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-thumb { width:100%; float:left; height: 100%;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-conten { width:231px; float:left; position:absolute; bottom:38px; left:54px;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-bar1 { width:100%; float:left;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-bar1 li { font-size:15px; color:#58595b; line-height:30px; /*background:url(../images/invisalign/dot.png) no-repeat 0 12px;*/ display:block; padding-left:12px; position: relative;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-bar1 li:before { content: "\2022 "; position: absolute; left: 0; color: #58595b; font-size: 18px; top: -1px;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1:last-child .invisalign-conten { right:28px; left:inherit;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1:last-child:after { content:""; width:2px; height:100%; background:#fff; position:absolute; left:-1px; top:0;}

.invisalign-wrapp .invisalign-row2 .vs-box { width:70px; height:70px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; background:#009ac3; border:3px solid #ffffff; border-radius:50%; margin:0 auto;}

.invisalign-wrapp .invisalign-row2 .vs-box span { font-size:24px; color:#fff; line-height:1; width:100%; position:absolute; top:52%; transform:translateY(-50%); margin:0 0; text-align:center; font-weight: 700;}

.invisalign-wrapp .invisalign-row4 { width:100%; float:left; margin:37px 0 0; line-height:1}

.invisalign-wrapp .invisalign-row4 p { max-width:881px; margin:0 auto 28px;}

sub { position:relative; top:-7px; color:#009ac3;}



/*smile-wrapp*/

.smile-wrapp h2 { margin:0 0 45px; text-align:center;}

.smile-wrapp h2 span { display:block;}

.smile-wrapp h4 { font-size:12px; line-height:25px; color:#fff; margin:0 0 0; position:absolute; top:10%; text-align:center; width:100%; float:left;}

.smile-wrapp h4 a { color:#fff;}

.smile-wrapp h4 span { display:block;}

.smile-wrapp .smile-row1 { width:100%; float:left; padding:50px 0;}

.smile-wrapp .smile-row1 .smile-col1 { width:99.8%; float:left; position:relative;}

.smile-wrapp .smile-row1 .smile-col1 img { width:100%; display:block;}

.smile-wrapp .smile-row1 .smile-col1 .smile-thumb { width:100%; float:left;}

.smile-wrapp .smile-row1 .smile-col1 .lt { width:40%; float:left;}

.smile-wrapp .smile-row1 .smile-col1 .rt { width:40%; float:right;}



/*comparison-wrapp*/

.comparison-wrapp { padding:42px 0 0; text-align:center;}

.comparison-wrapp h2 { margin:0 0 35px; text-align:center;}

.comparison-wrapp h2 span { display:block;}

.comparison-wrapp h3 { font-size:16px; line-height:24px; color:#58595b; margin:0 0 0; font-weight:500;}

.comparison-wrapp h3 a { color:#424242;}

.comparison-wrapp h3 span { display:block;}

.comparison-wrapp h4 { font-size:16px; line-height:24px; color:#fff; letter-spacing:0.2px; margin:0 0 0;}

.comparison-wrapp h4 a { color:#fff;}

.comparison-wrapp h4 span { display:block;}

.comparison-wrapp .comparison-row1 { width:100%; float:left; margin:29px 0 47px;}

.comparison-wrapp .comparison-row1 img { width:100%; display:block;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:100%; float:left; margin:0 0 0.34% 0;}

.comparison-wrapp .comparison-row1 .comparison-col1 { width:29.79%; float:left; margin:0 0.4% 0 0; min-height:112px; display:table;}

.comparison-wrapp .comparison-row1 .comparison-col1 .conten { width:100%; display:table-cell; vertical-align:middle; padding:0 4% 0 14%; text-align:left;}

.comparison-wrapp .comparison-row1 .comparison-col2 { width:23.07%; float:left; margin:0 0.3% 0 0; min-height:112px; display:table;}

.comparison-wrapp .comparison-row1 .comparison-col2:last-child { margin:0;}

.comparison-wrapp .comparison-row1 .comparison-col2 .conten { width:100%; display:table-cell; vertical-align:middle; text-align:center;}

.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}

.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo .logo-col1 { width:160px; margin:0 auto;}

.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}

.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon .check-col1 { width:32px; margin:0 auto;}

.comparison-wrapp .comparison-row3 { width:100%; float:left; margin:51px 0 0;}

.comparison-wrapp .comparison-row3 img { width:100%; display:block;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:673px; display:block;}

.color1 { background:#efefef;}

.comparison-row2:first-child .color1 { background:#009ac3;}

.color2 { background:#fff;}

.color3 { background:#58595b;}

.color4 { background:#efefef;}


.comparison-wrapp .comparison-row1 .rd-more {width: 100%; display: block; float: left; text-align: center;}
.comparison-wrapp .comparison-row1 .loadmorecells {float: none; text-align: center; font-size: 15px; font-weight: 500; letter-spacing: 0; border: 1px solid; border-radius: 40px; transition: all 0.25s ease-out 0s; display: inline-block; position: relative; color: #ffffff; background: #009ac3; border-color: #009ac3; margin: 20px 0 0; padding: 12px 30px 12px 30px; cursor: pointer;}
.comparison-wrapp .comparison-row1 .loadmorecells:hover {color: #009ac3; background: none; border-color: #009ac3;}


/*providers-wrapp*/

.providers-wrapp { text-align:center; background: no-repeat center / cover; padding:82px 0 0;}

.providers-wrapp h2 { margin:0 0 45px; text-align:center;}

.providers-wrapp h2 span { display:block;}

.providers-wrapp .providers-col1 { width:164px; margin:0 auto 31px;}

.providers-wrapp .providers-col1 img { width:100%; display:block;}



/*reasons-wrapp*/

.reasons-wrapp { background:#009ac3 url(../images/invisalign/reasons-bg1.png) no-repeat center / cover; padding:67px 0 85px; text-align:center; margin: 60px 0 0;}

.reasons-wrapp h2 { margin:0 0 45px; text-align:center; color:#ffffff;}

.reasons-wrapp h2 span { display:block;}

.reasons-wrapp p { color:#fff; margin:0 0 0;}

.reasons-wrapp p a { color:#fff;}

.reasons-wrapp .reasons-row1 { width:100%; float:left; margin:31px 0 0; display: flex; flex-wrap: wrap; justify-content: center;}

.reasons-wrapp .reasons-row1 img { width:100%; display:block;}

.reasons-wrapp .reasons-row1 .reasons-col1 { width:33.33%; float:left; min-height:220px; margin:0 0 10px;}

.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { width:auto; display:inline-block; margin:0 0 30px;} 

.reasons-wrapp .consultation-btn1 { background:none; border-color:#ffffff;}

.reasons-wrapp .consultation-btn1:hover { color:#009ac3; background:#ffffff; border-color:#009ac3;}



/*fix-wrapp*/

.fix-wrapp { text-align:center; padding:64px 0 70px;}

.fix-wrapp h2 { margin:0 0 45px; text-align:center;}

.fix-wrapp h2 span { display:block;}

.fix-wrapp h3 { font-size: 26px; line-height: 1.45; color: #009ac3; letter-spacing: normal; text-transform: inherit; margin: 0 0 18px; font-weight: 700;}

.fix-wrapp h3 a { color:#494949;}

.fix-wrapp h3 span { display:block; font-family: 'gilroy-bold-font';}

.fix-wrapp p { margin:-9px 0 41px;}

.fix-wrapp p a { color:#0a2d27;}

.fix-wrapp p span { display:block;}

.fix-wrapp p strong { font-weight:700;}

.fix-wrapp .fix-row1 { width:100%; float:left;}

.fix-wrapp .fix-row1 img { width:100%; display:block;}

.fix-wrapp .fix-row1 .fix-col1 { width:31%; float:left; margin:0 3.37% 0 0;}

.fix-wrapp .fix-row1 .fix-col1:nth-child(3n) { margin-right:0;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:301px; display:inline-block;}

.fix-wrapp .fix-row1 .fix-col1 .fix-conten { width:100%; float:left; padding:35px 0 0; min-height:237px;}



.fix-thumb .video-box { position:relative; float:left; margin-bottom:10px;}

.video-container { position:relative; width:100%;}

.video-container video { width:100%; max-width:100%}

.video-box .video-container .video-progress-container {    position: relative;

    bottom: -10px;

    font-size: 16px;

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: center;

}

.video-box .video-container .video-progress-container .video-progress-left, .video-box .video-container .video-progress-container .video-progress-right {padding-left: 15px;

    padding-right: 15px;}

	
.fix-wrapp .fix-row1 .fix-col1 .slide {width: 100%;display: block;float: left;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range {padding: 12px 0 0; -webkit-appearance: none; width: 100%; outline: none; opacity: 1; -webkit-transition: .2s; transition: opacity .2s; display: flex; flex-wrap: wrap; align-items: center;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 14px; height: 14px; background: #009ac3; cursor: pointer; border-radius: 50%;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range input[type=range]::-moz-range-thumb {width: 14px; height: 14px; background: #009ac3; cursor: pointer; border-radius: 50%;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range input[type=range] {width: calc(100% - 120px); background: #d9d9d9; height: 2px; position: relative; margin: 0 auto 0;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range span:last-child {float: right;margin-left: auto;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-week {display: none;}
.fix-wrapp .fix-row1 .fix-col1 .slide .slide-range .fill {position: absolute;}

/*cost-wrapp*/

.cost-wrapp { text-align:center; padding:0 0 9px;}

.cost-wrapp h2 { margin:0 0 35px; text-align:center;}

.cost-wrapp h2 span { display:block;}

.cost-wrapp h3 { font-size:21px; line-height:27px; font-weight:400; color:#fff; margin:0 0 26px;}

.cost-wrapp h3 a { color:#fff;}

.cost-wrapp h3 span { display:block;}

.cost-wrapp h4 { font-size:16px; line-height:20px; color:#fff; font-weight:500; background:#009ac3; margin:0 0 37px; width:100%; display:block; padding:20px 0 19px; margin:0 0 26px 0;}

.cost-wrapp h4 a { color:#fff;}

.cost-wrapp h4 span { display:block;}

.cost-wrapp h5 { font-size:16px; line-height:20px; color:#434849; margin:0 0 37px; margin:0 0 27px 0;}

.cost-wrapp h5 a { color:#434849;}

.cost-wrapp h5 span { font-size:36px; color:#434849; position:relative; top:12px;}

.cost-wrapp p { color:#ffffff; margin:0 auto 24px; max-width:277px; font-size:15px; line-height:25px;}

.cost-wrapp p a { color:#fff;}

.cost-wrapp p span { display:block;}

.cost-wrapp p strong { font-weight:700;}

.cost-wrapp .cost-row1 { width:100%; float:left; margin:24px 0 0; display: flex; flex-wrap: wrap;}

.cost-wrapp .cost-row1 .cost-col1 { width:24.52%; float:left; margin:0 0.64% 0 0; /*min-height:433px;*/ background:#009ac3 no-repeat center / cover; position:relative; padding:45px 2% 20px; padding-bottom: 100px;}

.cost-wrapp .cost-row1 .cost-col2 { width:24.52%; float:left; margin:0 0.64% 0 0; /*min-height:433px;*/ background:#efefef; position:relative; padding-bottom: 100px;}

.cost-wrapp .cost-row1 .cost-col2:last-child { margin:0;}

.cost-wrapp .cost-row1 .cost-row2 { width:100%; float:left; padding:0 20px; text-align:left; margin-bottom: 15px;}

.cost-wrapp .cost-row1 .cost-bar1 li { font-size:15px; color:#434849; line-height:40px; /*background:url(../images/invisalign/checkicon.svg) no-repeat 0 9px;*/ position: relative; display:block; padding-left:30px;}

.cost-wrapp .cost-btn1 { width:144px; position:absolute; bottom:40px; left:0; right:0; margin:0 auto;}

.cost-wrapp .cost-btn2 { width:150px; position:absolute; bottom:40px; left:0; right:0; margin:0 auto;}

.cost-wrapp .cost-btn2 { background:none; border-color:#ffffff;}

.cost-wrapp .cost-btn2:hover { color: #009ac3; background: #fff; border-color: #009ac3}

.cost-wrapp .cost-row1 .cost-bar1 li:before { content: ""; position: absolute; /*background:url(../images/invisalign/checkicon.svg) no-repeat center;*/ width: 20px; height: 20px; background-size: 19px; left: 0; top: 9px;}

.cost-wrapp .cost-row1.contents-2 .cost-col3 {width: 49.65%; position: relative; float: right;}

/*scan-wrapp*/

.scan-wrapp { background: #58595b url(../images/invisalign/scan-bg1.png) no-repeat center / cover; padding:85px 0; position:relative;}

.scan-wrapp h2 { margin:0 0 20px; color:#ffffff;}

.scan-wrapp h2 span { display:block;}

.scan-wrapp p { color:#ffffff; margin:0 0 24px; max-width:471px;}

.scan-wrapp p a { color:#fff;}

.scan-wrapp p span { display:block;}

.scan-wrapp p strong { font-weight:700;}

.scan-wrapp .scan-row1 { width:100%; max-width:1200px; position:absolute; left:0; right:0; margin:0 auto; bottom:0;}

.scan-wrapp .scan-row1 img { width:100%; display:block;}

.scan-wrapp .scan-row1 .scan-col1 { width:448px; float:left;}

.scan-wrapp .scan-row1 .scan-col3 { width:141px; float:left; position:absolute; left:40%; bottom:26%;}

.scan-wrapp .scan-row2 { width:40%; float:right;}

.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:66px 0 70px;}

.faqs-wrapp .margin { max-width:1000px;}

.faqs-wrapp p { margin:0 0 22px;}

.faqs-wrapp p span { display:block;}

.faqs-wrapp p strong { font-weight:700;}

.faqs-wrapp h3 { margin:0 0 20px;}

.faqs-wrapp h3 span { display:block;}

.faqs-wrapp h2 { font-size:15px; line-height:1; color:#ffffff; margin:0 0 14px; border-radius:30px;}

.faqs-wrapp h4 { font-size:15px; line-height:30px; margin:0 0 0; font-weight:600;}

.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-col1 .faqs-row1 { width:100%; float:left; padding:0 2% 0;}

.faqs-wrapp .accordion h2 span:first-child {width: 24px; display: inline-block; text-align: right; position: absolute; left: 12px;}

.faqs-wrapp .accordion h2 {padding-left: 38px !important;}

/*link-box*/

.link-box { position:absolute; width:245px; float:left; top:53px; left:0; background:#009ac3; padding:26px 32px; z-index:9; border-radius:0;}

.link-box .link-row1 { width:100%; float:left;}

.link-box .link-row1 .link-col1 { width:100%; float:left;}

.link-box .link-row1 .link-col1 li { width:100%; display:block; border-bottom:1px solid #ffffff; padding:0 0 0; margin:0 0 5px;}

.link-box .link-row1 .link-col1 li:last-child { border:none; padding:0; margin:0;}

.link-box .link-row1 .link-col1 li a:hover { color:#58595b;}

.link-col1 li, .link-col1 li a { font-size:13px; color:#ffffff; line-height:38px;}



.item-content .comparison-col1 { width:100%;  margin:0 0.16% 0 0; display:table; color:#fff}

.item-content .comparison-col1 .conten { width:100%; display:table-cell; vertical-align:middle; padding:20px 10px 20px 20px; text-align:center;}

.item-content .comparison-col2 { width:100%;  padding:10px 10px 10px 20px; display:table;}

.item-content .comparison-col2:last-child { margin:0;}

.item-content .comparison-col2 .conten { width:100%; display:table-cell; vertical-align:middle; text-align:center;}

.item-content .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}

.item-content .comparison-col2 .invisalign-logo .logo-col1 { width:160px; margin:0 auto;}

.item-content .comparison-col2 .check-icon {  margin:0 auto; display:table-cell; vertical-align:middle;}

.item-content .comparison-col2 .check-icon .check-col1 { width:32px; margin:0 auto;}

.item-content .comparison-row3 { width:100%; float:left; margin:47px 0 0;}

.item-content .comparison-row3 img { width:100%; display:block;}

.item-content .comparison-btn1 { float:none; color:#ffffff; background:#009ac3; border-color:#009ac3; margin:0 9px 0; padding:11px 30px 11px 30px;}

.item-content .comparison-btn1:hover { color:#e0b127; background:#ffffff; border-color:#009ac3;}



.tabbed-content .tabs ul li a { float:none; color:#ffffff; background:#009ac3; border-color:#009ac3; margin:0 9px 0; padding:11px 23px 9px; margin-bottom:15px}

.tabbed-content .tabs ul li a:hover { color:#009ac3; background:#ffffff; border-color:#009ac3;}

.tabbed-content .tabs ul li a:hover, .tabbed-content .tabs ul li a.active { background: #fff; color: #009ac3; }



/*btn-css*/

.consultation-btn1, .cost-btn1, .cost-btn2, .tabs ul li a { float:none; text-align:center; font-size:15px; font-weight:500; letter-spacing:0; border:1px solid; border-radius:40px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#ffffff; background:#009ac3; border-color:#009ac3; margin:0 10px 0; padding:12px 30px 12px 30px;}

.consultation-btn1:hover, .cost-btn1:hover { color:#009ac3; background:#ffffff; border-color:#009ac3;}


.tabbed-content {margin: 0 0 30px; display: none;}
.tabbed-content .item {display: none;}
.tabbed-content .item.active {display: block;}


/*hover-effect-css*/
.hovereffect {
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  background: #58595b;
}
.hovereffect .overlay1 {
  position: absolute;
  overflow: hidden;
  width: 80%;
  left: 10%;
  bottom: 1%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}
.hovereffect:hover .overlay1 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}
.hovereffect:hover img {
  mix-blend-mode: multiply;
}
.hovereffect h3 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 1.5em 0;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  position: relative;
}
.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h3 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.loc-btsn {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.loc-btsn .locbtn {font-size: 12px; padding: 14px 22px 14px 22px; display: inline-block; color: #58595b; border: 1px solid #00a4c7; border-radius: 30px; letter-spacing: 1px; text-transform: uppercase; line-height: normal; margin: 0 7px 0 0;}
.loc-btsn .locbtn:hover {color: #fff; background: #00a4c7;}
.loc-btsn .locbtn span {color: #00a4c7; display: inline-block;}
.loc-btsn .locbtn:hover span {color: #fff;}
.loc-btsn  > span {font-size: 13px; color: #58595b; padding: 0 12px 0 6px;}
.loc-btsn .bknw-btn {font-size: 12px;padding: 14px 22px 14px 22px;display: inline-block;color: #ffffff;border: 1px solid #58595b;background: #58595b;border-radius: 30px;letter-spacing: 1px;text-transform: uppercase;line-height: normal;}
.loc-btsn .bknw-btn:hover {background: #fff; border-color: #fff; color: #00a4c7;}

.reasons-wrapp .loc-btsn .locbtn {background: #ffffff;}
.reasons-wrapp .loc-btsn .locbtn:hover {background: #00a4c7;}
.reasons-wrapp .loc-btsn > span {color: #ffffff;}

.treatment-cat .slick-dots{bottom: 0;}
.treatment-cat .slick-dots li button:before {  background:#eeeeed;}
.treatment-cat .slick-dots li.slick-active button:before { color: black; background:rgb(0, 164, 199);}

/*Smartphone css*/

@media screen and (max-width: 480px) {

.invisalign-wrapp { padding:45px 0 14px;}

.invisalign-wrapp h2 { font-size:20px; line-height:33px;}

.invisalign-wrapp h3 { font-size:18px; line-height:30px;}

.invisalign-wrapp h3 span { display:contents;}

.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 { width:100%;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-conten { left:5%;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1:last-child .invisalign-conten { right:5%;}

.invisalign-wrapp .invisalign-row2 .vs-box { width:50px; height:50px;}

.invisalign-wrapp .invisalign-row2 .vs-box span { font-size:15px;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-bar1 li { font-size:15px; line-height:25px;}



.smile-wrapp h2 { font-size:20px; line-height:33px;}

.smile-wrapp .smile-row1 { padding:50px 0 30px;}



.comparison-wrapp { padding:0;}

.comparison-wrapp h2 { font-size:20px; line-height:33px;}

.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.comparison-wrapp .comparison-btn1 { margin:16px 9px 0;}

.comparison-wrapp .comparison-row1 .comparison-col1 .conten { padding: 0 5%;}



.providers-wrapp { padding:45px 0 15px;}

.providers-wrapp h2 { font-size:20px; line-height:33px;}

.providers-wrapp h2 span { display:contents;}

.providers-wrapp p span { display:contents;}



.reasons-wrapp { padding:50px 0 50px;}

.reasons-wrapp h2 { font-size:20px; line-height:33px; margin:0 0 12px;}

.reasons-wrapp h2 span { display:contents;}

.reasons-wrapp p span { display:contents;}

.reasons-wrapp .reasons-row1 .reasons-col1 { width:100%; min-height:inherit; margin:0 0 25px;}

.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}



.fix-wrapp h2 { font-size:20px; line-height:33px;}

.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0;}

.fix-wrapp .fix-row1 .fix-col1:last-child { margin:0 0 20px;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:288px; display:inline-block;}

.fix-wrapp .fix-btn1 { margin:9px 5px 0;}

.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}



.cost-wrapp h2 { font-size:20px; line-height:33px; margin:0 0 12px;}

.cost-wrapp .cost-row1 .cost-col1 { width:100%; margin:0 0 5px; padding-bottom: 0;}

.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; padding-bottom: 0;}

.cost-wrapp .cost-btn1 { position:relative; bottom:inherit; margin:12px 0 30px;}

.cost-wrapp .cost-btn2 { position:relative; bottom:inherit; margin:12px 0 30px;}




.scan-wrapp { text-align:center; padding:50px 0;}

.scan-wrapp h2 { font-size:26px; line-height:38px;}

.scan-wrapp .scan-row1 { position:relative;}

.scan-wrapp .scan-row1 .scan-col1 { width:100%; margin:0 0 35px;}

.scan-wrapp .scan-row1 .scan-col3 { position:relative; left:inherit; float:none; display:inline-block;}

.scan-wrapp .scan-row2 { width:100%; margin:35px 0 0;}

.scan-wrapp .scan-row2 .scan-col2 { width:100%;}



.faqs-wrapp { padding:50px 0 56px;}

.faqs-wrapp h2 { font-size:12px;}

.faqs-wrapp .faqs-btn1 { margin:16px 9px 0;}

.faqs-wrapp .faqs-col1 .faqs-row1 { padding:0 5% 0;}



.invisalign-wrapp .invisalign-row2 img { opacity:0.4;}



.comparison-wrapp .comparison-row3 iframe { width:100%; height:240px;}



.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}



.consultation-btn1 { margin:10px 12px 0;}

.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 10px;}


.faqs-wrapp .accordion h2 { background-position: 97% center; padding: 15px 25px 14px 5%;}


.reasons-wrapp h2 span{display: inline;}

.tabbed-content {display: block;}

.cost-wrapp .cost-row1.contents-2 .cost-col3 {padding: 0 0 56.2%; width: 100%;}

.loc-btsn .locbtn {padding: 14px 8px 14px 8px; font-size: 9px; letter-spacing: 0.25px; margin: 6px 4px 5px 0; max-width: 140px; width: 100%; text-align: center;}
.loc-btsn > span {font-size: 11px; padding: 8px;}
.loc-btsn .bknw-btn {padding: 14px 11px 14px 11px; font-size: 9px; letter-spacing: 0.25px; display: block; margin: 6px 0 0; max-width: 140px; width: 100%; text-align: center;}

.providers-wrapp .providers-col1 {width: 120px;}

}



@media screen and (min-width:481px) and (max-width:600px) {

.invisalign-wrapp { padding:45px 0 14px;}

.invisalign-wrapp h2 { font-size:28px; line-height:38px;}

.invisalign-wrapp h3 { font-size:24px; line-height:34px;}

.invisalign-wrapp h3 span { display:contents;}

.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 { width:100%;}

.invisalign-wrapp .invisalign-btn1 { margin:16px 3px 0;}



.smile-wrapp .smile-row1 { padding:50px 0 30px;}



.comparison-wrapp { padding:0;}

.comparison-wrapp h2 { font-size:30px; line-height:40px;}

.comparison-wrapp .comparison-btn1 { margin:16px 3px 0;}

.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}



.providers-wrapp { padding:45px 0 15px;}

.providers-wrapp h2 { font-size:26px; line-height:38px;}

.providers-wrapp h2 span { display:contents;}

.providers-wrapp p span { display:contents;}



.reasons-wrapp { padding:50px 0 50px;}

.reasons-wrapp h2 { font-size:26px; line-height:38px; margin:0 0 12px;}

.reasons-wrapp p span { display:contents;}

.reasons-wrapp .reasons-row1 .reasons-col1 { width:49%; margin:0 2% 25px 0; min-height:150px;}

.reasons-wrapp .reasons-row1 .reasons-col1:nth-child(2n) { float:right; margin-right: 0;}

.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}

.reasons-wrapp .reasons-btn1 { margin:16px 3px 0;}



.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:288px; display:inline-block;}

.fix-wrapp .fix-btn1 { margin:9px 3px 0;}

.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}



.cost-wrapp h2 { font-size:26px; line-height:38px; margin:0 0 12px;}

.cost-wrapp .cost-row1 .cost-col1 { width:100%; margin:0 0 5px; padding-bottom: 0;}

.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; padding-bottom: 0;}

.cost-wrapp .cost-btn2 { position:relative; bottom:inherit; margin:12px 0 30px;}

.cost-wrapp .cost-btn1 { position:relative; bottom:inherit; margin:12px 0 30px;}




.scan-wrapp { text-align:center; padding:50px 0;}

.scan-wrapp h2 { font-size:26px; line-height:38px;}

.scan-wrapp .scan-row1 { position:relative;}

.scan-wrapp .scan-row1 .scan-col1 { width:100%; margin:0 0 35px;}

.scan-wrapp .scan-row1 .scan-col3 { position:relative; left:inherit; float:none; display:inline-block;}

.scan-wrapp .scan-row2 { width:100%; margin:35px 0 0;}

.scan-wrapp .scan-row2 .scan-col2 { width:100%;}



.faqs-wrapp { padding:50px 0 56px;}

.faqs-wrapp h2 span { display:block;}

.faqs-wrapp .faqs-btn1 { margin:16px 3px 0;}



.invisalign-wrapp .invisalign-row2 img { opacity:0.4;}



.comparison-wrapp .comparison-row3 iframe { width:100%; height:340px;}



.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}



.consultation-btn1 { margin:10px 12px 0;}


.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 10px;}


.faqs-wrapp .accordion h2 { background-position: 97% center; padding: 15px 25px 14px 3%;}

.reasons-wrapp h2 span{display: inline;}

.tabbed-content {display: block;}

.cost-wrapp .cost-row1.contents-2 .cost-col3 {padding: 0 0 56.2%; width: 100%;}

.loc-btsn .locbtn {width: 100%; max-width: 204px; text-align: center; padding: 14px 16px 14px 16px; font-size: 11px; margin: 6px 5px 15px 0;}
.loc-btsn > span { font-size: 12px; padding: 8px;}
.loc-btsn .bknw-btn {max-width: 150px; width: 100%; text-align: center; padding: 14px 16px 14px 16px; font-size: 11px; margin: 6px 0 0;}

.providers-wrapp .providers-col1 {width: 120px;}

}



@media screen and (min-width:601px) and (max-width:767px) {

.invisalign-wrapp { padding:45px 0 14px;}

.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 { width:100%;}

.invisalign-wrapp .invisalign-btn1 { margin:16px 5px 0;}



.smile-wrapp .smile-row1 { padding:50px 0 30px;}



.comparison-wrapp { padding:0;}

.comparison-wrapp .comparison-btn1 { margin:16px 5px 0;}

.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}



.providers-wrapp { padding:45px 0 15px;}



.reasons-wrapp { padding:50px 0 50px;}

.reasons-wrapp h2 { font-size:29px;}

.reasons-wrapp p span { display:contents;}

.reasons-wrapp .reasons-row1 .reasons-col1 { width:49%; margin:0 2% 25px 0; min-height:150px;}

.reasons-wrapp .reasons-row1 .reasons-col1:nth-child(2n) { float:right; margin-right: 0;}

.reasons-wrapp .reasons-row1 .reasons-col1 .reasons-icon { margin:0 0 12px;}

.reasons-wrapp .reasons-btn1 { margin:16px 5px 0;}



.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0;}

.fix-wrapp .fix-row1 .fix-col1:last-child { margin:0 0 20px;}

.fix-wrapp .fix-btn1 { margin:9px 5px 0;}

.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}



.cost-wrapp .cost-row1 .cost-col1 { width:49.5%; margin:0 1% 1% 0;}

.cost-wrapp .cost-row1 .cost-col2 { width:49.5%; margin:0 1% 1% 0;}

.cost-wrapp .cost-row1 .cost-col2:nth-child(2n) { margin-right:0;}

/*.cost-wrapp .cost-btn2 { position:relative; bottom:inherit; margin:12px 0 30px;}*/

.cost-wrapp .cost-row1 .cost-row2 { padding:0 3%;}

.cost-wrapp .cost-row1 .cost-bar1 li { font-size:13px;} 



.scan-wrapp { text-align:center; padding:50px 0;}

.scan-wrapp .scan-row1 { position:relative;}

.scan-wrapp .scan-row1 .scan-col1 { width:100%; margin:0 0 35px;}

.scan-wrapp .scan-row1 .scan-col3 { position:relative; left:inherit; float:none; display:inline-block;}

.scan-wrapp .scan-row2 { width:100%; margin:35px 0 0;}

.scan-wrapp .scan-row2 .scan-col2 { width:100%;}



.faqs-wrapp { padding:50px 0 56px;}

.faqs-wrapp .faqs-btn1 { margin:16px 5px 0;}



.invisalign-wrapp .invisalign-row2 img { opacity:0.4;}



.comparison-wrapp .comparison-row3 iframe { width:100%; height:440px;}



.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}


.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 10px;}


.faqs-wrapp .accordion h2 { background-position: 97% center; padding: 15px 25px 14px 3%;}

.reasons-wrapp h2 span{display: inline;}

.tabbed-content {display: block;}

.cost-wrapp .cost-row1.contents-2 .cost-col3 {padding: 0 0 56.2%; width: 100%;}

.loc-btsn .locbtn {padding: 14px 16px 14px 16px; font-size: 11px;}
.loc-btsn > span {font-size: 12px; padding: 0 8px 0 4px;}
.loc-btsn .bknw-btn {padding: 14px 10px 14px 10px; font-size: 10px;}

.providers-wrapp .providers-col1 {width: 120px;}

}



@media screen and (min-width:768px) and (max-width:900px) {

.link-box { width:167px; padding:26px 1%;}

.invisalign-wrapp {padding: 40px 0 14px;}

.invisalign-wrapp .invisalign-row1 {width: 57%;}

.invisalign-wrapp h2 { font-size:27px; margin:0 auto 45px; max-width:410px; line-height:47px;}

.invisalign-wrapp p { max-width:437px; margin:0 auto 28px;}



.comparison-wrapp h2 { font-size:30px;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}



.cost-wrapp h3 { font-size:15px; line-height:23px;}

.cost-wrapp p { font-size:14px; line-height:22px;}

/*.cost-wrapp .cost-row1 .cost-col1 { min-height:507px;}*/

.cost-wrapp .cost-row1 .cost-row2 { padding:0 3%;}

.cost-wrapp .cost-row1 .cost-bar1 li { font-size:14px; line-height:30px;}

.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 5px;}

/*.cost-wrapp .cost-row1 .cost-col2 { min-height:507px;}*/



.scan-wrapp h2 { font-size:21px;}

.scan-wrapp .scan-row1 .scan-col1 { width:37%;}



.comparison-wrapp .comparison-row3 iframe { width:100%; height:573px;}



.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:100%;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb .slide-images img{ width:65%;}

.scan-wrapp .scan-row2 .scan-col2 { width:71%;}



.cost-wrapp h4 { font-size:13px;}



.invisalign-wrapp h2, .smile-wrapp h2, .comparison-wrapp h2, .scan-wrapp h2, .reasons-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h3 { font-size:31px;}


.invisalign-wrapp .invisalign-row2 img {  opacity: 0.5;}


.comparison-wrapp .comparison-row1 .loadmorecells {margin: 15px 0 15px;}

.loc-btsn .locbtn {padding: 14px 13px 14px 13px; font-size: 10.5px; letter-spacing: 0.5px; margin: 0 2px 0 0;}
.loc-btsn > span {font-size: 11px;padding: 0 4px 0 2px;}
.loc-btsn .bknw-btn {padding: 14px 12px 14px 12px;font-size: 10.5px;letter-spacing: 0.5px;}

.providers-wrapp .providers-col1 {width: 140px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.link-box { width:193px; padding:26px 1%;}

.invisalign-wrapp .invisalign-row1 {width: 60%;}

.invisalign-wrapp h2 { font-size:27px; margin:0 auto 45px; max-width:510px; line-height:47px;}

.invisalign-wrapp p { max-width:537px; margin:0 auto 28px;}

.invisalign-wrapp {padding: 40px 0 14px;}

.comparison-wrapp h2 { font-size:32px;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}



.cost-wrapp h3 { font-size:15px; line-height:23px;}

.cost-wrapp p { font-size:14px; line-height:22px;}

/*.cost-wrapp .cost-row1 .cost-col1 { min-height:450px;}*/

.cost-wrapp .cost-row1 .cost-row2 { padding:0 3%;}

.cost-wrapp .cost-row1 .cost-bar1 li { font-size:14px; line-height:30px;}

.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 5px;}

/*.cost-wrapp .cost-row1 .cost-col2 { min-height:450px;}*/



.scan-wrapp h2 { font-size:21px;}

.scan-wrapp .scan-row1 .scan-col1 { width:37%;}



.comparison-wrapp .comparison-row3 iframe { width:100%; height:623px;}



.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:100%;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb .slide-images img{ width:65%;}

.comparison-wrapp .comparison-row1 .loadmorecells {margin: 15px 0 15px;}

.loc-btsn .locbtn {padding: 14px 18px 14px 18px; font-size: 11px;}
.loc-btsn > span {font-size: 12px; padding: 0 8px 0 4px;}
.loc-btsn .bknw-btn {padding: 14px 18px 14px 18px; font-size: 11px;}


}



@media screen and (min-width:1025px) and (max-width:1240px) {

.invisalign-wrapp h2 { font-size:27px; margin:0 auto 45px; max-width:510px;}

.invisalign-wrapp p { max-width:537px; margin:0 auto 28px;}



.comparison-wrapp .comparison-row1 { overflow-x:auto;}

.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}



.cost-wrapp h3 { font-size:15px; line-height:23px;}

.cost-wrapp p { font-size:14px; line-height:22px;}

/*.cost-wrapp .cost-row1 .cost-col1 { min-height:450px;}*/

.cost-wrapp .cost-row1 .cost-row2 { padding:0 3%;}

.cost-wrapp .cost-row1 .cost-bar1 li { font-size:14px; line-height:30px;}

.cost-wrapp .cost-row1 .cost-bar1 li:before { top: 4px;}

/*.cost-wrapp .cost-row1 .cost-col2 { min-height:450px;}*/



.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row1 .scan-col1 { width: 38%;}

.comparison-wrapp .comparison-row1 .loadmorecells {margin: 15px 0 15px;}

.invisalign-wrapp {padding: 40px 0 14px;}

}

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

.invisalign-wrapp .invisalign-row1 {width: 62%;}

}


@media screen and (max-width: 767px) {
  
.treatment-cat .slick-dots {  text-align: center;}

.scan-wrapp p { margin: 0 auto 24px;}

.invisalign-wrapp .invisalign-row2 .invisalign-col1 .invisalign-bar1 li:before { top: -2px; left: 2px;}
}