/*  
Theme Name: Stakat Building
Theme URI: http://stakat.com.au
Description: Wordpress theme for Stakat Building
Version: 1.0
Author: Bench Creative & Studio 313
Author URI: http://benchcreative.com.au, http://studio313.com.au
*/
html { background:#e2e2e2;}
body { -webkit-text-size-adjust: none; background:#e2e2e2; font-size:16px;}
body.internal { background:url(images/bg-textured.jpg) top center repeat;}

h1, h2, h3, h4 { font-family: 'robotolight'; margin:0; padding:0; text-decoration:none; outline:none; border:none;}

h1 { font-size: 36px; color:#2271a6; margin:0 0 10px 0;}
h2 {font-family: 'robotomedium'; font-size: 24px;  color:#2271a6; margin:0 0 7px -10px;}
h3 {font-family: 'robotomedium'; font-size: 20px;  color:#2271a6; margin:0 0 7px 0;}
h4 {font-family: 'robotomedium'; font-size: 18px;  color:#2271a6; margin:0 0 7px 0;}

p, a, li { font-family: 'robotolight'; margin:0; padding:0; text-decoration:none; outline:none; border:none;}
p, li { font-size: 16px; color:#3d3d3d; line-height:140%;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:; outline:none; border:none;}
a:hover { color:;}

ul, ol { margin-left:10px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}
ul.tickbullet { list-style:url(images/tick-bullet.png); margin:0 0 10px 30px; padding:0;}

.no-side-padding { padding-left:0 !important; padding-right:0 !important;}
@media only screen and (min-width : 767px) {.d-no-side-padding { padding-left:0 !important; padding-right:0 !important;}}
.no-side-pad-left { padding-left:0 !important;}
.no-side-pad-right { padding-right:0 !important;}
/* colours 
	blue 1: 549bd1
	blue 2: 2271a6
	blue 3: 235b80
	blue 4: 254257
	red: ff2d29
	grey 1: e2e2e2
	grey 2: 3d3d3d
	
	headings: 2271a6
	content: 3d3d3d
*/
.carousel-control { z-index:1000;}	

/* Logos */ 
	

/* WRAPPERS */
	header, section, footer { position:relative; margin:0; padding:0;}
	.int-wrap { background:#fff; min-height:300px; position:relative;}
	.int-wrap .no-side-padding, .int-wrap .d-no-side-padding { padding-right:15px !important; }
	.int-pattern { width:100%; height:290px; position:absolute; background:url(images/int-pattern.png) no-repeat -115px top; z-index:0; left:0; top:225px;background-size: cover;   }
 
/** HEADER **/

.banner-top { background:#3d3d3d; height:45px;}
.banner-top-contacts { float:right; width:59%;}
.banner-top-contacts ul { margin:0; padding:0; list-style:none; text-align:right;}
.banner-top-contacts ul li {margin:0; padding:0; display:inline-block; width:45%;}
.banner-top-contacts ul li:first-child { width:35%; margin-right:40px;}

.banner-top-icon { background-color:#ff2d29; height:45px; width:45px; float:left;}
.banner-top-icon.icon-phone { background: #ff2d29 url(images/icons/icon-phone.png) center center no-repeat; }
.banner-top-icon.icon-email { background: #ff2d29 url(images/icons/icon-email.png) center center no-repeat; }
.banner-top p, .banner-top p a { color:#fff; font-size:16px; font-family:'robotobold'; margin-top:8px;}
.banner-top p span {font-family: 'robotolight';}

.banner-logo { padding:30px 0 5px; background:#fff;}
.head-tagline p { color:#2271a6; font-size:25px; font-family:'roboto_slabbold'; text-align:right; margin:0; padding:0; padding-top:40px;}

nav { padding-bottom:10px;}
.navbar { margin-bottom:0; background:#fff; border:none;}
.nav > li > a:hover  { background:#fff !important;}
.nav > li > a:active  { background:#fff !important;}
.nav > li > a:focus  { background:#fff !important;}
ul.nav-justified { margin:0 !important; padding:0 !important;}
ul.nav-justified li a { color:#254257; margin:0 !important; padding:7px 0 !important;}
/*ul.nav-justified li:nth-child(1) a, ul.nav-justified li:nth-child(2) a { text-align:left; /* change to left with full menu of 5 itmes */}
ul.nav-justified li:nth-child(4) a, ul.nav-justified li:nth-child(5) a, ul.nav-justified li:nth-child(6) a { text-align:right;}*/
ul.dropdown-menu li a { text-align:left !important; padding:0 10px !important;}
ul.dropdown-menu { border:none; box-shadow:none;}

@media only screen and (max-width : 1020px) {
	.banner-top-contacts { float:right; width:75%;}
	.banner-top p, .banner-top p a { font-size:14px;}
	.head-tagline p { font-size:20px; padding-top:15px; text-align:center;}
}

@media only screen and (max-width : 767px) {
	ul.nav-justified li:nth-child(1) a, ul.nav-justified li:nth-child(2) a,  ul.nav-justified li:nth-child(3) a, ul.nav-justified li:nth-child(4) a, ul.nav-justified li:nth-child(5) a { text-align:left;}
	ul.dropdown-menu { width:100%; border:none; box-shadow:none;}
	.head-tagline p { font-size:20px; padding-top:20px;}
	}

@media only screen and (max-width : 500px) {
	.banner-logo { padding:10px 0 5px !important;}
	.logo { width:100% !important;}
	.logo img { display: block; margin-left: auto; margin-right: auto; max-width:80%;}
	.head-tagline { width:100% !important;}
	.head-tagline p { font-size:20px; padding-top:5px; text-align:center;}
	.banner-top-contacts { float:left; width:100%;}
	.banner-top-contacts ul { margin:0; padding:0; list-style:none; text-align:right;}
	.banner-top-contacts ul li {margin:0; padding:0; display:inline-block; width:50%; margin-right:10px;}
	.banner-top-contacts ul li:first-child { width:42%; margin-right:20px; float:left;}
	.banner-top p, .banner-top p a { font-size:14px;}
	
	.navbar-header, .navbar-collapse { position:relative; top:-35px; z-index:2000;}
}

@media only screen and (max-width : 400px) {
	.banner-top { background:#3d3d3d; height:90px;}
	.banner-top-icon { margin-right:10px;}
	.banner-top-contacts { float:left; width:100%;}
	.banner-top-contacts ul { margin:0; padding:0; list-style:none; text-align:left;}
	.banner-top-contacts ul li {margin:0; padding:0; display:inline-block; width:100%; margin-right:10px;}
	.banner-top-contacts ul li:first-child { width:100%; margin-right:20px; float:left;}
	.banner-top p, .banner-top p a { font-size:14px;}
	
	.navbar-header, .navbar-collapse { position:relative; top:-35px; z-index:2000;}
}


	
.int-feature { background:#2271A6; min-height:100px;}
.int-feature-img { background:#E3F7ED; width:57%; min-height:100px; float:left; overflow:hidden;}
.int-feature-contact { background:#2271A6; width:43%; height:349px; float:left; position:relative;}
.int-feature-heading {font-family: 'robotolight'; font-size:24px; color:#fff; padding:10px 0 0 15px;}
.head-grav-form { float:left; width:55%; margin-left:15px; position:relative; z-index:500;}
.head-form-dude { float:left; width:35%; height:305px; bottom:0px; right:20px; margin-left:5%; position:absolute;}
.head-form-dude img { height:100%; width:auto;}

@media only screen and (max-width : 800px) {
	.head-grav-form { width:90%;}
	.head-form-dude { display:none;}
}

@media only screen and (max-width : 500px) {
	.int-feature { background:#2271A6; min-height:100px;}
	.int-feature-img { background:#E3F7ED; width:100%; min-height:100px; float:none; overflow:hidden;}
	.int-feature-img img { width:100%; height:auto;}
	.int-feature-heading {font-family: 'robotolight'; font-size:18px; color:#fff; padding:10px 0 0 15px;}
	.int-feature-contact { background:#2271A6; width:100%; height:auto; padding-bottom:20px; float:none; position:relative;}
}

.gbox-gallery-wrap { margin-top:20px;}
/* HOME */
.banner-home-feature-img { background:#2271a6 url(images/bg-home-feature.png) top center no-repeat;}
.home-feature-img img { width:100%; height:auto;}	

.home-feature-menu ul { list-style:none; margin:0; padding:0; position:relative;}
.home-feature-menu ul li { display:inline-block; width:20%; height:105px; margin:0; padding:0; position:relative; float:left; text-align:center; padding:20px 60px;}
.home-feature-menu ul li a { font-size:22px; font-family:'michromaregular'; color:#fff; text-align:center; }
.home-feature-menu ul li:nth-child(1) { background-color:#549bd1; padding-top:25px;}
.home-feature-menu ul li:nth-child(2) { background-color:#2271a6; padding-top:40px;}
.home-feature-menu ul li:nth-child(3) { background-color:#235b80; padding-top:25px;}
.home-feature-menu ul li:nth-child(4) { background-color:#549bd1; padding-top:25px;}
.home-feature-menu ul li:nth-child(5) { background-color:#254257; padding-top:40px;}

@media only screen and (max-width : 1024px) {
	.home-feature-menu ul li { display:inline-block; width:20%; height:85px; margin:0; padding:0; position:relative; float:left; text-align:center; padding:15px 30px; }
	.home-feature-menu ul li a { font-size:16px; text-align:center; }
	.home-feature-menu ul li:nth-child(1), .home-feature-menu ul li:nth-child(2) { padding-top:30px;}
}

@media only screen and (max-width : 500px) {
	.home-feature-menu ul li { display:inline-block; width:100%; height:65px; margin:0; padding:0; position:relative; float:left; text-align:center; padding:10px 15px;}
	.home-feature-menu ul li a { font-size:16px; text-align:center; }
	.home-feature-menu ul li:nth-child(1), .home-feature-menu ul li:nth-child(2) { padding-top:10px;}
}

@media only screen and (max-width : 400px) {
	.home-feature-menu ul li { display:inline-block; width:100%; height:65px; margin:0; padding:0; position:relative; float:left; text-align:center; padding:10px 15px;}
	.home-feature-menu ul li a { font-size:16px; text-align:center; }
	.home-feature-menu ul li:nth-child(1), .home-feature-menu ul li:nth-child(2) { padding-top:10px;}
	}

.banner-guarantee { background:url(images/bg-textured.jpg) center center repeat; padding:40px 0px;}
.banner-guarantee > .container > div:nth-child(1) { padding:0 35px 0 0;}
.banner-guarantee > .container > div:nth-child(2) { padding:0 0 0 35px; border-left:1px solid #c8c8c8;}
.banner-guarantee img { width:80%; margin:0 auto;}

@media only screen and (max-width : 500px) {
	.banner-guarantee .col-xs-7, .banner-guarantee .col-xs-5 { width:100% !important; padding:0 10px !important;}
	.banner-guarantee .btn-cta { margin:20px auto; display:table;}
	}

.btn-cta { margin-top:20px;}
.btn-cta p { padding:5px 60px; background:#2271a6; text-align:center; display:inline-block;}
.btn-cta p a {font-family: 'robotolight'; font-size:16px; color:#fff;}
.btn-cta p span { font-size:24px; font-family:'michromaregular';}
.btn-cta.cta-centre { margin:20px auto; display:table;}

@media only screen and (max-width : 1020px) {
	.btn-cta p { padding:5px 30px;}
}

.banner-clients { background: #254257 url(images/bg-home-clients.png) top center no-repeat; padding:40px 0px; text-align:center;}
.banner-clients h2, .banner-clients h3, .banner-clients p { color:#fff;}
.banner-clients h2 {font-family: 'robotolight'; font-size:36px; margin-bottom:30px;}
.banner-clients h3 { font-size:20px; font-family:'michromaregular'; margin:20px 0;}
.banner-clients p {font-family: 'robotolight'; font-size:16px;}

@media only screen and (max-width : 500px) {
	.banner-clients .col-xs-6 { width:100% !important; padding:0 10px !important; text-align:left;}
	.banner-clients .col-xs-6 img { max-width:100px; height:auto; float:left; margin-bottom:30px; margin-right:10px;}
	.banner-clients h3 { font-size:20px; font-family:'michromaregular'; margin:0 0 15px 0;}
	}
@media only screen and (max-width : 400px) {
	.banner-clients .col-xs-6 img { max-width:70px; height:auto; float:left; margin-bottom:30px; margin-right:10px;}
	.banner-clients h2 {font-family: 'robotolight'; font-size:26px; margin-bottom:30px;}
	.banner-clients h3 { font-size:18px; font-family:'michromaregular'; margin:20px 0;}
	.banner-clients p {font-family: 'robotolight'; font-size:14px;}
	}


.banner-services { background:url(images/bg-textured.jpg) center center repeat; padding:40px 0px 0;}
.banner-services p:nth-of-type(1) { color:#2271a6; font-size:36px;}
.banner-services img { margin-top:-100px; max-height:550px; width:auto;}
.banner-services .btn-cta { padding:7px 0;}
.banner-services .btn-cta p { line-height:60% !important;}

@media only screen and (max-width : 500px) {
	.banner-services .col-xs-7 { width:100% !important; padding:0 10px !important;}
	.banner-services .col-xs-5 { display:none;}
	.banner-services .btn-cta { margin:20px auto; display:table;}
	}
	



/** CONTENT **/

.content { margin-bottom:50px;}
.body-halfwidth, .body-fullwidth { clear:both;}

.body-halfwidth, .body-testimonial { padding:40px 0;}
.body-halfwidth { padding-right:100px;}
.body-halfwidth h1 { margin-bottom:25px; margin-left:0;}
.body-fullwidth h1 { margin-bottom:25px; margin-left:-10px;}

.body-testimonial { padding-top:60px;}
.body-testimonial h2 {font-family: 'robotomedium'; font-size:16px; color:#2271A6; text-transform:uppercase; margin-bottom:20px;}
.body-testimonial p { font-size:16px; font-family: 'robotoitalic'; color:#2271A6;}
.body-testimonial p span {font-family: 'robotomedium';}

/* Jobs Listing */
.jobs h1, .jobs h2 {
    margin:30px 0 25px;
}
.jobs .job-manager-form input,
.jobs .job-manager-form select,
.jobs .job_filters input {
    padding:10px;
    font-family: 'robotolight';
    color: #3d3d3d;
    font-size: 14px;
}
.jobs .job-manager-form input[type='submit'],
.jobs input[type='button'],
.jobs .add-job  {
    background-color: #FF2D29;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    width: 48%;
    max-width:280px;
    font-family: 'michromaregular';
    font-size: 16px;
    border-color:transparent;
    text-align: center;
}
.jobs .job-manager-form input[type='submit']:hover,
.jobs input[type='button']:hover,
.jobs .add-job:hover {
    text-decoration: none;
    background-color: #808285;
}
.jobs .add-job {
    float:right;
    height: 42px;
    line-height: 42px;
    display: none;
}
.jobs .job-manager-jobs {
    width:100%;
}
.jobs ul.job_listings li.job_listing a div.location:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e81d';
}



@media only screen and (max-width : 500px) {
	.body-halfwidth, .body-fullwidth, .body-testimonial { clear:both; width:100%; padding:10px !important; }
	}

ul.sb-list-2col, ul.sb-list-3col { position:relative; margin:0 0 30px 0px; padding:0;}
ul.sb-list-2col li, ul.sb-list-3col li { float:left; padding-right:0px; margin-right:20px; margin-bottom:5px;}
ul.sb-list-2col li { width:48%;}
ul.sb-list-3col li { width:31.2%;}


@media only screen and (max-width : 800px) {
	ul.sb-list-2col, ul.sb-list-3col { position:relative; margin:0 0 30px 0px; padding:0;}
	ul.sb-list-2col li { width:45%;}
	ul.sb-list-3col li { width:30%;}
	}
	
@media only screen and (max-width : 500px) {
	ul.sb-list-2col li, ul.sb-list-3col li { width:100%;}
	}

.body-before-after {}
.body-before-after img { margin-bottom:20px;}
.body-before-after h2 {font-family: 'robotoregular'; font-size:24px; color:#2271A6; margin-bottom:15px;}
.body-before-after ul { margin:0; padding:0; position:relative; margin-left:20px;}
.body-before-after ul li {}

.before-after-arrow { width:170px; height:170px; background:url(images/before-after-arrow.png) center center no-repeat; background-size:contain; position:absolute; top:110px; left:50%; margin-left:-95px; z-index:2;}

@media only screen and (max-width : 800px) {
	.before-after-arrow { width:100px; height:100px; background:url(images/before-after-arrow.png) center center no-repeat; background-size:contain; position:absolute; top:110px; left:50%; margin-left:-60px; z-index:2;}
	}

@media only screen and (max-width : 500px) {
	.before-after-arrow { width:70px; height:70px; background:url(images/before-after-arrow.png) center center no-repeat; background-size:contain; position:absolute; top:90px; left:50%; margin-left:-45px; z-index:2;}
	}
	
@media only screen and (max-width : 400px) {
	.body-before-after .pic-before, .body-before-after .pic-after { width:100%; margin-bottom:30px;}
	.body-before-after img { margin-bottom:20px;}
	.body-before-after h2 {font-family: 'robotoregular'; font-size:24px; color:#2271A6; margin-bottom:15px;}
	.body-before-after ul { margin:0; padding:0; position:relative; margin-left:20px;}
	.body-before-after ul li {}

	.before-after-arrow { display:none;}
	}

.casestudies { margin:10px 0 10px; padding-top:30px;}
.casestudies:last-child { margin-bottom:60px;}
.casestudies h1 { margin-bottom:15px;}
.casestudies-text h1 { font-size:24px; margin-left:5px;}
.casestudies-text p { margin:0; padding:0; margin-left:5px;}

@media only screen and (max-width : 500px) {
	.casestudies-img, .casestudies-text { width:100%;}
	.casestudies-img img { margin-bottom:20px;}
	.casestudies { margin:10px 0 10px; padding-top:20px;}
	.casestudies:last-child { margin-bottom:60px;}
	.casestudies h1 { margin-bottom:15px;}
	.casestudies-text h1 { font-size:20px; margin-left:0;}
	.casestudies-text p { margin:0; padding:0; margin-left:0;}
	}

ul.contact-icon-list { list-style:none; margin:0; padding:0; position:relative; padding-top:10px; margin-bottom:20px;}
ul.contact-icon-list li { display:inline-block; margin:0; padding:0; margin-bottom:10px; width:47%; float:left;}
.contact-icon-list p, .contact-icon-list a { font-family: 'roboto_slabbold'; color:#2271A6;}
ul.contact-icon-list li:nth-of-type(1) p, ul.contact-icon-list li:nth-of-type(3) p { margin-top:10px;}

.contact-icon { background-color:#ff2d29; height:45px; width:45px; float:left; margin-right:10px;}
.contact-icon.icon-phone { background: #ff2d29 url(images/icons/icon-phone.png) center center no-repeat; }
.contact-icon.icon-email { background: #ff2d29 url(images/icons/icon-email.png) center center no-repeat; }
.contact-icon.icon-address { background: #ff2d29 url(images/icons/icon-address.png) center center no-repeat; }

@media only screen and (max-width : 800px) {
	ul.contact-icon-list li { display:block; margin:0; padding:0; margin-bottom:10px; width:100%; float:left;}
	}

/** FOOTER **/

.footer-top { background:#3d3d3d; padding:50px 0px; height:420px;}
.footer-top p, .footer-top p a { color:#fff;}
.footer-top p.heading { font-size:24px; margin-bottom:20px;}
.footer-top-logos { text-align:right; padding-top:10px;}
.footer-top-logos img { margin-left:10px;}
.footer-rt-wrap { border-top:1px solid #fff;  border-bottom:1px solid #fff; padding:30px 0;}

.footer-dets { margin:0; padding:0;}
.footer-dets ul, .footer-dets ul li { margin:0; padding:0; list-style:none;}
.footer-dets ul li {  margin:0; padding:0; display:inline-block; width:100%; margin-bottom:7px;}
.footer-dets ul li p { font-size:16px !important; margin-top:10px;}

.banner-foot-icon { background-color:#ff2d29; height:45px; width:45px; float:left; margin-right:10px;}
.banner-foot-icon.icon-phone { background: #ff2d29 url(images/icons/icon-phone.png) center center no-repeat; }
.banner-foot-icon.icon-email { background: #ff2d29 url(images/icons/icon-email.png) center center no-repeat; }

.footer-menu ul {margin:0 !important; padding:0 !important;}
.footer-menu ul li { margin:0 !important; padding:0 !important; line-height:80%;}
.footer-menu ul li a {font-family: 'robotolight'; font-size:13px; color:#c8c8c8; margin:0 !important; padding:0 !important;}

footer { background:#e2e2e2; padding:8px 0 3px 0;}
footer p { text-align:right; font-family: 'robotolight'; font-size:13px; color:#3d3d3d; margin:0; padding:0; margin-top:5px;}

@media only screen and (max-width : 500px) {
	.footer-left, .footer-right { width:100% !important;}
	}
	
@media only screen and (max-width : 400px) {
	.footer-dets, .footer-menu { width:100%; margin-bottom:30px;}
	}


#gform_wrapper_1 { height:250px;}
#gform_wrapper_1 li { list-style:none !important;}
#gform_wrapper_1 label.gfield_label { display:none;}
#gform_wrapper_1 input[type=text], #gform_wrapper_1 textarea, #gform_wrapper_1 input[type=submit], #gform_wrapper_1 select { background-color:#E2E2E2; padding:10px; resize:none; border:none; width:100%; margin:0 0 7px 0; font-family: 'robotolight'; font-size:14px; color:#3d3d3d; border-radius:none !important;}
#gform_wrapper_1 textarea { height:190px; margin-top:-10px;}
#gform_wrapper_1 input[type=submit] { position:absolute; top:210px; left:52%; background-color:#FF2D29; color:#fff; text-transform:uppercase; font-weight:800; width:48%; font-family: 'michromaregular'; font-size:16px; cursor:pointer; margin:0;-webkit-appearance: none;}
#gform_wrapper_1 input[type=submit]:hover { background-color:#808285; }

body #gform_wrapper_1 .gform_body .gform_fields .gfield_error .validation_message, #gform_wrapper_1 .gform_body .gform_fields .gfield_error {border:none; background-color:#f1f2f2;}
#gforms_confirmation_message, #gform_wrapper_1 .validation_error {font-size: 13px; color:#58595b; line-height:140%; font-family: Arial, Helvetica, sans-serif; text-decoration:none; outline:none; border:none; font-weight:bold;}
#gform_wrapper_1 .validation_error { color:#7e0e5d;}


#gform_wrapper_2 label.gfield_label { display:none;}
#gform_wrapper_2 input[type=text], #gform_wrapper_2 textarea, #gform_wrapper_2 input[type=submit], #gform_wrapper_2 select { background-color:#E2E2E2; padding:5px 10px; resize:none; border:none; width:100%; margin:0 0 7px 0; font-family: 'robotolight'; font-size:14px; color:#3d3d3d; border-radius:none !important;}
#gform_wrapper_2 textarea { height:80px;}
#gform_wrapper_2 input[type=submit] { background-color:#FF2D29; color:#fff; text-transform:uppercase; font-weight:800; width:100%; font-family: 'michromaregular'; font-size:16px; cursor:pointer; margin:0;-webkit-appearance: none; position:relative; top:-35px !important;}
#gform_wrapper_2 input[type=submit]:hover { background-color:#808285; }

body #gform_wrapper_2 .gform_body .gform_fields .gfield_error .validation_message, #gform_wrapper_2 .gform_body .gform_fields .gfield_error {border:none; background-color:#f1f2f2;}
#gforms_confirmation_message, #gform_wrapper_2 .validation_error {font-size: 13px; color:#58595b; line-height:140%; font-family: Arial, Helvetica, sans-serif; text-decoration:none; outline:none; border:none; font-weight:bold;}
#gform_wrapper_2 .validation_error { color:#7e0e5d;}


.form-left, .form-right { width:48%; position:absolute; top:0; left:0; padding:0 !important; margin:0 !important; display:inline-block;}
.form-right { left:52%;}

.blue-gallery { background:#2071a9; padding-top:15px; margin:30px 0;}
.blue-gallery p { color:#fff; text-align:center;}
	
/* misc */
	
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.hide { display:none;}
	.show { display:block;}


/* image align */
	img.alignright {float:right; margin:10px 0 10px 15px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px 15px 10px 0;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
/* fonts */
	/* Michroma */
		@font-face {
    	font-family: 'michromaregular';
    	src: url('fonts/michroma/michroma.eot'); src: url('fonts/michroma/michroma.eot?#iefix') format('embedded-opentype'), url('fonts/michroma/michroma.woff2') format('woff2'), url('fonts/michroma/michroma.woff') format('woff'), url('fonts/michroma/michroma.ttf') format('truetype'), url('fonts/michroma/michroma.svg#michromaregular') format('svg');
    	font-weight: normal; font-style: normal;}
		
	/* Roboto */
		@font-face {
    	font-family: 'robotolight';
    	src: url('fonts/roboto/Roboto-Light-webfont.eot'); src: url('fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
    	font-weight: normal; font-style: normal;}

		@font-face {
    	font-family: 'robotoregular';
    	src: url('fonts/roboto/Roboto-Regular-webfont.eot'); src: url('fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    	font-weight: normal; font-style: normal;}
		
		@font-face {
    	font-family: 'robotoitalic';
    	src: url('fonts/roboto/Roboto-Italic-webfont.eot'); src: url('fonts/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Italic-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    	font-weight: normal; font-style: normal;}
		
		@font-face {
    	font-family: 'robotomedium';
    	src: url('fonts/roboto/Roboto-Medium-webfont.eot'); src: url('fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    	font-weight: normal; font-style: normal; }


		@font-face {
    	font-family: 'robotobold';
    	src: url('fonts/roboto/Roboto-Bold-webfont.eot'); src: url('fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    	font-weight: normal; font-style: normal;}
		
	/* Roboto Slab */
		@font-face {
	    font-family: 'roboto_slabregular';
    	src: url('fonts/robotoslab/RobotoSlab-Regular-webfont.eot'); src: url('fonts/robotoslab/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotoslab/RobotoSlab-Regular-webfont.woff') format('woff'), url('fonts/robotoslab/RobotoSlab-Regular-webfont.ttf') format('truetype'), url('fonts/robotoslab/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    	font-weight: normal; font-style: normal;}
		
		@font-face {
	    font-family: 'roboto_slabbold';
    	src: url('fonts/robotoslab/RobotoSlab-Bold-webfont.eot'); src: url('fonts/robotoslab/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotoslab/RobotoSlab-Bold-webfont.woff') format('woff'), url('fonts/robotoslab/RobotoSlab-Bold-webfont.ttf') format('truetype'), url('fonts/robotoslab/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    	font-weight: normal; font-style: normal;}