@charset "utf-8";
/* CSS Document */

/* CSS Document © 2015 Digimax.co.uk */
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,700italic,800italic);

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

@font-face {
	font-family: 'Baskerville Italic';
	src: url('../fonts/Baskerville-Italic.eot');
	src: local('?'), url('../fonts/Baskerville-Italic.woff') format('woff'), url('../fonts/Baskerville-Italic.ttf') format('truetype'), url('../fonts/Baskerville-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Baskerville Bold';
	src: url('../fonts/Gramond-Bold.eot');
	src: local('?'), url('../fonts/Gramond-Bold.woff') format('woff'), url('../fonts/Gramond-Bold.ttf') format('truetype'), url('../fonts/Gramond-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gramond Reguler';
	src: url('../fonts/Gramond-Reguler.eot');
	src: local('?'), url('../fonts/Gramond-Reguler.woff') format('woff'), url('../fonts/Gramond-Reguler.ttf') format('truetype'), url('../fonts/Gramond-Reguler.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gramond Bold';
	src: url('../fonts/Gramond-Bold.eot');
	src: local('?'), url('../fonts/Gramond-Bold.woff') format('woff'), url('../fonts/Gramond-Bold.ttf') format('truetype'), url('../fonts/Gramond-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


::-moz-selection{background:#f39c12; color:#fff; text-shadow:none; }
::selection {background:#f39c12; color:#fff; text-shadow:none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;  outline:none; font-family: 'Baskerville'; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#58585a; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; font-smoothing: antialiased; 
-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; margin:0; padding:0;}
a { text-decoration:none;}
/*p { font-family: 'Lato', sans-serif;}*/
img { border:0px;}
ol, ul, li{ list-style: none;}
strong, strong p { font-weight:700;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

body { background:url(../images/main-bg.jpg) no-repeat center top; background-size:cover; position:relative;}
.container { width:100%; max-width:910px; margin:auto; position:relative; display:table}

.graphic-top-left { position:absolute; background:url(../images/leafs1.png); width:207px; height:143px; left:0; right:0;}
.graphic-top-right { position:absolute; background:url(../images/tree-right.png); width:200px; height:153px; right:0; top:152px;}
.graphic-top-right2 { position:absolute; background:url(../images/tree-right2.png); width:230px; height:399px; right:0; top:324px;}

.top-links { width:100%; text-align:center; margin-top:15px;}
.top-links li { float:none; display:inline-block; font-size:16px; color:#dc4437; text-transform:uppercase; margin-right:75px;}
.top-links li:last-child { margin-right:0;}
.top-links li a {color:#dc4437; padding-top:60px; display:block; padding-bottom:10px;}
.top-links li a:hover { color:#fff;}

.top-links .button0 { background:url(../images/icon-home.png) no-repeat center top}
.top-links .button1 { background:url(../images/icon-about.png) no-repeat center top}
.top-links .button2 { background:url(../images/icon-yoga.png) no-repeat center top}
.top-links .button3 { background:url(../images/icon-classes.png) no-repeat center top}
.top-links .button4 { background:url(../images/icon-gallery.png) no-repeat center top}
.top-links .button5 { background:url(../images/icon-contact.png) no-repeat center top}

.logo { position:relative; display:table; margin:auto; margin-top:65px; margin-bottom:60px;}
.butterfly { position:absolute; right:-47px; top:28px;}
.birds { position:absolute; left:0; top:226px; left:-109px;}
.container .homecontent { width:534px; margin:auto; text-align:center; color:#dc4437;}
.container .homecontent p { margin-bottom:20px;} .container .homecontent p:last-child { margin-bottom:0;}
.yoga-img { position:absolute; right:-47px; top:395px;}

.footer-wrapper-home { float:left; width:100%; position:relative; margin-top:85px; margin-bottom:88px;}
.footer-wrapper-home .margin { width:100%; max-width:910px; margin:auto; position:relative; left:-25px;}
.footer-wrapper-home .leaf1 { position:absolute; left:0; top:-31px;}
.footer-wrapper-home .leaf2 { position:absolute; right:0; top:-31px;}
.footer-wrapper-home .sub-img { position:relative; display:table; margin:auto; margin-bottom:25px;}
.footer-wrapper-home h3 { text-align:center; font-size:28px; font-family: 'Baskerville Italic'; margin-bottom:10px;}
.footer-wrapper-home h4 { text-align:center; font-size:18px;}

.footer-wrapper-home .f-birld1 { position:absolute; left:127px; top:18px;}
.footer-wrapper-home .f-birld2 { position:absolute; left:200px; top:-8px;}
.footer-wrapper-home .f-birld3 { position:absolute; left:300px; top:-35px;}
.footer-wrapper-home .f-birld4 { position:absolute; left:450px; top:-38px;}

.footer-wrapper-home .f-birld1-f { position:absolute; right:100px; bottom:50px;}


.social { float:right; position:relative; z-index:999; }
.social img {margin-left:17px;}

.footer-wrapper-home .top-links { margin-top:60px;}
.main { float:left; width:100%; overflow:hidden; display:block; position:relative}

.inner-header { float:left; width:100%; margin-bottom:165px;}
.inner-header .linkslft { float:left; width:50%;}
.inner-header .linksrht { float:right; width:auto;}
.inner-header .top-links { float:left}
.inner-header .top-links li { display:block; float:left}
.inner-header .logo { position:absolute; margin:auto; left:-60px; right:0; top:20px; max-width:164px;}
.inner-header .logo img { width:100%; height:auto; display:block}
.container .content-inner { width:100%; margin:auto; text-align:center; color:#dc4437; margin-left:-25px; position:relative; display:table; clear:both}
.container .content-inner .a-block { width:671px; margin:auto}
.container .content-inner .a-block2 { width:671px; margin:auto}
.container .content-inner p { margin-bottom:20px; font-size:19px;} .container .aboutcontent p:last-child { margin-bottom:0;}
.container .content-inner h1 { font-size:37px; margin-bottom:20px; color:#58585a}
.container .content-inner h2 { font-size:37px; margin-bottom:41px; color:#58585a}
.container .content-inner h3 { font-size:24px; color:#f68e43; line-height:28px; max-width:560px; margin:auto; margin-bottom:30px; }

.aboutus .photo1 { position:absolute; right:-90px; top:-115px; }
.aboutus .photo2 { position:absolute; left:-132px; bottom:-115px; }
.au-graphic1 { position:absolute; right:-50px; top:460px;}
.au-graphic2 { position:absolute; right:-150px; top:683px}
.au-graphic3 { position:absolute; left:0; top:35%;}

.yogapic-about { position:absolute; left:0; top:-20px;}
.yogapic-about2 { position:absolute; left:0; top:215px;}

.sticker-title { position:relative; display:table; padding:10px 20px; font-size:20px; color:#dc4437; margin:auto; background:rgba(255,255,255,0.53); margin-bottom:40px;}
.sticker-title a {color:#dc4437; text-decoration:underline}
.sticker-title:hover { background:rgba(255,255,255,1);}

.class-times { width:45%; float:none; margin:auto; text-align:center}
.class-times2 { width:100%; float:none; text-align:center; margin:auto}
.class-times  .row { float:left; width:100%; margin-bottom:8px;} 
.class-times .row .lft2 { width:40%; float:left; text-align:right}
.class-times .row .rht2 { width:60%; float:right}
.class-times h4, .class-times2 h4 { font-size:27px; margin-bottom:20px;}
.container .content-inner p:strong {font-family:font-family: 'Baskerville Bold';}
.big-para { font-size:23px; display:block}
.class-times h5 { color:#000; margin-bottom:20px;}

.classes-wrapp { width:100%; width:778px; margin:auto; display:table; /*margin-left:-50px;*/}
.classes-wrapp .lft { width:46%; margin:0 2%; float:left;}
.classes-wrapp .lft p:last-child, .container .content-inner p:lsat-child{ margin-bottom:0;}
.a-block  ul{ text-align:center;}
.a-block ul li { display:block; clear:both; background:url(../images/dot.png) no-repeat left center; font-size:17px; padding-left:15px; margin-bottom:20px; margin:auto; display:table; margin-bottom:5px;}
.classes-wrapp .rht { width:46%; float:right; margin:0 2%;}

.container .content-inner .a-block h2 { font-family: 'Gramond Reguler'; font-size:28px; color:#58585a; margin-bottom:30px;}
.photo3 { position:absolute; left:-52px; top:-90px; }
.butterfly2 { position:absolute; left:-55px; top:-220px;}
.inner-footer { margin-top:20px;}

.contact-wrapper { width:432px; margin:auto; display:table;}
.contact-wrapper h3 { font-size:25px; margin-bottom:30px; color:#dc4437 !important}

.contact-wrapper .form  { width:281px; margin:auto}
.contact-wrapper .form .fieldstyle { background:#fff; border:2px solid rgba(24,24,25,0.20);  margin-bottom:6px; font-family: 'Baskerville Bold'; }
.contact-wrapper .form .textfield { width:95.8%; padding:0 5%; height:35px; }
.contact-wrapper .form .textarea { width:95.8%; padding:15px 5%; height:75px; }
.contact-wrapper .form .submit { background:#fcbf7f; border-radius:5px; background:#fcbf7f; font-size:22px; padding:8px 35px; color:#fff; margin-top:15px; cursor:pointer}
.contact-wrapper .form .submit:hover { background:#000;}

.gallry-wrapper{ width:785px; margin:auto; position:relative;}
.gallry-wrapper .thumb-bar1{ width:30%; float:left; margin:0 30px 30px 0;}
.gallry-wrapper .thumb-bar1 img{ width:100%; height:auto; display:block}
.gallry-wrapper .thumb-bar1:nth-child(3n){ margin-right:0;}
.au-graphic-2{ position:absolute; left:28px; top:0;}

.header { display:none}
.aboutthumb { width:30%; height:auto; float:left; margin-right:20px; margin-bottom:20px;}

.footerlogo { width:100%; text-align:center; margin-bottom:30px;}
.footerlogo img { display:inline-block;}
.copyright { width:100%; text-align:right; margin-top:20px; color:#000; font-size:14px;}
.copyright a { color:#000;}

.blank { width:100%; float:left}
.golferlogo { position:relative; display:table; margin:auto; margin:30px auto 20px auto; max-width:100px;}
.golferlogo img { width:100%; height:auto; display:block}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.container { display:block; width:90%;}
.top-links, .graphic-top-right, .graphic-top-right2, .yoga-img{ display:none}
.logo { margin:25px auto;}
.butterfly { right:0; width:20%;} .butterfly img { width:100%; height:auto}
.birds { left:0; width:60%; right:0; margin:auto; position:relative; top:inherit; margin-bottom:20px;} .birds img { width:100%; height:auto}
.container .homecontent { width:100%;}
.footer-wrapper-home .f-birld1, .footer-wrapper-home .f-birld2, .footer-wrapper-home .f-birld3, .footer-wrapper-home .f-birld4 { display:none}
.footer-wrapper-home .leaf1, .yogapic-about, .footer-wrapper-home .leaf2{ display:none}
.footer-wrapper-home { margin:30px 0;}
.social { width:100%; text-align:center; margin-top:20px; margin-bottom:20px; }

.container .content-inner .a-block { width:100%;}
.inner-header .logo { position:relative; left:0; right:0; top:inherit; margin-top:20px; display:block}
.inner-header .logo img { width:100%; height:auto; display:block}
.aboutus .photo1 { position:relative; left:0; right:0; margin:auto; top:inherit; display:table}
.container .content-inner { margin:auto}
.inner-header { margin-bottom:25px;}

.au-graphic1, .au-graphic3, .au-graphic2{ display:none}
.aboutus .photo2 { position:relative; left:0; right:0; margin:auto; bottom:inherit}
.footer-wrapper-home .margin { width:90%;}
.social img { margin-left:0; margin-right:17px;}
.container .content-inner { display:block}
.container .content-inner h1 { margin:20px 0; clear:both; display:block}

.classes-wrapp .lft { width:100%; margin:auto}
.classes-wrapp .rht { width:100%; margin:auto}
.classes-wrapp { width:100%;}

.butterfly2 { width:20%; left:-5%;} .butterfly2 img { width:100%; height:auto}
.photo3 { position:relative; margin:auto; left:0; right:0; top:inherit; display:table}

.gallry-wrapper { width:100%;}
.gallry-wrapper .img-box { width:48%; margin-right:2%;} .gallry-wrapper .img-box img { width:100%; height:auto}
.au-graphic-2, .yogapic-about2{ display:none}
.contact-wrapper  { width:100%;}

.gallry-wrapper .thumb-bar1 { margin:0 5% 5% 0}

.footer-wrapper-home .margin { left:inherit}
.class-times { width:100%;}
.class-times2 { width:100%;}
.butterfly2 { display:none}

}

@media screen and (min-width:481px) and (max-width:600px) {
.container { display:block; width:90%;}
.top-links, .graphic-top-right, .graphic-top-right2, .yoga-img{ display:none}
.logo { margin:25px auto;}
.butterfly { right:0; width:20%;} .butterfly img { width:100%; height:auto}
.birds { left:0; width:60%; right:0; margin:auto; position:relative; top:inherit; margin-bottom:20px;} .birds img { width:100%; height:auto}
.container .homecontent { width:100%;}
.footer-wrapper-home .f-birld1, .footer-wrapper-home .f-birld2, .footer-wrapper-home .f-birld3, .footer-wrapper-home .f-birld4 { display:none}
.footer-wrapper-home .leaf1, .yogapic-about, .footer-wrapper-home .leaf2{ display:none}
.footer-wrapper-home { margin:30px 0;}
.social { width:100%; text-align:center; margin-top:20px; margin-bottom:20px;}

.container .content-inner .a-block { width:100%;}
.inner-header .logo { position:relative; left:0; right:0; top:inherit; margin-top:20px;}
.aboutus .photo1 { position:relative; left:0; right:0; margin:auto; top:inherit; display:table}
.container .content-inner { margin:auto}
.inner-header { margin-bottom:25px;}

.au-graphic1, .au-graphic3, .au-graphic2{ display:none}
.aboutus .photo2 { position:relative; left:0; right:0; margin:auto; bottom:inherit}
.footer-wrapper-home .margin { width:90%;}
.social img { margin-left:0; margin-right:17px;}
.container .content-inner { display:block}
.container .content-inner h1 { margin:20px 0; clear:both; display:block}

.classes-wrapp .lft { width:100%; margin:auto}
.classes-wrapp .rht { width:100%; margin:auto}
.classes-wrapp { width:100%;}

.butterfly2 { width:20%; left:-5%;} .butterfly2 img { width:100%; height:auto}
.photo3 { position:relative; margin:auto; left:0; right:0; top:inherit; display:table}

.gallry-wrapper { width:100%;}
.gallry-wrapper .img-box { width:48%; margin-right:2%;} .gallry-wrapper .img-box img { width:100%; height:auto}
.au-graphic-2 { display:none}
.contact-wrapper  { width:100%;}

.gallry-wrapper .thumb-bar1 { margin:0 5% 5% 0}
.footer-wrapper-home .margin { left:inherit}].class-times { width:100%;}
.class-times2 { width:100%;}
.butterfly2 { top:-240px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.container { display:block; width:90%;}
.top-links { display:none}
.logo { margin:30px auto;}
.butterfly { right:0;}

.graphic-top-right, .graphic-top-right2{ display:none}
.birds { top:100px; width:40%; left:-5%;} .birds img { width:100%; height:auto}
.yoga-img { display:none}
.inner-header .logo { position:relative; left:0; right:0; margin:auto}
.inner-header { margin-bottom:30px;}
.container .content-inner { margin:auto; display:block}
.container .content-inner .a-block { width:80%;}
.aboutus .photo1 { right:0; top:0; width:30%;} .aboutus .photo1 img { width:100%; height:auto}
.aboutus .photo2 { width:40%; left:0; bottom:-200px; } .aboutus .photo2 img { width:100%}

.footer-wrapper-home .leaf2 { width:30%;} .footer-wrapper-home .leaf2 img { width:100%; height:auto}
.footer-wrapper-home .margin { width:90%;}
.au-graphic1 { right:-51px;}
.au-graphic3 { left:-50px;}
.yogapic-about { top:30px;}
.classes-wrapp { width:90%;}
.hide { display:none}
.footer-wrapper-home { margin-top:40px;}
.big { width:100%;}

.gallry-wrapper { width:100%;}
.gallry-wrapper .img-box { width:48%; margin-right:2%;} .gallry-wrapper .img-box img { width:100%; height:auto}


.gallry-wrapper .thumb-bar1 { margin:0 5% 5% 0}
.yogapic-about { display:none}
}

@media screen and (min-width:768px) and (max-width:900px) {
.container { display:block; width:94%;}
.top-links { display:none}
.logo { margin:30px auto;}
.butterfly { right:0;}

.graphic-top-right, .graphic-top-right2{ display:none}
.birds { top:100px; width:40%; left:-5%;} .birds img { width:100%; height:auto}
.yoga-img { display:none}
.inner-header .logo { position:relative; left:0; right:0; margin:auto}
.inner-header { margin-bottom:30px;}
.container .content-inner { margin:auto; display:block}
.container .content-inner .a-block { width:80%;}
.aboutus .photo1 { right:0; top:0; width:30%;} .aboutus .photo1 img { width:100%; height:auto}
.aboutus .photo2 { width:40%; left:0; bottom:-200px; } .aboutus .photo2 img { width:100%}

.footer-wrapper-home .leaf2 { width:30%;} .footer-wrapper-home .leaf2 img { width:100%; height:auto}
.footer-wrapper-home .margin { width:90%;}
.au-graphic1 { right:-51px;}
.au-graphic3 { left:-50px;}
.yogapic-about { top:30px; display:none}
.classes-wrapp { width:80%;}
.hide { display:none}
.footer-wrapper-home { margin-top:40px;}
.big { width:100%;}

.gallry-wrapper { width:100%;}
.gallry-wrapper .img-box { width:32%; margin-right:2%;} .gallry-wrapper .img-box img { width:100%; height:auto}
.gallry-wrapper .img-box:nth-child(3n) { margin-right:0;}

.class-times { width:58%;}
.class-times2 { width:38%;}
}

@media screen and (min-width:901px) and (max-width:1023px) {
.container { display:block; width:94%;}
.inner-header .logo { left:-56px;}
.hide, .graphic-top-right2{ display:none}
.classes-wrapp { width:710px;}
.class-times { width:47%;}
.au-graphic3 { display:none}
.top-links li { margin-right:60px;}
}


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

}

@media screen and (max-width: 900px) { .header { display:block} }