@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
.header-top{border-bottom: 1px solid #e4e4e4; font: 400 13px/20px 'Roboto', sans-serif; color: #888;}
.header-top p{padding: 15px 0;}
.header-top ul{float: left;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4; padding: 0 15px;}
.header-top ul li{float: left; padding: 18px 15px;}
.header-top ul li a{display: block; height: 14px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
.header-top ul li a.icon_1{background-position: 0px -17px; width: 7px;}
.header-top ul li a.icon_2{background-position: -11px -17px; width: 14px; height: 11px; margin-top: 2px;}
.header-top ul li a.icon_3{background-position: -27px -17px; width: 14px;}
.header-top ul li a.icon_1:hover{background-position: 0px 0;}
.header-top ul li a.icon_2:hover{background-position: -11px 0;}
.header-top ul li a.icon_3:hover{background-position: -27px 0;}

.header-top .search{border-right: 1px solid #e4e4e4;width: 370px; float: right; position: relative;padding: 10px 30px 10px;}
.header-top .search .form-control{border-radius: 0; height: 30px; border: none; box-shadow: 0 0 0 transparent;font: 400 13px/20px 'Roboto', sans-serif; color: #888; padding: 6px 12px 6px 0;}
.header-top .search button{position: absolute; top: 17px; right: 30px; width: 14px; height: 14px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -45px -17px; display: block; border: none; padding: 0;}
.header-top .search button:hover{background: url(../images/front/sprite.png) no-repeat -45px 0;}


.header-bot{padding: 40px 0 32px;}
.block-menu{float: right;}
.block-menu ul{margin: 0 -20px;}
.block-menu li{float: left; padding: 10px 20px;}
.block-menu li a{display: block; font: 500 13px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase;}
.block-menu li a:hover,
.block-menu li.active a{color: #4bb857;}

#content{position: relative;}
.content-top{background: url(../images/front/bg_top.png) repeat; position: absolute; left: 0;top: 0;z-index: 10;width: 100%;}
.content-top ul.row{margin: 0 -35px;}
.content-top li{padding: 20px 35px;}
.content-top li:last-child{background: url(../images/front/bg_last.png) no-repeat;}
.content-top li:last-child:hover{background: #4bb857;}
.content-top li:before{content: ''; height: 32px;display: block; float: left; background: url(../images/front/sprite.png) no-repeat; margin-right: 30px;margin-top: 4px;}
.content-top li.icon_1:before{background-position: 0 -38px; width: 18px;}
.content-top li.icon_2:before{background-position: -20px -38px; width: 32px;}
.content-top li.icon_3:before{background-position: -57px -38px; width: 32px;}

.content-top strong{font: 500 15px/20px 'Roboto', sans-serif; color: #fff;display: block;}
.content-top span{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}


.slider{overflow: hidden;position: relative;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides li .block-txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.rslides li .table{display: table;width: 100%;height: 100%;margin: 0;}
.rslides li .table-cell{display: table-cell;width: 100%;height: 100%; vertical-align: middle;color: #fff;}
.rslides li .table-cell h2{font: 400 26px/normal 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.rslides li .table-cell p{font: 400 14px/20px 'Roboto', sans-serif; color: #fff;width: 400px;margin-bottom: 10px;}
.rslides li .table-cell a.view-more{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;width: 120px; background: #51af5b; display: block; border: 2px solid #aac3da; padding: 5px 0; text-align: center; border-radius: 20px;}

a.rslides_nav{display: block; width: 40px;height: 40px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -45px;z-index: 10;}
a.rslides_nav.prev{background-position: -19px -78px; left: -15px;}
a.rslides_nav.next{background-position: -60px -78px; right: -15px;}
a.rslides_nav.prev:hover{left: 0;border-radius: 0 4px 4px 0;}
a.rslides_nav.next:hover{right: 0; border-radius: 4px 0 0 4px;}


.block-service{margin-top: -100px;position: relative; z-index: 10;}
.block-service .row{margin: 0;}
.block-service .row li{padding: 0;}
.block-service .implant .detail{background: #51af5b;}
.block-service .braces .detail{background: #ffc11c;}
.block-service .whitening .detail{background: #4c6575;}
.block-service .row li .detail{padding: 50px 40px;overflow: hidden;}
.block-service h4{font: 700 18px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.block-service p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.block-service .txt{float: left;width: 190px;}
.block-service .img{float: right;text-align: center;}

h3{font: 400 22px/20px 'Open Sans', sans-serif; color: #444;text-transform: uppercase; margin-bottom: 20px;}
h3:before{content: ''; width: 18px;height: 30px; display: inline-block; background: url(../images/front/sprite.png) no-repeat 0 -78px; margin-right: 10px; vertical-align: middle;}
.block-intro{padding: 50px 0; border-bottom: 1px solid #e7eeee; margin-bottom: 2px;}
.block-intro .pull-left{width: 55%;}
.block-intro .pull-right{width: 45%;}
.block-intro .col-md-9 ul{margin: 0 -10px;}
.block-intro .col-md-9 ul li{padding: 0 10px; font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.block-intro .col-md-9 ul li img{display: block; max-height: 250px; overflow: hidden;margin-bottom: 15px;}
.block-intro .col-md-9 ul li p{margin-bottom: 15px;}
.block-intro .col-md-9 ul li strong{margin-bottom: 5px;display: block;}
.block-intro .col-md-9 ul li p a{color: #10a520;}
.block-intro .col-md-9 ul li p a.read{color: #333;}

.rslides_tabs{text-align: center;}
ul.rslides_tabs{margin: 20px -5px 0;}
ul.rslides_tabs li{display: inline-block; padding: 0 5px;}
ul.rslides_tabs li a{display: block; text-indent: -9999px; width: 15px;height: 15px; border-radius: 100%; background-color: #eee;}
ul.rslides_tabs li.rslides_here a{background-color: #ffca3c;}

.block-success{border-top: 1px solid #e7eeee; padding: 45px 0 55px;}
.block-success .rslides .detail{margin: 0 -15px;}
.block-success .rslides .img{width: 45%; float: left;padding: 0 15px;}
.block-success .rslides .img img{max-height: 300px; overflow: hidden; display: block;}
.block-success .rslides .txt{width: 55%; float: left;padding: 40px 15px 0;}
.block-success .rslides h4{font: 500 15px/20px 'Roboto', sans-serif; color: #51af5b; text-transform: uppercase;}
.block-success .rslides p{font: 400 14px/20px 'Roboto', sans-serif; color: #555;margin-top: 20px;}
.block-success .rslides p span{display: block; margin-bottom: 10px;}
.block-success .rslides p span:before{content: ''; background: url(../images/front/sprite.png) no-repeat -64px -17px; width: 15px; height: 15px; float: left;margin: 3px 10px 5px 0}

.block-judge{background: url(../images/front/bg_intro.png) no-repeat; padding: 50px 0 45px; background-size: cover;}
.block-judge ul.rslides{width: 765px; margin: auto;}
.block-judge .img{width: 100px; height: 100px; margin-right: 20px; overflow: hidden; border-radius: 100%; float: left;}
.block-judge .img img{width: 100px; height: 100px;display: block; border-radius: 100%;}
.block-judge p{font: italic 400 14px/20px 'Roboto', sans-serif ; color: #fff; padding-top: 20px;}

.block-news{padding: 50px 0 60px;}
.block-news .img{display: block;max-height: 225px; overflow: hidden;}
.block-news h4{height: 40px; overflow: hidden; margin: 15px 0 10px;}
.block-news h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.block-news a.read{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #51af5b; width: 115px; padding: 5px 0; border-radius: 20px;display: block;text-align: center; margin-top: 10px;}

.block-intro .col-md-9 ul li p a.read:hover{color: #ffca3c;}
.block-news h4 a:hover{color: #51AF5B;}
.rslides li .table-cell a.view-more:hover,
.block-news a.read:hover{background: #ffca3c;}

#footer{padding: 50px 0 0; background: url(../images/front/bg_footer.png) no-repeat; background-size: cover;text-align: center;}
#footer h2{font: 700 18px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;margin-bottom: 20px;}
#footer p{font: 400 14px/20px 'Roboto', sans-serif; color: #d9e7f0;margin-bottom: 30px;}
#footer p span{display: block;margin-bottom: 5px;}
#footer p span i{font-style: inherit; color: #ffca3c;}


.header-top .search .form-control:focus{border-bottom: 1px solid #4BB857; color: #4BB857;}
.search .form-control:focus::-webkit-input-placeholder {color: #4BB857;}
.search .form-control:focus:-moz-placeholder {color: #4BB857;}
.search .form-control:focus::-moz-placeholder {color: #4BB857;}
.search .form-control:focus:-ms-input-placeholder {color: #4BB857;}




.block-menu .mnuopn.mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important;z-index: 9999;display: block;}
.block-menu .mnuopn li{float: none;padding: 5px 20px;border-top: 1px solid #51af5b; margin: 0;}
.block-menu .mnuopn li a{padding: 0; border: none; color: #444 !important;text-transform: capitalize; font-size: 14px;}
.block-menu .mnuopn li:hover a, 
.block-menu .mnuopn li.active a{color: #444 !important;}

.mnuopn{right: 0px !important;}
    

a.smobitrigger{display: none;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	.content-top ul.row{margin: 0 -20px;}
	.content-top li{padding: 20px;}
	.content-top li:before{margin-right: 20px;}
	.block-service .img{display: none;}
	.block-service .txt{width: 100%;}
	.block-service .row li .detail{padding: 50px 30px;}
}
@media (max-width: 990px){
	a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 15px; right: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #51af5b  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .block-menu ul{display: none; margin: 0;}
	
	.block-judge ul.rslides{width: 100%;}
	.header-bot{padding: 20px 0;}
    .content-top li:before,
	.header-top p.pull-left{display: none;}
    .block-service{margin-top: 20px;}
    .rslides li .table-cell{vertical-align: bottom; padding-bottom: 20px;text-align: center;}
    .rslides li .table-cell a.view-more,
    .rslides li .table-cell p{margin: 5px auto;}
	.content-top ul.row{margin: 0 -10px;}
	.content-top li{padding: 20px 10px;}
	.block-service .row li .detail{padding: 20px;}
	.block-success,
	.block-news,
	.block-intro{padding: 30px 0 20px;}
	.block-success .rslides .txt{padding: 0 15px;}
}
@media (max-width: 750px){
	.block-intro .col-md-9 ul li{width: 100%;}
	.content-top span{font-size: 11px;}
	.rslides li .table-cell h2{font-size: 22px; margin-bottom: 5px;}
}
@media (max-width: 680px){
	.block-news .col-md-4{width: 50%; margin-bottom: 15px;}
	.block-service .img{float: left; display: block; width: 100px;}
	.block-service .txt{float: right; width: 80%;}
	.block-service h4{margin: 10px 0;}
	.block-service .row li{width: 100%;}
}
@media (max-width: 630px){
	.content-top{position: inherit;margin-bottom: 20px;}
	.content-top li{width: 50%; padding: 5px 10px;}
	.content-top li:last-child{background: transparent;}
	.content-top span{font-size: 13px;}
	.block-success .rslides .txt{width: 100%;}
	.block-success .rslides .img{width: 100%;margin-bottom: 20px;}
	.block-service .txt{width: 75%;}

}
@media (max-width: 560px){
	.block-intro .col-md-3{width: 275px;}
	.content-top ul.row{margin: 0;}
	.block-intro .col-md-9,	
	.content-top li{width: 100%;}
	.header-top .search{width: 250px;}
	.rslides li .block-txt{display: none;}
	.block-judge p{padding: 0;}
	.block-service .txt {width: 70%;}
}
@media (max-width: 420px){
	h3{font-size: 20px;}
	.block-service .img,
	.header-top ul{display: none;}
	.header-top .search{padding: 5px 20px;}
	.header-top .search button{top: 13px; right: 15px;}
	a.smobitrigger{top: 10px;}
	.block-news .col-md-4,
	.block-service .txt{width: 100%;}
	#footer h2{font-size: 16px;}
}