/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: 'PTSansRegular', Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: url(../images/bg-header.jpg) repeat-x #f8fef2;
	color:#575757;
}

h1 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:-0.02em;
	border-bottom:1px solid #ccc;
	color:#121212;
}

h1 .green-title {
	color:#85c881;
}

h1 a {
	color:#66941b;
}

h1 a:hover {
	color:#84ba2e;
}

h2 {
	font-size:20px;
	font-weight:normal;
	letter-spacing:-0.01em;
	margin:10px 0 0;
}

h3 {
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.01em;
	margin-bottom:5px;
}

h4 {
	font-size:16px;
	font-weight:normal;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	margin-bottom:5px;
	color:#fff;
}

a {
	color:#f1962b;
	text-decoration:none;
}

a:hover {
	color:#3c81ad;
}

p {
	line-height:24px;
}

li {
	line-height:24px;
}

.hr {
	height:1px;
	margin:10px 0;
	border-bottom:1px #e6e6e6 solid;
}

strong {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	letter-spacing:0.01em;
	color:#333;
	font-size:15px;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#content {
	width:1020px;
	margin:0 auto;
}

/* quicklinks */


ul.sidebar-quicklinks li {
    display: inline-block;
    width: calc(98% / 2);
    line-height: 0;
    margin: 0 auto;
    text-align: center;
}

ul.sidebar-quicklinks {
    padding: 0;
}

ul.sidebar-quicklinks li .quicklinks-right {
    margin: 0 !important;
}



/* Header */

#header {
	width: 980px;
	padding: 20px;
	clear:both;
	height: 73px;
}

#logo-tel {
	width: 980px;
	margin: 0;
	clear:both;
}

.logo {
	float: left;
    margin: -65px 0 0 21px;
    padding: 0;
    position: absolute;
    width: 300px;
    z-index: 9000;
}

.logo a {
	color:#fff;
}


.tel {
	float: right;
	width: 660px;
	margin-bottom: 11px;
}

.tel-box {
	float: right;
	background: url(../images/phone-icon.png) left no-repeat;
	padding: 60px 0 0 0;
	color: #121212;
	height:0px;
	width:210px;
	display:inline;
}

.email-box {
	float: right;
	background: url(../images/email-icon.png) left no-repeat;
	padding: 60px 0 0 0;
	color: #121212;
	height:0px;
	width:280px;
	display:inline;
	margin-right:40px;
}

.tel-number {
	font-size:20px;
	margin-top:-10px;
	color:#557f0b;
}

.tel-number-green {
	color:#7eb41f;
}

.tel-number a {
	color:#557f0b;
}

/* Navigation */

#nav-wrapper {
	background: url(../images/nav.jpg) repeat-x #1a6117;
	border:1px #88c41c solid;
	z-index:3000;
	height:38px;
	position:absolute;
	width:1018px;
	bottom: 0;

}

#nav {
	width: 699px;
	margin-left:320px;
	float:left;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	border-left:1px #88c41c solid;
}

#nav li {
	display: inline;
}

#nav a {
	float: left;
	height: 19px;
	padding: 10px 18px 10px;
	font-size:14px;
	text-decoration: none;
	text-transform:uppercase;
	color: #fff;
	margin:0;
	border-left:1px #88c41c solid;
}

#nav a.icons {
	float: left;
	height: 30px;
	padding: 9px 20px 0 20px;
}

#nav a:hover {
	background: #4f844e;
}

/* Slideshow & Contact Form styles */

#slideshow-contact-wrapper {
	clear: both;
	width: 1018px;
	height: 388px;
	position: relative;
}

#slideshow {
	float: left;
	width: 1018px;
	height: 350px;
	margin: 0;
	border-top:1px solid #88c41c;
	border-left:1px solid #88c41c;
	border-right:1px solid #88c41c;
}

#contact-form {
	float: left;



	width: 260px;
	height: 400px;
	padding:20px;
	background:#fef9f2;
	position:absolute;
	z-index:9000;
	margin:154px 0 0 20px;
	border-top:1px solid #88c41c;
	border-right:1px solid #88c41c;
	border-left:1px solid #88c41c;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
}

#contact-form h2 {
	margin: 0 0 10px 0;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

#contact-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contact-form li {
	width: 258px;
	height: 25px;
	padding: 3px 0 2px 0;
	margin: 0 0 5px 0;
	border:1px solid #eee;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	clear: both;
}

#contact-form li.standard {
}

#contact-form li.required {
}

#contact-form li.user {
	background:url(../images/contact-form-user.png) no-repeat #fff;
}

#contact-form li.email {
	background:url(../images/contact-form-email.png) no-repeat #fff;
}

#contact-form li.phone {
	background:url(../images/contact-form-phone.png) no-repeat #fff;
}

#contact-form li.textarea {
	width: 258px;
	height: 89px;
	margin: 0 0 10px;
	background: url(../images/contact-form-message.png) no-repeat top #fff;
}

#contact-form li.last {
	height: 33px;
	border:  0;
}

#contact-form input {
	width: 258px;
	height: 25px;
	border: 0;
	padding: 0 0 0 10px;
	background: none;
}

#contact-form textarea {
	width: 242px;
	height: 83px;
	border: 0;
	padding: 0 0 0 10px;
	background: none;
}

#contact-form .submit {
	width: 258px;
	height: 40px;
	margin:-3px 0 0;
	text-indent:-999px;
	background: url(../images/btn-submit.png) no-repeat #f1962b;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

/* gdpr check box */

  .gdpr, .gdpr-small {
    clear: both;
    color: #000;
    border: 0!important;
  }

  .gdpr:after, .gdpr-small:after {
    clear: both;
    display: block;
    content: '';
  }

  .gdpr-left {
      float: left;
      font-size: 13px;
      line-height: 18px;
      padding: 5px 0;
      width: calc(100% - 80px);
      text-align: left;
  }

  .gdpr-check {
      float: right;
      width: 60px;
      text-align: right;
      padding: 5px 10px 0 0;
  }

  .gdpr input[type="checkbox"] {
      width: 15px !important;
      margin-left: 10px !important;
      height:  auto!important;
      float: none!important;
  }

  .gdpr-small {
      font-size: 11px;
      text-align: center;
      padding-top: 10px!important;
  }

/* END gdpr check box */

/* main content */

#main-content-wrapper {
	width:1018px;
	margin:0 auto;
	background:#fff;
	z-index:500;
	border-left:1px #e4efd9 solid;
	border-right:1px #e4efd9 solid;
}

.main-content {
	width:647px;
	float:left;
	display:inline;
	margin:0;
	padding: 50px 25px 20px;
}

.main-content p:first-of-type {
	color:#121212;
	font-size:16px;
}

.main-content h4 {
	margin:5px 0 -15px;
}

.image-right {
	float:right;
	margin:20px 0 10px 10px;
	padding:5px;
	border:1px solid #e6e6e6;
	background:#fff;
}

.col-left {
	float:left;
	display:inline;
	width:298px;
	margin:-5px 29px 0 0;
}

.col-right {
	float:left;
	display:inline;
	width:298px;
	margin:-5px 0 0 0;
}

ul.bullet-star {
    margin: 0;
    padding: 0;
}

ul.bullet-star li {
    margin: 5px 0 0 10px;
    padding: 2px 0 2px 16px;
    list-style: none;
    background: url(../images/bullet-star.png) no-repeat top left;
}

.content-address {
	background:url(../images/footer-icon-marker.png) no-repeat;
	height:18px;
	padding:0 0 0 18px;
	margin:15px 0;
}

.sidebar {
	width:282px;
	float:left;
	display:inline;
	background: #fef9f2;
	margin: 240px 0 0 19px;
	overflow: auto;
	padding: 30px 9px 0px;
	color:#121212;
	border-left:1px solid #88c41c;

	border-right:1px solid #88c41c;
	border-bottom:1px solid #88c41c;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

.sidebar-box {
	padding:0 10px 15px;
}

.sidebar h2 {
	margin: 12px 0;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

.quicklinks {
	width:120px;
	display:inline;
}

.quicklinks-right {
	width:120px;
	display:inline;
	margin-left:18px;
}

/* Meet The Team */

.meet-the-team {
	border-bottom:1px dotted #ccc;
	overflow: auto;
	margin-bottom:20px;
	padding-bottom:10px;
}

.meet-the-team h4 {
	margin:0;
}

.gdc-number {
	margin-top:10px;
}

.gdc-number a {
	color:#028248;
	font-size:16px;
	text-decoration:none;
}

/* Treatment Tabs */

.treatment-tabs {
	margin-top:20px;
}

.treatment-tabs-row {
	margin-bottom:20px;
	display:block;
}

a.treatment-tabs {
	margin:0 8px 0 0;
	display:inline-block;
	width:150px;
	padding:14px 0;
	text-align:center;
	color:#333;
	font-size:14px;
	height:16px;
	text-decoration:none;
	background:#e4efd9;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a.treatment-tabs:hover {
	background:#f1962b;
	color:#fff;
}

/* Prices */

.prices-wrapper {
	clear: both;
	width: 638px;
	margin: 0 0 10px 0px;
}

.prices-row {
	clear: both;
	width: 638px;
	padding: 10px 0;
	overflow:auto;
	margin-left:0px;
	padding-left:10px;
	border-bottom: 1px dotted #CCC;
}

.prices-row-02 {
	clear: both;
	width: 638px;
	padding: 10px 0;
	overflow:auto;
	margin-left:0px;
	padding-left:10px;
	background:#e4efd9;
	border-bottom: 1px dotted #CCC;
}

.prices-title {
	background:#84ba2e;
	color:#fff;
	margin: 20px 0 10px 0;
    padding: 8px 0 8px 10px;
    position: inherit;
    width: 638px;
	font-size:18px;
}

.prices-item {
	float: left;
	width: 390px;
}

.prices-from {
	float: left;
	width: 41px;
	text-align: right;
	padding-right:20px;
}

.prices-cost {
	float: left;
	width: 80px;
	text-align: left;
}

/* gallery */

#smile-gallery {
	width:635px;
}

.image-before {
	width:300px;
	margin-right:35px;
	margin-bottom:20px;
	display:inline;
	float:left;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.image-after {
	width:300px;
	margin-bottom:20px;
	display:inline;
	float:left;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.image-description {
	width:300px;
	background:#86bd34;
	text-align:center;
	color:#fff;
	padding:5px;
}

.image-treatment{
	width:300px;
	background:#e4efd9;
	text-align:center;
	color:#333;
	padding:5px;
	font-size:12px;
	text-transform:uppercase;
}

/* Contact Details */

.contact-email {
	background:url(../images/contact-email.png) no-repeat;
	padding:0 0 0 22px;
	margin:5px 0;
}

.contact-phone {
	background:url(../images/contact-phone.png) no-repeat;
	padding:0 0 0 22px;
	margin:5px 0;
}

.contact-address {
	background:url(../images/contact-address.png) no-repeat;
	padding:0 0 0 22px;
	margin:10px 0 10px;
}

.opening-hours {
	background:#F6F6F6;
	padding:10px;
	margin:10px 0 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.opening-hours h3 {
	margin:0 0 10px;
}

.opening-hours-row {
	border-bottom:1px dotted #ccc;
	width:280px;
	height:20px;
	padding:6px 0;
}

.opening-hours-row-last {
	width:280px;
	height:20px;
	padding:6px 0;
}

.opening-hours-day {
	width:150px;
	padding-left:5px;
	float:left;
	text-align:left;
	display:inline;
}

.opening-hours-time {
	width:120px;
	float:right;
	text-align:left;
	display:inline;
}



/* Footer */

#footer-wrapper {
	width:100%;
	background:url(../images/bg-footer.jpg);
	overflow:auto;
	margin: 0;
	padding:10px 0 20px;
	border-top:1px solid #557f0b;	
}

.footer {
	width:980px;
	margin:0 auto;
	color:#fff;
}

.footer a {
	color:#d8f4d5;
	text-decoration:none;
}

.footer a:hover {
	color:#bdd9ba;
}

.footer-box-left {
	width:480px;
	float:left;
	display:inline;
	background:url(../images/bg-footer-marker.png) right no-repeat;
}

.footer-box-right {
	width:460px;
	padding:10px 0 0 39px;
	float:right;
	display:inline;
	border-left:1px #557f0b solid;
}

.footer-large-text {
	font-size:20px;
	font-weight:bold;
}

.footer-phone {
	background:url(../images/footer-icon-phone.png) no-repeat;
	height:24px;
	padding:0 0 0 22px;
	margin:5px 0 20px;
}

.footer-email {
	background:url(../images/footer-icon-email.png) no-repeat;
	height:16px;
	padding:0 0 0 22px;
	margin:5px 0 5px;
}

.footer-address {
	background:url(../images/footer-icon-marker.png) no-repeat;
	height:16px;
	padding:0 0 0 22px;
	margin:5px 0;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:40px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(../images/icon_top.png) no-repeat;
}

#header:after,
#main-content-wrapper:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.snowflake {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  z-index: 9999;
   text-shadow: 3px 3px rgba(0,0,0,0.4) !important;
}

.snowflake.snowflake-blue{
	color: #99cbfe !important;
}

@-moz-keyframes 
spin { 100% {
  -moz-transform: rotate(360deg);
}
}

@-webkit-keyframes 
spin { 100% {
  -webkit-transform: rotate(360deg);
}
}

@keyframes 
spin { 100% {
  -webkit-transform: rotate(360deg);
  transform:rotate(360deg);
}
}