@font-face {
    font-family: 'ImpactRegular';
    src: url('fonts/impact.eot');
    src: url('fonts/impact.eot') format('embedded-opentype'),
         url('fonts/impact.woff') format('woff'),
         url('fonts/impact.ttf') format('truetype'),
         url('fonts/impact.svg#ImpactRegular') format('svg');
}

body, * 
{
	padding:0;
	margin:0;
}
.clear
{
	clear:both;
}
a
{
	text-decoration:none;
}
img
{
	border:none;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
   display: block;  
}
img
{
	max-width:100%;
}
body
{
	background-color:#fbfbfb;
}
header
{
	width:100%;
	margin:0 auto;
	height:43px;
}
header nav
{
	width:80%;
	background-image:url(../images/header-bg-magenta.jpg);
	background-repeat:repeat;
	float:left;
	
	
}
header nav ul.nav
{
	float:left;
	width:80%;
	margin-left:15%;
}
header nav ul.nav li
{
	float:left;
	list-style-image:url(../images/list-img-magenta.png);
	list-style-position:inside;
	padding:25px 0;
	
	
}
header nav ul.nav li:first-child
{
	list-style:none;
	margin-left:0;
}
header nav ul.nav li:first-child a
{
	padding:0 15px 0 0;
}
header nav .side-bg
{
	background-image:url(../images/nav-side-bg-magenta.jpg);
	background-repeat:;
	width:1.5%;
	padding:38px 0;
	float:right;
}
header nav ul.nav li a
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	color:#fff;
	padding:0 15px;
	text-decoration:none;

}
header nav ul.nav li a:hover
{
	color:#9fefe6;
}
ul.socials
{
	width:20%;
	float:right;
	padding:20.5px 0;
	background-image:url(../images/socials-bg.jpg);
	background-repeat:repeat;
	list-style:none;
	
}
ul.socials li
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:normal;
	color:#b4b4b4;
	margin-left:1%;
}
ul.socials li a
{
	-moz-transition:all 0.5s
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.socials li a:hover
{
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.socials li:first-child
{
	margin-left:16%;
	padding-top:5px;
}

ul.socials li:nth-child(2) a
{
	background-image:url(../images/social-icons.png);
	overflow:hidden;
	width:35px;
	height:35px;
	display:block;
	background-position:35 35px;
}
ul.socials li:nth-child(3) a
{
	background-image:url(../images/social-icons.png);
	overflow:hidden;
	width:35px;
	height:35px;
	display:block;
	background-position:105px 0;
}
ul.socials li:nth-child(2) a:hover
{
	background-position:0 35px;
}
ul.socials li:nth-child(3) a:hover
{
	background-position:105px 35px;
}
ul.socials li:nth-child(4) a
{
	background-image:url(../images/social-icons.png);
	overflow:hidden;
	width:35px;
	height:35px;
	display:block;
	background-position:70px 0;
}
ul.socials li:nth-child(4) a:hover
{
	background-position:70px 35px;
}

ul.socials li:nth-child(5) a
{
	background-image:url(../images/social-icons.png);
	overflow:hidden;
	width:35px;
	height:35px;
	display:block;
	background-position:35px 0;
}
ul.socials li:nth-child(5) a:hover
{
	background-position:35px 35px;
}

article
{
	width:75.5%;
	margin:0 auto;
	padding:0 25px;
	background-color:#fff;
	-moz-box-shadow: 1px 2px 1px #efefef,  -1px 2px 1px #efefef; 
	-webkit-box-shadow: 1px 2px 1px #efefef,  -1px 2px 1px #efefef; 
	-o-box-shadow: 1px 2px 1px #efefef,  -1px 2px 1px #efefef; 
	-ms-box-shadow: 1px 2px 1px #efefef,  -1px 2px 1px #efefef;   
	box-shadow: 1px 2px 1px #efefef,  -1px 2px 1px #efefef; 
}

article section.logo-side
{
	width:50%;
	float:left;
}
article section.logo-side a img.logo
{
	margin-top:12px;
	float:left;
}
article section.logo-side a p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:54px;
	font-style:normal;
	font-weight:bold;
	color:#69c0b6;
	float:left;
	width:70%;
	line-height:22px;
	margin-top:32px;
	margin-left:2%;
}
article section.logo-side a p span
{
	font-size:18px;
	color:#818181;
	font-weight:normal;
	letter-spacing:9px;
	padding-left:3px;
}
article section.search-side
{
	width:50%;
	float:right;
}
article section.search-side p
{
	width:42%;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:italic;
	color:#0074a3;
	margin-top:30px;
}
article section.search-side p img
{
	vertical-align:middle;
	float:left;
	margin-right:2%;
	
}
#search-box
{
	width:261px;
	background-color:#fff;
	border:1px solid #efefef;
	height:29px;
	padding:2px;
	float:right;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:15px;
}
#search-box input[name="search"]
{
	background-color:#f5f5f5;
	border:none;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#3d958c;
	padding-left:2%;
	width:210px;
}
#search-box input[name="search-btn"]
{
	float:right;
	background-image:url(../images/search-btn-magenta.png);
	width:24px;
	height:19px;
	display:block;
	margin-right:2%;
	background-color:transparent;
	border:none;
	margin-top:2px;
	cursor:pointer;
}
#banner
{
	width:100%;
	margin-top:22px;
}
ul.bullets
{
	width:30%;
	list-style:none;
	margin-left:36%;
}
ul.bullets li
{
	float:left;
	margin:12px 5%;
}
ul.bullets li:first-child
{
	margin-left:0;
}
ul.bullets li a
{
	background-image:url(../images/grey-bullet.png);
	background-repeat:no-repeat;
	width:7px;
	height:7px;
	display:block;
}
ul.bullets li a:hover
{
	background-image:url(../images/magenta-bullet.png);
	background-repeat:no-repeat;
}

#our-advantages
{
	width:100%;
	background-image:url(../images/advantages-bg-magenta.png);
	background-repeat:repeat;
	margin-top: -22px;
}
#our-advantage-img
{	
	border: 50px;
	border-color: #fff;
	
}
#our-advantage-bottom
{
	width:100%;
	height:12px;
	background-image:url(../images/advantages-bottom-magenta.png);
	background-repeat:repeat-x;
}
#our-advantages ul
{
	list-style:none;

}
#our-advantages ul li
{
	float:left;
	border-left:1px solid #d0acb5;
	border-right:1px solid #c5a4ab;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	width:33%;
	margin:10px 0;
}
#our-advantages ul li:first-child
{
	border-left:none;
	border-right:1px solid #c09fa6;
}
#our-advantages ul li:last-child
{
	border-right:none;
}
#our-advantages ul li h1
{
	font: 19px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #67beb5;
	line-height:26px;
	color:#c09fa6;
	margin-left:10%;
	margin-top:16px;
}
#our-advantages ul li a
{
	background-image:url(../images/advantages-btn-magenta.png);
	background-repeat:no-repeat;
	width:29px;
	height:29px;
	display:block;
	margin-left:10%;
	margin-top:12px;
	padding-bottom:12px;
}
#our-advantages ul li .img1-box
{
	background-image:url(../images/research-magenta.jpg);
	background-repeat:no-repeat;
	width:55px;
	height:55px;
	margin-left:10%;
	
}
#our-advantages ul li .img2-box
{
	background-image:url(../images/emergency-magenta.jpg);
	background-repeat:no-repeat;
	width:55px;
	height:55px;
	margin-left:10%;
	
}
#our-advantages ul li .img3-box
{
	background-image:url(../images/careadvice-magenta.jpg);
	background-repeat:no-repeat;
	width:55px;
	height:55px;
	margin-left:10%;
	
}
#our-advantages ul li h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFF;
	margin-left:10%;
}
#our-advantages ul li p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-left:10%;
	width:68%;
}
#appointment
{
	width:100%;
	background-image:url(../images/appointment-bg.png);
	background-repeat:repeat;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:34px;
	line-height: 19px;
}
#text-area
{
	width:100%;
	float:left;
	margin-left:5%;
}
#text-area h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0074a3;
	padding-top:41px;
	text-transform:uppercase;
}
#text-area h1 span
{
	color:#8e8e8e;
}
#text-area p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9b9b9b;
	width:92%;
	line-height: 18px;

}
button[name="appointment"]
{
	background-image:url(../images/appointment-btn.png);
	background-repeat:no-repeat;
	width:272px;
	float:right;
	height:52px;
	cursor:pointer;
	border:none;
	margin:52px 0;
	margin-right:5%;
	background-color:transparent;
}
section.side-nav
{
	width:32%;
	float:left;
}
ul.side-navigation
{
	list-style:none;
	margin-left:10%;
}
ul.side-navigation li
{
	margin:12px 0;
}
ul.side-navigation li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
}
ul.side-navigation li a div.arrow
{
	background-image:url(../images/sidenav-arrow.png);
	background-repeat:no-repeat;
	width:11px;
	height:11px;
	float:left;
	margin-right:2%;
	margin-top:2px;
	background-position:-11px 0px;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.side-navigation li a:hover div.arrow
{
	background-position:0px 0px;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.side-navigation li a p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#727272;
	float:left;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.side-navigation li a:hover p
{
	color:#69c0b7;
}
section.teeth-whitning
{
	width:32%;
	height:300px;
	float:left;
	margin-left:2%;
}
section.teeth-whitning h1
{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#727272;
	text-transform:uppercase;
}
img.teeth-whitning-img
{
	margin-top:19px;
}
section.teeth-whitning p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
	margin:20px 0 25px 0;
}
section.teeth-whitning a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
	padding:8px 10px;
	background-color:#f0f0f0;
	text-decoration:none;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
section.teeth-whitning a:hover
{
	background-color:#727272;
	color:#fff;
}
section.patient-say
{
	width:32%;
	float:right;
}
section.patient-say h1
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#727272;
	text-transform:uppercase;
}
#testimonials
{
	width:273px;
	height:194px;
	background-image:url(../images/testimonial-bg.png);
	background-repeat:no-repeat;
	margin-top:36px;
}
img.coma
{
	margin-top:13px;
	margin-left:8%;
	float:left;
}
#testimonials h2
{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#727272;
	margin-top:24px;
	margin-left:3%;
}
#testimonials p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#727272;
		line-height:18px;

	width:80%;
	margin:0 auto;
	margin-top:10px;
}
img.viewmore-icon
{
	float:left;
	width:20px;
	margin-left:30%;
}
section.patient-say a
{
	text-decoration:none;
}

a p.view-more
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#727272;
	float:left;
}
#image-gallery
{
	width:100%;
	padding:12px 0 44px 0;
}
#image-gallery h1
{
	margin-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#727272;
	text-transform:uppercase;
	margin-bottom:22px;
}
ul.gallery
{
	list-style:none;
}
ul.gallery li
{
	float:left;
	margin-left:2%;
	width:22%;
}
footer
{
	width:100%;
	margin:0 auto;
	background-image:url(../images/header-bg-magenta.jpg);
	background-repeat:repeat;
		color:#fff;
		

	
}
#footer-top
{
	width:100%;
	height:6px;
	background-image:url(../images/footer-top-magenta.png);
	background-repeat:repeat-x;
}
footer nav
{
	width:75%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:25px;
}
footer nav p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float:left;
}
footer nav p a
{
	text-decoration:none;
	color:#fff;
	-moz-transition:all 0.5s
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
footer nav p a:hover
{
	color:#9fefe6;
}

footer nav ul.nav
{
	margin-top:30px;
	float:right;
	width:100%;
	
}
footer nav ul.nav li
{
	float:left;
	list-style-image:url(../images/list-img-magenta.png);
	list-style-position:inside;
	margin-left:2%;
	
}
footer nav ul.nav li:first-child
{
	list-style:none;
	margin-left:0;
}
footer nav ul.nav li:first-child a
{
	padding:0 10px 0 0;
}
footer nav ul.nav li a
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	color:#fff;
	padding:0 10px;
	text-decoration:none;
}
footer nav ul.nav li a:hover
{
	color:#9fefe6;
}
 h5 {
 font-size: 30px;
  line-height: 38px;
  border-bottom: 1px solid #e6e6e6;
  margin: 7px 0 20px;
  padding-bottom: 21px;
  font: normal 28px/30px Lustria;
color: #626262;}

ul.xililanguagelist {list-style: none !important ; margin-left:0 !important ;}
ul.menu li.lang-en_us a {background: transparent url(images/flags/en_us.png) no-repeat center 13px;}
ul.menu li.lang-de_de a {background: transparent url(images/flags/de_de.png) no-repeat center 13px;}
ul.menu li.lang-es_es a {background: transparent url(images/flags/es_es.png) no-repeat center 13px;}

li.lang-en_us:hover > a {background: #333 url(images/flags/en_us.png) no-repeat center 13px !important;}
li.lang-de_de:hover > a {background: #333 url(images/flags/de_de.png) no-repeat center 13px !important;}
li.lang-es_es:hover > a {background: #333 url(images/flags/es_es.png) no-repeat center 13px !important;}

ul.menu li.lang-en_us, ul.menu li.lang-de_de, ul.menu li.lang-es_es {text-indent:-9999px; width:18px;}