/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Colours
		#c1c7d6 - Light Blue
		#81899f - Medium Blue
		#4b5676 - Dark Blue
		#db7eb9 - Pink

	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {}
a > img, /* location map*/
p > img, /* images inside article */
iframe {max-width: 100%;} /* videos */
sup {font-size: 30%; vertical-align: top;}
p sup { font-size: 70%;}
header section a {text-decoration: none;}
section.logo, section.address, section.social {padding: 20px 0 0 0;}

section.logo {display: block; float: left;}
section.address {margin-top: 12px; margin-right: 50px; line-height: 1.3em; float: right;}
section.social {margin-top: 25px; margin-right: 25px; float: right;}
section.social a {display: inline-block; width: 32px; height: 32px; margin-left: 3px; text-indent: -9999em; background: url(/images/icons_social.png) left top no-repeat;}
section.social a.email {background-position: 0 0;}
section.social a.email:hover {background-position: 0 -32px;}
section.social a.facebook {background-position: -32px 0;}
section.social a.facebook:hover {background-position: -32px -32px;}
section.social a.gplus {background-position: -64px 0;}
section.social a.gplus:hover {background-position: -64px -32px;}
section.social a.twitter {background-position: -96px 0;}
section.social a.twitter:hover {background-position: -96px -32px;}
section.social a.youtube {background-position: -128px 0;}
section.social a.youtube:hover {background-position: -128px -32px;}
section.social a.linkedin {background-position: -160px 0;}
section.social a.linkedin:hover {background-position: -160px -32px;}
section.social a.instagram {background-position: -192px 0;}
section.social a.instagram:hover {background-position: -192px -32px;}


/* Navigation Section */
header nav {background: #4b5676; position: relative; margin: 0 auto; z-index: 999; clear: both;}
header nav ul {padding: 0; margin: 0; display: block; overflow: auto;}
header nav ul li {display: inline-block; float: left; margin: 0; padding: 0; color: #000; text-transform: uppercase;}
header nav ul li a, header nav ul li a:visited  {display: block; padding: 10px 27px; font-size: 12px; font-weight: bold; line-height: 14px; text-align: center; text-decoration: none; text-transform: uppercase; color: #eee; border-right: 1px solid #727e96; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
header nav ul li:first-child a {padding-left: 32px; padding-right: 32px;}
header nav ul li:first-child a.active {border-right: none;}
header nav ul li:last-child a {border-right: 10px solid #4b5676; padding-right: 26px;}

header nav ul li a.active {background: #a7608d; border-right: 1px solid #a7608d;}
header nav ul li:hover a {background: #db7eb9; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); border-right: 1px solid #a7608d;}
header nav ul li.sub_menu:hover div {display: block;}
header nav ul li.sub_menu div {position: absolute; left: 0px; top: 100%; width: 100%; display: none; padding: 20px 35px 35px; background: #fff; border: 10px solid #4b5676; border-top: none;}
header nav ul li.sub_menu div ul {width: auto; height: auto; padding: 0px; float: left; margin: 0 25px 0 0;}
header nav ul li.sub_menu div ul li {float: none; font-size: 14px; font-weight: bold; background: none; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); display: block;}
header nav ul li.sub_menu div ul li.title {padding: 15px 5px 5px; color: #db7eb9; }
header nav ul li.sub_menu div ul li a {width: auto; height: auto; display: inline-block; padding: 5px 7px; text-align: left; font-size: 12px ;line-height: 11px; text-transform: none; font-weight: normal; color: #4b5676; border: none; background: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
header nav ul li.sub_menu div ul li a:hover {background: #d0d5e0;}

#sub_non_surgical > a { color: #e5cbae;}
#sub_non_surgical:hover > a {background-color: #8a6f52;}
#sub_non_surgical a.active {background-color: #8a6f52; border-color: #98734a; }
#sub_non_surgical .title {color: #8a6f52;}

#sub_about div {background: url(/images/bg_menu_about.jpg) right center no-repeat;}
#sub_face div {background: url(/images/bg_menu_face.jpg) right bottom no-repeat;}
#sub_body div {background: url(/images/bg_menu_body.jpg) right bottom no-repeat;}
#sub_non_surgical div {background: url(/images/bg_menu_non_surgical.jpg) right bottom no-repeat;}
#sub_men div {background: url(/images/bg_menu_men.jpg) right bottom no-repeat;}
#sub_press div {background: url(/images/bg_menu_press.jpg) right center no-repeat;}

/* Body Section / Main content*/
body {background: url(/images/bg_article.jpg) left bottom no-repeat;}
h1, h2, h3 {color: #4b5676;}
h1 {margin-bottom: 25px;}
h2 {margin-top: 45px; margin-bottom: 10px;}
h3 {font-style: italic;}
article {padding: 50px 0 25px;}
article h1 span {font-size: 0.4em;}
article h2 span {font-size: 0.5em; display: block; line-height: 1.5em;}
article li {padding-left: 20px; background: url(/images/bullet_pink.png) 3px 6px no-repeat; line-height: 1.5em;}
article li a, article li a:visited {text-decoration: none; color: #4b5676;}
article li a:hover {color: #000;}

/* Generic Picture */
.picture { margin: 25px 0px 0px 45px; background: #c1c7d6; padding: 0; box-shadow: 2px 1px 4px rgba(0,0,0,0.2); z-index: 998; overflow: auto;}
.picture img {max-width: 100%; margin: 0; padding: 0; float: left;}
.no_picture {margin: 25px 0px 0px 45px; height: 25px;}

/* Contact Form */
.contact_form { margin: 0px 0px 25px 45px; background: #c1c7d6; padding: 15px 25px; box-shadow: 2px 1px 4px rgba(0,0,0,0.2); z-index: 999;}
.contact_form p {text-transform: uppercase; font-weight: bold; font-size: 16px; color: #4b5676;}
.contact_form p a {text-decoration: none; display: block; color: #4b5676; font-size: 38px; line-height: 38px;}
.contact_form form {margin: 0;}
.contact_form input, .contact_form textarea {border: none; padding: 10px 10px 6px 10px; width: 100%; margin-bottom: 10px; background: rgb(255,255,255); background: rgba(255,255,255,1); color: #81899f; line-height: 16px; box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.contact_form input:focus, .contact_form textarea:focus {box-shadow: 0 0 12px rgba(75,86,118,.9);}
.contact_form textarea {height: 125px;}
.contact_form input.submit {text-transform: uppercase; background: #4b5676; color: #eee; font-weight: normal; font-size: 1em; line-height: 18px; text-shadow: 0 1px rgba(0,0,0,.75); -webkit-appearance: none; -moz-appearance: none;}
.contact_form input.submit:hover {border:none; background: #333;}
#subscribe {text-align: center; margin: 15px 0 5px;}
#subscribe input {display: inline-block; width: auto; padding: 0 10px 2px 0;}
#subscribe label {display: inline-block; font-weight: normal; padding: 0 0 0 5px; color: #4b5676; font-size: 1.1em;}

/* Home page */
.welcome {background: url(/images/ak_welcome_bg_01.jpg) right bottom no-repeat; border: 5px solid #4b5676; padding: 25px; margin-top: 25px;}
.welcome p em {font-size: 12px; line-height: 12px;}
.symmetria_partnership {
	border: 5px solid #4b5676;
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.symmetria_logo {flex: 1 100%; display: block; max-width: 80%; text-align: center; margin-top: 25px;}
.symmetria_announcement { flex: 1 100%; padding: 25px;}
.symmetria_announcement p { margin-bottom: 0;}

@media (min-width: 768px) {
	.symmetria_partnership {text-align: left;}
	.symmetria_logo {flex: 1 30%; margin-top: 0;}
	.symmetria_announcement {flex: 1 65%;}

}

.home_widget {border: 5px solid #4b5676; padding: 0; margin: 25px 0;}
.home_widget a {text-decoration: none; color: #444; display: block;}
.home_widget img {max-width: 100%;}
.home_widget a:hover h2 {text-decoration: underline;}

.home_widget a:hover p { color: #444;}

.home_widget h2 {margin: 0; padding: 10px; display: block; color: #fff; background: #4b5676; font-style: normal; text-transform: uppercase; font: bold 15px Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center;}
.home_widget h3 {line-height: 1.4em;}

.home_widget_text {padding: 15px; display: block;}
.home_widget_text p {font-style: normal;}
.home_widget_text span {display: inline-block; text-decoration: none; color: #c1c7d6; background: #4b5676; color: #fff; padding: 4px 6px; margin-right: 10px; font-size: 12px; font-style: normal; font-weight: bold;}
.home_widget_text span:hover {color: #4b5676; background: #c1c7d6;}

a.media_icon {display:inline-block; margin-right: 14px;}


/* Press releases */
.press, .video, .news, .photo {padding: 0; overflow: auto;}
.press h2, .video h2, .news h2 {font-size: 3em; border-bottom: 1px solid #c1c7d6; padding: 50px 15px 10px 15px; clear: both; margin: 0;}
.photo h1 {line-height: 32px; }
.photo h1.gallery_title {display: block; clear: both; margin: 0 0 0 5px; padding: 45px 0 15px 0; line-height: 1em; border-bottom: 1px solid #c1c7d6;}
.photo h1 em {font-size: 22px; font-style: italic;}

.news_entry {margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #c1c7d6; overflow: auto;}
.news_entry img {max-width: 100%;}
.news_entry a {text-decoration: none; display: block; margin-bottom: 15px;}
.news_entry a:hover h1 {color: #fff; background: #4b5676;}
.news_entry h1 {font-size: 32px; line-height: 1.2em; display: inline;}
.news_entry p { display: inline-block; padding: 0; margin: 0 0 10px 0; font-style: normal;}
.news_entry p a { display: inline-block; text-decoration: none; background: #c1c7d6; color: #4b5676; padding: 4px 6px; margin-left: 10px;}
.news_entry p a:hover { background: #4b5676; color: #fff;}
.last {border: none; margin-bottom: 0;}


/* Widgets */

.widget {margin: 25px 0 0 44px; padding: 0; overflow: auto; box-shadow: 2px 1px 4px rgba(0,0,0,0.2); position: relative;}
.widget a {text-decoration: none; background: #c1c7d6; display: block; overflow: auto;}
.widget a img {margin: 0; float: left;}
.widget a h3 {border-top: 2px solid #fff; font-style: normal; text-transform: uppercase; font: bold 15px Arial, sans-serif; color: #4b5676; margin-bottom: 10px; padding: 10px 10px 0 10px; display: block; float: left; width: 100%; line-height: 1em;}
.widget a p {display: block; width: 100%; float: left; margin-bottom: 10px; padding: 0 10px 0 10px; line-height: 1.2em; font-size: 13px; font-style: italic;}
.widget a:hover {background-color: #db7eb9;}
.widget a:hover img {border-color: #db7eb9;}
.widget a:hover h3 {color: #fff;}
.widget a:hover p {color: #fff;}

.ba_widget a img {max-width: 100%; background-position: center 100%; background-size: 100%;}
.ba_widget a:hover img {background-position: center 0%;}

.case_widget a img {max-width: 100%; background-position: center 100%; background-size: 100%;}
.case_widget a:hover img {background-position: center 0%;}

.press_widget a img {width: 100%; border: 5px solid #c1c7d6;}
.tuition_widget a img {width: 100%; border: 5px solid #c1c7d6;}

/* Content Widgets */
.content_widget {margin: 0; }
.content_widget a img {width: 100%; float: none; border: 5px solid #c1c7d6;}

/* Photo gallery */
.photo_gallery_widget a img {max-width: 100%; background-position: center 100%; background-size: 100%;}
.photo_gallery_widget a:hover {}
.photo_gallery_widget a:hover img{ background-position: center 0%;}
.photo_gallery_widget a h3 {font-size: 14px;}

/* Video Gallery */
.video_widget .overlay {position: absolute; left: 95px; top: 52px; width: 100px; height: 75px; background: url(/images/video/video_overlay.png) left top no-repeat;}
.video_widget a:hover .overlay {background-position: 0 -75px;}

video {
	width: 580px;
	max-width: 100%;
	height: auto !important;
	background: url(/videos/itv-2015-06/poster-20150616-Angelica-Kavouni-ITV-This-Morning.jpg) no-repeat 0 0;
	background-size: 100%;
	background-position: left;
}



/*
.widget {border: 0px solid #c1c7d6; margin-top: 25px; padding: 0px; position: relative;}
.widget a { text-decoration: none;}
.widget a img { float: left; margin: 0 0 2px 0; padding: 0; max-width: 100%; border: 5px solid #c1c7d6;}
.widget a p { padding: 0 25px 10px 10px; margin: 0; font-size: 13px; line-height: 1.2em; color: #222; background: #c1c7d6; font-style: italic;}
.widget h3 { clear: both; font-style: normal; text-transform: uppercase; font: bold 15px Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 10px 5px 10px; margin: 0; color: #4b5676; background: #c1c7d6;}
.widget a:hover h3, .widget a:hover p { background: #4b5676; color: #fff;}
.widget a:hover img {border-color: #4b5676;}

.wrapper_widget {overflow: hidden; padding: 0;}
.content_widget { border: 0px solid #c1c7d6;}
.video_widget .overlay {position: absolute; left: 95px; top: 52px; width: 100px; height: 75px; background: url(/images/video/video_overlay.png) left top no-repeat;}
.video_widget a:hover .overlay {background-position: 0 -75px;}
.photo_widget {margin-top: 25px;}
.photo_widget h3 { font-size: 14px; text-align: center; padding: 8px 10px 8px 10px;}
.photo_widget a { display: block; padding-top: 120px; background-position: center -120px; background-repeat: no-repeat;}

.ba_widget h3,
.tuition_widget h3 { padding-bottom: 10px;}

.ba_widget h3,
.photo_widget h3 { border-top: 2px solid #fff;}

.ba_widget a:hover,
.photo_widget a:hover {background-position: center 0;}

.ba_widget a:hover h3,
.photo_widget a:hover h3 {color: #fff; background: #db7eb9;}

.ba_widget,
.tuition_widget,
.side_widget { margin: 0px 0px 25px 45px; box-shadow: 2px 1px 4px rgba(0,0,0,0.2); z-index: 999;}
.side_widget img {width: 100%;}

.ba_widget a { background-image: url(/images/photos/gallery_breast_augmentation_large.jpg); text-decoration: none; display: block; padding-top: 220px; background-position: center -220px; background-repeat: no-repeat; }
*/


.photo_set {margin-right: 20px; margin-bottom: 25px; border: 5px solid #c1c7d6; overflow: auto;}
.photo_set img {float: left; width: 50%;}
.photo_set h3 {clear: both; font-style: normal; font: normal 15px Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.photo_set h3 {text-align: center; padding: 8px 10px 8px 10px; margin: 0; color: #4b5676; background: #c1c7d6;}

.press_header, .news_header {overflow: auto; margin-bottom: 15px;}
.press_header img {border: 5px solid #c1c7d6; max-width: 100%;}
.news_header img {border: 0; max-width: 100%;}
.press_header h1, .news_header h1 {font-size: 32px; line-height: 1.2em; margin-bottom: 15px;}
.press_header h3, .news_header h3, .case_header h3 {clear: both; display: block; border-bottom: 1px solid #c1c7d6; padding-top: 30px;}
.press_header p, .news_header p { display: inline-block; padding: 0; margin: 0 0 5px 0; font-style: italic;}
.press_header p a {text-decoration: none; color: #c1c7d6; background: #4b5676; color: #fff; padding: 4px 6px; margin-left: 10px;}
.press_header p a:hover { background: #c1c7d6; color: #4b5676;}

/* class procedures also affects the buttons from hospitals page */
p.procedures {background: none; padding: 0; display: block;}
p.procedures a {display: inline-block; background: #4b5676; color: #fff; padding: 2px 8px; margin: 0 5px 5px 0; text-decoration: none; box-shadow: 2px 1px 4px rgba(0,0,0,0.2);}
p.procedures a:hover {background: #c1c7d6; text-decoration: none; color: #4b5676;}

.press_preview {border: 5px solid #c1c7d6; max-width: 100%; }

/* Footer Section */
footer.container {background: #4b5676; color: #fff; font-size: 11px; text-align: center; line-height: 16px; padding: 5px;}
footer.container div {padding: 10px 10px;}
footer a, footer a:visited {color: #fff; text-decoration: none; padding: 0 5px;}
footer a:hover {color: #fff; text-decoration: underline;}
footer p {color: #fff; margin-bottom: 0;}
footer p span {display: inline-block; padding: 0 5px;}
footer p a {padding: 0;}


/* #Page Styles
================================================== */

/* 3D Tuition */
.object_wrapper iframe {display: block; margin: 25px auto 0px; border: 5px solid #4b5676;}
.object_wrapper h1 {text-align: center;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		/* Top Navigation */
		header nav ul li a {padding: 10px 14px;}
		header nav ul li.sub_menu div {padding: 20px 35px 35px;}
		header nav ul li.sub_menu div ul li {font-size: 13px;}
		header nav ul li:first-child a {padding-left: 27px; padding-right: 27px;}
		header nav ul li:last-child a {border-right: 10px solid #4b5676; padding-right: 13px;}

		#sub_about div {background: url(/images/bg_menu_about.jpg) right center no-repeat;}
		#sub_face div {background: url(/images/bg_menu_face.jpg) right bottom no-repeat;}
		#sub_body div {background: url(/images/bg_menu_body.jpg) -50px bottom no-repeat;}
		#sub_non_surgical div {background: url(/images/bg_menu_non_surgical.jpg) -50px bottom no-repeat;}
		#sub_men div {background: url(/images/bg_menu_men.jpg) right bottom no-repeat;}
		#sub_press div {background: url(/images/bg_menu_press.jpg) right center no-repeat;}

		.welcome p {line-height: 1.5em; font-size: 13px;}
		.symmetria_partnership {font-size: 13px;}
		.home_widget h3 { line-height: 1.4em; font-size: 18px;}
        .home_widget_text { font-size: 13px; line-height: 1.5em;}

		.video_widget .overlay {left: 63px; top: 32px;}

		/* Generic Pictures */

		/* Contact form */
		.contact_form { margin-top: 0px;}
		.contact_form p { font-size: 13px; margin-bottom: 15px; margin-left: 0; }
		.contact_form p a {font-size: 27px; line-height: 24px;}
		.contact_form input, .contact_form textarea {padding: 6px 10px 3px 10px;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.welcome { padding-top: 10px; padding-bottom: 10px;}
		article h1 { padding-bottom: 7px; overflow: hidden;}
		article h1 span { float: left;}
		.photo_gallery_widget a h3 {font-size: 11px;}

		/* Contact form */
		#subscribe label {font-size: 0.8em;}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		section.logo {margin: 0 0 8px; padding: 0; float: none; text-align: center;}
		section.address {display: none;}
		section.social {margin: 10px 0 15px 0; padding: 0; float: none; text-align: center;}
		section.social a {margin: 0 12px;}
		section.welcome {background:none; padding:0;}
		section.symmetria_partnership { margin-top: 25px;}
		section.welcome div {padding: 15px;}
		section.home_widget img {display:none;}
		section.video { padding-top: 50px;}
		/* Main Navigation */
		header nav ul li.split {clear: both;}
		header nav ul li a {width: 105px; padding: 16px 0px; font-size: 11px; border: none;}
		header nav ul li a:hover {background: #c1c7d6; border-right: none;}
		header nav ul li:first-child a {padding-left: inherit;padding-right: inherit;}
		header nav ul li.sub_menu div {width: 100%; top: 50%; padding: 0; background: #333; left: 0; border: none;}
		header nav ul li.sub_menu div ul { float: none; margin: 0;}
		header nav ul li.sub_menu div ul li.title {font-size: 1.2em; padding: 11px 15px 9px; line-height: 1em; ;margin: 0; background: #c1c7d6; color: #333; font-size: 1.4em;}
		header nav ul li.sub_menu div ul li.spacer {display: none;}
		header nav ul li.sub_menu div ul li a { display: block; padding: 5px 15px; font-size: 1.1em; background: #c1c7d6; }
		header nav ul li:last-child a {border-right: none; padding-right: inherit;}

		#sub_non_surgical div, #sub_men div, #sub_press div {top: 100%;}
		header nav .odd {background: #616b8a;}

		/* Photo Gallery */
		.photo h1.gallery_title {text-align: center; padding: 0; margin: 25px auto 25px auto; display: block; width: 65%;}
		.photo_set {margin: 0 0 25px;}
		.home_widget {margin-bottom: 0;}
		.wrapper_widget div:first-child { margin-bottom: 30px;}
		.photo_gallery_widget {padding-bottom: 25px;}
		.photo_gallery_widget a h3 {font-size: 14px;}

		/* Generic Pictures */
		.picture {display: none;}

		/* Article */
		article h1 { padding-bottom: 7px; overflow: hidden;}
		article h1 span { float: left;}

		/* Widgets */
		.widget {padding-bottom: 5px; margin-left: 0; box-shadow: none;}

		/* Press */
		.press h2 {padding: 25px 25px 10px 25px; margin:0 30px 15px 30px; text-align: center;}
		.video_widget img {width: 100%;}
		.press_header, .news_header {text-align: center;}
		.press_header img, .news_header img {margin-bottom: 25px;}

		.video_widget .overlay {left: 157px; top: 90px;}

		.twoup {clear: both; overflow: auto;}
		.twoup div:first-child {margin-right: 20px}
		.twoup .press_widget {width: 200px; float: left;}

		/* Contact Form */
		.contact_form {margin: 0 0 15px 0; box-shadow: none;}
		.contact_form p { font-size: 18px; margin-bottom: 15px;}
		.contact_form p a {font-size: 56px; line-height: 50px;}

		/* Footer */
		footer.container { margin-top: 15px; padding:0;}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		section.social a {margin: 0 10px;}
		a.media_icon {margin-right: 8px;}


		/* Top Navigation */
		header nav ul li a {width: 75px; padding: 16px 0;}
		header nav ul li:nth-child(5) a {padding: 10px 0 8px 0;}
		header nav ul li:nth-child(8) a {padding: 10px 0 8px 0;}

		.video_widget .overlay {left: 110px; top: 65px;}

		/* Contact Form */
		.contact_form p { font-size: 16px; margin-bottom: 15px;}
		.contact_form p a {font-size: 38px; line-height: 34px;}

		/* Widgets */
		.twoup {clear: both; overflow: auto;}
		.twoup div:first-child {margin-right: 0px}
		.twoup .press_widget {float: none; width: 100%;}


		article h1 { padding-bottom: 7px; overflow: hidden;}
		article h1 span {float: left; width: 100%;}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/