/*  
Theme Name: poketoko
Theme URI: http://ingon2.com/
Author: m0n0kur0b0
Author URI: http://ingon2.com/
Description: Fast and responsive wp themes!
Version: 2.0
Tags: fast, responsive, green, white, flat
*/
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0370-03FF;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range: U+1F00-1FFF;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range: U+0370-03FF;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border: 0;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,.descuser span{display: block;}
ol,ul{list-style: none;}
.c {clear:both}
.l,#logo,#content,#sidebar,.hpmeta,.rcpcontent,.imguser,.descuser,.relpost,.rcpost img,.hp2,.hp3,.hpdepan2 img,.hpatas1,.hpatas2 img,.dropdown,.rptitle img, .galleryimg img{float:left;}
.r,.csocial,.sf,.hpatas2{float:right;}
.mt20,#main,#imgatt,.wp-pagenavi{margin-top:20px;}
.mb20,.breadcrumbs,.boxsingle,.hp1,.hp2,.hp3{margin-bottom:20px;}
.ml20,#sidebar,.rcpcontent,.descuser,.hp3,.hpatas2{margin-left:20px;}
a, a img{color:#21b384;-moz-transition: 0.4s; -webkit-transition: 0.4s;transition: 0.4s;}
a:hover{color:#19232d;}
a, a:hover{text-decoration:none}
a:link {text-decoration:none}
#sidebar li a{text-transform:capitalize;}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;color:#181818;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p {margin:10px 0;text-align:justify;}
p img {padding:0;max-width:100%;}
figure, .imgtop, .gbrfull{display:inline;width:100%;margin: 0;}
figcaption, .imgtop h3, .gbrfull h3, .imgatt h3{font-size:12px;margin-bottom:10px;color: #8d8d8d;font-weight: normal;font-style: italic;}
body {font-family: 'Roboto', sans-serif;font-size:14px;color:#313131;background:#fff;}
.p20,#wrapper,#footer{padding: 20px;}
#wrapper{margin:0 auto;background:#fff;}
#menuatas{height: 40px;background: #313131;margin:-20px -20px 10px -20px;}
#menuatas ul.menu li{display: inline-block;position: relative;float: left;margin-left: 20px;}
#menuatas ul.menu li a {font-family: 'Open Sans', sans-serif;font-size: 12px;letter-spacing: 1px;color: #fff;line-height: 58px;text-transform: uppercase;display: inline-block;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;position: relative;font-weight: bold;text-decoration: none;margin-top:-10px;}
#menuatas ul.menu li a:before{content: "";position: absolute;bottom: 18px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;left: 50%;height: 2px;width: 0;background: #21b384;}
#menuatas ul.menu li a:hover:before{left: 0;width: 100%;}
#menuatas ul.menu li a:hover{color: #21b384;}
span.headline{background: #21b384;height: 40px;line-height: 40px;padding: 0 15px;font-size: 12px;color: #fff;float: left;text-transform: uppercase;font-family: 'Open Sans', sans-serif;z-index: 10;position: relative;margin-left:20px;display: inline-block;font-weight: bold;}
.csocial a i{float:left;margin:0;border-left: 1px solid #3E3E3E;padding: 13px 10px;color: #888888;}
.csocial a:hover i{color:#fff;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s;}
.csocial a:hover i.fa-facebook{background:#3b5997;}
.csocial a:hover i.fa-twitter{background:#00aced;}
.csocial a:hover i.fa-google-plus{background:#dd4b39;}
.csocial a:hover i.fa-youtube{background:#f00;}
.csocial a:hover i.fa-rss{background:#f60;}
#logo h1 a,#logo h2 a{color:#21b384;text-transform:uppercase;font-size:28px;font-weight:bold;}
#menu{height: 40px;margin:10px -20px 0 -20px;    box-shadow: 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px transparent;border-top: 1px solid #e5e5e5;    transition: box-shadow 0.3s, border-color 0.3s;-webkit-transition: box-shadow 0.3s, border-color 0.3s;-moz-transition: box-shadow 0.3s, border-color 0.3s;border-bottom: 1px solid #e5e5e5;}
#menu ul.menu li{display: inline-block;position: relative;float: left;margin-left: 20px;}
#menu ul.menu li a {font-family: 'Open Sans', sans-serif;font-size: 12px;letter-spacing: 1px;color: #313131;line-height: 58px;text-transform: uppercase;display: inline-block;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;position: relative;font-weight: bold;text-decoration: none;margin-top:-10px;}
#menu ul.menu li a:before{content: "";position: absolute;bottom: 18px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;left: 50%;height: 2px;width: 0;background: #21b384;}
#menu ul.menu li a:hover:before{left: 0;width: 100%;}
#menu ul.menu li a:hover{color: #21b384;}
.rptitle,.breadcrumbs{background: url('images/title-bg.png');padding: 5px 10px;border-left: 3px solid #e3e3e3;color: #383838;}
.breadcrumbs li{display:inline;}
.rptitle img{width: 60px;height: auto;margin-right: 10px;border-radius: 50px;}
.rcpost{margin-top:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
span.rcpcat a{text-transform:uppercase;}
span.rcpcat a:hover{text-decoration:underline;color:#21b384;}
h2 a{color:#313131;font-weight:bolder;font-size:16px;}
h2 a:hover{color:#21b384;}
span.mitalic{font-style:italic;border-bottom: 1px solid #21b384;}
a img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
a img:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.breadcrumbs a{margin: 0 5px;}
.entry,.descuser{line-height:20px;}
.entry h1,#imgatt h1{margin: 10px 0;text-transform:uppercase;font-weight:bold;}
.entry .meta,#imgatt .meta,.rcpmeta{color: #8d8d8d;}
.meta{border-bottom: 1px solid #e5e5e5;height:30px;}
.entry ul, #imgatt ul{margin: 0 0 10px 0;list-style:circle;padding:0 20px 10px 20px;}
.relkonten{background: #f4f4f4;margin-top:20px;}
.relkonten a{color:#313131;}
.relkonten a:hover{color:#21b384;}
.relkonten span{position: relative;top:-10px;left:20px;padding:5px 10px;background:#21b384;border-radius:20px;color:#fff;text-transform:uppercase;}
.relkonten ul li {list-style: none;line-height: 10px;padding: 10px 0;}
.relkonten ul li:before {content: "\f105";font-family: FontAwesome;margin-right: 10px;color: #21b384;}
span.catsigle{position:absolute;bottom:40px;left:0;}
span.catsigle a{background:#21b384;padding:5px 10px;color:#fff;font-size:14px;}
.sharebar{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom:20px;}
.sharebar span{padding:10px 0;width:24%;float: left;text-align: center;color:#8d8d8d;text-transform:uppercase;}
.sharebar span.bs{border-left:1px solid #e5e5e5;}
span.sharetext{float:left;text-transform:uppercase;font-size:14px;padding:5px 0;}
.sharebar a i{padding:2px 20px;font-size:14px;color:#fff;margin-left:5px;border-radius: 5px;}
.sharebar a:hover i{color:#202020;}
a.twitter i{color:#2aa9e0;}
a.facebook i{color:#204385;}
a.gplus i{color:#d3492c;}
.gallerypost img{float:left;margin:5px;}
.imguser img{border-radius:50px;}
.descuser span{font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:bold;color:#181818;text-transform:uppercase;margin-bottom:10px;}
.relpost h4 a{font-size:14px;border-left: 3px solid #21b384;padding-left: 5px;}
span.pages,span.current,.wp-pagenavi a{margin-right:10px;}
span.pages,span.current{color:#212121;}
.sf{margin-right:15px;}
.searchinput{width: 200px;padding: 10px;height: 20px;color: #c3c3c3;outline: 0;border: 0;float: left;}
.searchbotton{color: #313131;background: none;outline: 0;border: 0;font-size: 18px;margin: 8px 0 0 -30px;float: left;}
h3.widgettitle{letter-spacing: 1px;margin-bottom:10px;font-size:12px;margin-top:10px;}
.barrow {position: relative;line-height: 1.3;text-align:center;}
.barrow:before {content: "";position: absolute;bottom: -8px;border-width: 8px;margin-left: -8px;width: 0;height: 0; border-style: solid;border-color: transparent;bottom: -10px;left: 50%;border-top-color: #313131;border-width: 10px;border-bottom: 0;margin-left: -10px;z-index: 5;}
.larrow {position: relative;line-height: 1.3;}
.larrow:before {content: "";position: absolute;bottom: -8px;border-width: 8px;margin-left: -8px;width: 0;height: 0;border-style: solid;border-color: transparent;bottom: -10px;left: 5%;border-top-color: #313131;border-width: 10px;border-bottom: 0;margin-left: -10px;z-index: 5;}
.innerarrow {background: #313131;border: 1px solid #313131;color:#fff;position: relative;display: block;text-transform: uppercase;padding: 11px 15px 9px;z-index: 3;}
.wtline{height: 0px;border-bottom: 1px solid;overflow: hidden;position: relative;top: 9px;border-color: #ececec;}
.widget ul li {border-bottom: 1px solid #ececec;list-style: none;line-height: 20px;padding: 10px 0;}
.widget ul li:before {content:"\f105";font-family: FontAwesome;margin-right:10px;}
#footer{margin:0 auto;background:#202020;color:#808080;text-align:center;}
#btnup i{display:none;}
#btnup.show i{position:fixed;font-size:40px;color:#202020;right:15px;bottom:15px;z-index:999;display: block;}
.kotakrating{width:105px;float:right;}
.rating {float:left;font-family: FontAwesome;font-weight: normal;font-style: normal;display: inline-block;}
.rating:not(:checked) > input {position:absolute;top:-9999px;clip:rect(0,0,0,0);}
.rating:not(:checked) > label {float: right;width: 1em;padding: 0 .1em;overflow: hidden;white-space: nowrap;cursor: pointer;font-size: 16px;line-height: 16px;color: #fff;text-shadow: 1px 1px #bbb, 2px 2px #B7B4B4, .1em .1em .2em rgba(0,0,0,.5);}
.rating:not(:checked) > label:before {content: "\f004";}
.rating > input:checked ~ label {color: #21b384;text-shadow:1px 1px #AFAFAF, 2px 2px #656565, .1em .1em .2em rgba(0,0,0,.5);}
.rating:not(:checked) > label:hover,.rating:not(:checked) > label:hover ~ label {color: #21b384;text-shadow:1px 1px #C7C7C7, 2px 2px #00885C, .1em .1em .2em rgba(0,0,0,.5);}
.rating > input:checked + label:hover,.rating > input:checked + label:hover ~ label,.rating > input:checked ~ label:hover,.rating > input:checked ~ label:hover ~ label,.rating > label:hover ~ input:checked ~ label {color: #21b384;text-shadow:1px 1px #C7C7C7, 2px 2px #00885C, .1em .1em .2em rgba(0,0,0,.5);}
.rating > label:active {position:relative;top:2px;left:2px;}
span.rttulis{display:block;font-size:6px;float:left;line-height: 6px;}
.tagbar span{background: #313131;color: #fff;float: left;font: 400 12px/12px 'Oswald', sans-serif;padding: 5px 7px;text-transform: uppercase;margin:0 5px 10px 0;}
.tagbar a{background: #aaa;color: #fff;float: left;font: 400 12px/12px 'Oswald', sans-serif;padding: 5px 7px;margin:0 5px 10px 0;}
.tagbar a:hover{background: #313131;}
.dropdown{margin-left:20px;outline:0;border:none;height:40px;}
.entry img, .imgatt img{width:100%;height:auto;}
.imggallery{width: 143px;height: 90px;float:left;overflow: hidden;position: relative;text-align: center;cursor: default;margin:5px 1px;}
.view .mask, .imggallery .mask{width: 143px;height: 90px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view i, .imggallery i{font-size: 30px;position: relative;color: #fff;margin-top: 30px;text-align: center;opacity:0.6;}
.view-img img,.imggallery img{-webkit-transition: all 0.4s ease-in-out 0.5s;-moz-transition: all 0.4s ease-in-out 0.5s;-o-transition: all 0.4s ease-in-out 0.5s;-ms-transition: all 0.4s ease-in-out 0.5s;transition: all 0.4s ease-in-out 0.5s;}
.view-img .mask, .imggallery .mask{background-color: #000;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.3s ease-in 0.4s;-moz-transition: all 0.3s ease-in 0.4s;-o-transition: all 0.3s ease-in 0.4s;-ms-transition: all 0.3s ease-in 0.4s;transition: all 0.3s ease-in 0.4s;}
.view-img i , .imggallery i{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);transform: scale(10);-webkit-transition: all 0.3s ease-in-out 0.2s;-moz-transition: all 0.3s ease-in-out 0.2s;-o-transition: all 0.3s ease-in-out 0.2s;-ms-transition: all 0.3s ease-in-out 0.2s;transition: all 0.3s ease-in-out 0.2s;opacity:0.4;}
.view-img:hover .mask, .imggallery:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;}
.view-img:hover img, .imggallery:hover img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;}
.view-img:hover i, .imggallery:hover i {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=60);opacity:0.6;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay: 0.2s;}
.galleryimg img{margin:5px;}
.imgkecil{width:100px;height:100px;margin:0 5px;float:left;overflow: hidden;}
@media only screen and ( max-width: 4000px ) {
	#wrapper,#footer{width:960px;}
	#header,#main{width:100%;}
	#logo{width:200px;}
	.hpatas1,.hpatas2,.hp2,.hp3{width:310px;}
	#content{width:640px;}
	#sidebar,.kotaksearch,.widget{width:300px;}
	.rcpcontent,.descuser{width:520px;}
	.relpost{width:193px;height:185px;margin: 10px;}
	.dropdown{display:none;}
}
@media only screen and ( max-width: 960px ) {
	#wrapper,#footer{width:94%;padding:2%;}
	#header,#main,#content,.rcpost img,#sidebar,.kotaksearch,.widget,.rcpcontent,.descuser{width:100%;}
	.rcpost img{height:auto;}
	.rcpcontent,#sidebar,.descuser{margin-left:0;}
	.l,#content,#sidebar,.rcpcontent,.imguser,.descuser,.r{float:none;}
	#sidebar{margin-top:20px;}
	.searchinput{height:30px;}
	.searchinput{width:96%;padding:2%;}
	.gallerypost img{float:left;width:16%;height:auto;margin:2%;}
	.relpost{width:29%;height:215px;margin:2%;}
	.relpost img{width:100%;height:auto;}
	.imguser,.descuser{margin:0 auto;text-align:center;}
	.dropdown{display:block;}
	#menuatas, #menu, .dropdown, .sf{margin:0;}
	#menu ul.menu,.hp1,.hp2,.hp3, .csocial{display:none;}
}