/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

@font-face {
    font-family: 'arvil_sansregular';
    src: url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.eot');
    src: url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.woff2') format('woff2'),
         url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.woff') format('woff'),
         url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.ttf') format('truetype'),
         url('http://tokyopersonaltrainer.com/wp-content/themes/harrie/fonts/arvil_sans-webfont.svg#arvil_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#side1-slider-h1  b, 
#side1-slider-h1  strong, 
#side1-slider-h2 b,
#side1-slider-h2 strong {
	font-weight:300 !important;
	color: #5fecfe !important;
}

#slider-menu a { color: #464646; text-decoration:none; }

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }