/*@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin,latin-ext');*/
/*@import url('http://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,latin-ext');*/
@import url(https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,700&subset=thai,latin);
@import 'ionicons/css/ionicons.css';
@import '../css/font-awesome.min.css';
@font-face {
    font-family: 'RSU';
    src: url('rsu_light-webfont.eot');
    src: url('rsu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('rsu_light-webfont.woff2') format('woff2'),
         url('rsu_light-webfont.woff') format('woff'),
         url('rsu_light-webfont.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family: 'RSU';
    src: url('rsu_regular-webfont.eot');
    src: url('rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rsu_regular-webfont.woff2') format('woff2'),
         url('rsu_regular-webfont.woff') format('woff'),
         url('rsu_regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'RSU';
    src: url('rsu_bold-webfont.eot');
    src: url('rsu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rsu_bold-webfont.woff2') format('woff2'),
         url('rsu_bold-webfont.woff') format('woff'),
         url('rsu_bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-Regular.eot');
	src: url('ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Regular.woff') format('woff'),
		url('ThaiSansNeue-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-LightItalic.eot');
	src: url('ThaiSansNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-LightItalic.woff') format('woff'),
		url('ThaiSansNeue-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-Light.eot');
	src: url('ThaiSansNeue-Light.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Light.woff') format('woff'),
		url('ThaiSansNeue-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Thai Sans Lite';
	src: url('ThaiSansLite.eot');
	src: url('ThaiSansLite.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansLite.woff') format('woff'),
		url('ThaiSansLite.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-BlackItalic.eot');
	src: url('ThaiSansNeue-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-BlackItalic.woff') format('woff'),
		url('ThaiSansNeue-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-BoldItalic.eot');
	src: url('ThaiSansNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-BoldItalic.woff') format('woff'),
		url('ThaiSansNeue-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-Black.eot');
	src: url('ThaiSansNeue-Black.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Black.woff') format('woff'),
		url('ThaiSansNeue-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-Italic.eot');
	src: url('ThaiSansNeue-Italic.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Italic.woff') format('woff'),
		url('ThaiSansNeue-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('ThaiSansNeue-Bold.eot');
	src: url('ThaiSansNeue-Bold.eot?#iefix') format('embedded-opentype'),
		url('ThaiSansNeue-Bold.woff') format('woff'),
		url('ThaiSansNeue-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
.ThaiSansNeue{font-family: 'ThaiSansNeue';}

.socialPlugin {
	text-align: center;
	width:80px;
	margin:0px auto 0;
	height: 30px;
	display: block;
}
@media all and (max-width: 767px) {
	.socialPlugin {
		width:35px;
	}
}

.socialPlugin .showSocialButtons {
	cursor:pointer;
	background:url(../img/share.png) no-repeat;
	width:80px;
	height:30px;
	display:inline-block;
}
@media all and (max-width: 992px) {
	.socialPlugin .showSocialButtons {
		width:35px;
	}
}

.socialPlugin .socials {
	width: 260px;
	color: white;
	line-height: 10px;
	text-align: center;
	margin-top: -30px;
	margin-left: -30px !important;
	display:block;
	transform-origin:50% 0%;

	-webkit-transform: scale(0) translateY(-150px);
	-moz-transform:scale(0) translateY(-150px);
	-o-transform:scale(0) translateY(-150px);
	transform:scale(0) translateY(-150px);

	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	opacity:0;
}

.socialPlugin .socials:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin:0px auto;
	height: 0;
	width: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #666;
}

@media all and (max-width: 992px) {
/*	.socialPlugin .socials {
		margin-top: -90px;
	}*/
}

@media all and (max-width:991px) {
	.socialPlugin .socials {
		width: 260px;
		color: white;
		line-height: 10px;
		text-align: center;
		margin-top: -30px;
		margin-left: -75px !important;
	}
	.socialPlugin .socials:after { left:70px;}
}

/* Toggled State */

.socialPlugin .socials.opened {
	opacity:1;
	-webkit-transform: scale(1) translateY(-60px);
	-moz-transform:scale(1) translateY(-60px);
	-o-transform:scale(1) translateY(-60px);
	transform:scale(1) translateY(-60px);
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	/*background:#ddd; padding:2px 0px;*/
}

/* Share buttons */
.socialPlugin .socials .fa {
	height:40px;
	font-size:19px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width:40px;
	-webkit-backface-visibility: hidden;
	/*border-radius:50%; */
/*	margin-left:2px; 
	margin-right:2px;*/
}

.socialPlugin .socials .fa:before, .socialPlugin .socials .fa:after {
	left: 0;
	position: absolute;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	top: 50%;
	width: 100%;
}

.socialPlugin .socials .fa:before {
	color: white;
	-webkit-transform: translate3D(0, -50%, 0);
	-ms-transform: translate3D(0, -50%, 0);
	transform: translate3D(0, -50%, 0);
	z-index: 2;
}

.socialPlugin .socials .fa:after {
	padding-bottom: 25%;
	padding-top:200%;
	top: 0;
}

/*.socialPlugin .socials .fa:hover:after {
	-webkit-transform: translate3D(0, -73%, 0);
	-ms-transform: translate3D(0, -73%, 0);
	transform: translate3D(0, -73%, 0);
}

.socialPlugin .socials .fa:hover:before {
	-webkit-transform: translate3D(0, -200%, 0);
	-ms-transform: translate3D(0, -200%, 0);
	transform: translate3D(0, -200%, 0);
}*/

.socialPlugin .socials .fa:hover{ opacity:1;}

/* The social icons */

.socialPlugin .socials .fa-twitter{
/*	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #00acee), color-stop(75%, #ffffff));
	background-image: -webkit-linear-gradient(#00acee 25%, #ffffff 75%);
	background-image: linear-gradient(#00acee 25%, #ffffff 75%);*/
	background:#666;
	content: "\f099";
	color: #00acee;
}
.socials.opened .fa-twitter:hover{ background:#79a242;}

.socialPlugin .socials .fa-facebook {
/*	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3b5998), color-stop(75%, #ffffff));
	background-image: -webkit-linear-gradient(#3b5998 25%, #ffffff 75%);
	background-image: linear-gradient(#3b5998 25%, #ffffff 75%);*/
	content: "\f09a";
	color: #3b5998;
	background:#666;
}
.socials.opened .fa-facebook:hover{ background:#79a242;}

.socialPlugin .socials .fa-google-plus {
/*	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #bb0000), color-stop(75%, #ffffff));
	background-image: -webkit-linear-gradient(#bb0000 25%, #ffffff 75%);
	background-image: linear-gradient(#bb0000 25%, #ffffff 75%);*/
	content: "\f0d5";
	color: #bb0000;
	background:#666;
}
.socials.opened .fa-google-plus:hover{ background:#79a242;}

.socialPlugin .socials .fa-pinterest:after {
/*	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #cb2027), color-stop(75%, #ffffff));
	background-image: -webkit-linear-gradient(#cb2027 25%, #ffffff 75%);
	background-image: linear-gradient(#cb2027 25%, #ffffff 75%);*/
	content: "\f0d2";
	color: #cb2027;
	background:#666;
}

.socialPlugin .socials .fa-tumblr:after {
/*	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #2C4762), color-stop(75%, #ffffff));
	background-image: -webkit-linear-gradient(#2C4762 25%, #ffffff 75%);
	background-image: linear-gradient(#2C4762 25%, #ffffff 75%);*/
	content: "\f173";
	color: #2C4762;
	background:#666;
}