/*
Theme Name: Xtgem_Css
Theme URI: http://wapstores.mobie.in
Author: NĂ´ng Văn Quyền
Author URI: http://wapstores.mobie.in
Description: Xtgem Css
Version: 1.0	
*/

*{margin:0;padding:0;outline:none}

body {
background:#f2f2f2;
font-family:arial;
font-style:normal;
font-size:12px;
color:#595959;
line-height:16px;
position:relative;
}
h1, h2, h3, h4, h5, h6{font-size:small}
h1 a{color:#595959}
h1 a:hover{text-decoration:none}
a{text-decoration:none;color:#2CAAD3;transition:border .25s linear, color .25s linear, background-color .25s linear}
a:hover{text-decoration: underline;}
.clearfix{clear:both}
.pad,.tagcloud{padding:7px}
.left{float:left}
.right{float:right}
.prefix{font-size:11.5px;background:hsl(127,39%,55%);color:hsl(0,100%,100%);padding:2px 2px;display:block;position:absolute;right:0;bottom:0}
.bolder-title{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}

.center-title {
    display: block;
    text-align: center;
    padding: 7px;
}

.green-title {
	background: #8dc63f!important;
	text-align: center;
	color: #fff!important;
	font-weight: 700!important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#body {
display: block;
background: #FFF;
max-width: 650px;
min-width: 200px;
margin: auto;
position: relative;
box-shadow: 0 7px 50px rgba(0, 0, 0, 0.3);
}


/* HEADER */

header {
    text-align: center;
    padding: 10px 0 15px 10px;
    color: #fff;
	background:#99d6f9;
    background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #79C7EE 20%, #99d6f9 100%);
    background-size: 100px 100px, 470px 470px, 210px 210px, 310px 310px, 230px 230px, 530px 530px, 100% 100%;
}

#head-menu{background:url(images/bar.png) right no-repeat #2CAAD3}
#head-menu li,#footer-menu li{display:inline-block}
#head-menu a,#head-menu a:hover,#footer-menu a,#footer-menu a:hover{color:#FFF;display:block;padding:10px}
#head-menu li:hover a{background:#39C1EE;text-decoration:none}

/* THE LOOP */

article:nth-child(odd){position:relative;border-bottom:1px solid #e2e2e2;padding:7px;clear:both}
article:nth-child(even){position:relative;border-bottom:1px solid #e2e2e2;padding:7px;clear:both;background-color:#fcfcfc}
article p{max-height:36px;display:block;overflow:hidden;line-height:18px}
article a{color:#ff0000}
article a:hover{color:#2CAAD3;text-decoration:none}
.photo{width:55px;float:left;margin:0 8px 0 0;height:55px;border-radius:19%}
.format-story h2, .format-thuthuat h2, .format-audio h2, .format-video h2 {font-weight: 300}
.format-thuthuat a{background:url(images/item.png) no-repeat left;padding-left:20px;margin-right:4px}
.format-story a{background:url(images/icon_story.png) no-repeat left;padding-left:20px;margin-right:4px}
.format-image img{width:100%}
.format-image h2{margin:5px 0}
.format-video a{background:url(images/icon_video.png) no-repeat left;padding-left:20px;margin-right:4px}
.format-audio a{background:url(images/icon_mp3.png) no-repeat left;padding-left:20px;margin-right:4px}
.story-menu ul li{font-weight:400;font-size:13px;padding:8px 35px 8px 8px;list-style:none;text-decoration:none;border:#e2e2e2 solid 1px;border-top:0}
.story-menu a{color:#666}

/* SINGLE */

#breadcrumbs,.title{font-weight:700;color:#fff;background:#2CAAD3;padding:10px;cursor:default;display:block}
#breadcrumbs a{color:#FFF}
.infomation {position: relative;background:#f6f6f6;overflow:hidden;border-bottom: 1px solid #e2e2e2;padding: 7px;clear: both}
.hreview-aggregate label, .infomation label{font-weight:700}
.average span{text-indent:-9000px}
#video-player{border-top:1px solid #e2e2e2;position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
#video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#mp3-player{padding-top:10px;padding-bottom:10px}
audio{width:100%}
#content{border-top:1px solid #e2e2e2;line-height:20px}
#content p{margin-bottom:10px}
#content img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;box-shadow:0 1px 1px rgba(0,0,0,0.2)}
#content ul,ol{margin:0 20px}
#content h2{font-size:14px}
#wp_page a{box-shadow:inset 0 0 8px rgba(0,0,0,0.31),0 1px 0 rgba(255,255,255,0.8);background:#61cf81;padding:3px 10px;color:#fff;text-decoration:none;border-right:#f9f9f9 solid 1px}
#wp_page a:hover{background:#1EB353}
#wp_page .current{box-shadow:inset 0 0 8px rgba(0,0,0,0.31),0 1px 0 rgba(255,255,255,0.8);padding:3px 10px;color:#fff;background:#7E7E7E;border-right:#f9f9f9 solid 1px}
.hreview-aggregate{overflow:hidden;background:#fff;border-top:1px solid #e2e2e2;padding:7px}
.details{padding:0!important;border-bottom:0!important}
.details .timeline{width:100%}
.fun-story p,.details p{max-height:none!important}

/* RATE */
span.post-large-rate,span.post-large-rate span{-webkit-transition:0 none;-moz-transition:0 none;-ms-transition:0 none;-o-transition:0 none;transition:0 none}
span.post-large-rate{width:98px;display:block;height:22px;background-position:left bottom;background-repeat:no-repeat}
span.post-large-rate span{width:100%;display:block;height:22px;background-position:left top;background-repeat:no-repeat;float:left}
span.stars-large,span.stars-large span{background-image:url(images/stars-large.png)}
.post-single-rate{float:left;margin-right:5px}
.user-rate{float:right;width:98px}
.user-rate-wrap .user-rating-text{float:left}
.user-rate-active span.post-large-rate span{cursor:pointer}
.taq-load{background:url(images/ajax-loader.gif) no-repeat center;width:98px;height:22px;display:block}

/* INPUT, TEXTAREA, BUTTON */

button{background:#61cf81;padding:5px 10px;border:0;color:#fff;cursor:pointer;transition:border .25s linear, color .25s linear, background-color .25s linear}
button:hover,button:focus{background:#1EB353}
input,textarea{width:80%;padding:3px 0 3px 0;margin-bottom:2px;box-shadow:inset 0 1px 2px rgba(46, 43, 43, 0.07);border:1px solid #ddd}
.gsc-input {box-shadow:none!important}
#___gcse_0 {border-bottom: 1px solid #e2e2e2}
.search-button{width:15%}
.download{max-width:350px;line-height:28px;color:#FFF;text-align:center;display:block;margin-left:auto;margin-right:auto;background:#00a1cb;font-size:15px;padding:0 25px;border-radius:3px}
.download:hover{background:#00b5e5;text-decoration:none}
.icon_download{background:#61cf81;border-radius:1px;float:right;padding:2px 10px;color:#fff;text-transform:uppercase}
.icon_download:hover{background:#1EB353;text-decoration:none}
.icon_view{background:url(images/icon_view.png) no-repeat center left;padding-left:20px;font-size:11px;margin-right:4px}
.icon_play{padding-left:13px;font-size:11px;margin-right:4px;background:url(images/item.png) no-repeat center left}
.icon_phone{background:url(images/icon_phone.png) no-repeat center left;padding-left:20px;font-size:11px;margin-right:4px}
.google{background:#dd4b39;color:#fff;padding:5px 10px}
.twitter{background:#55acee;color:#fff;padding:5px 10px}
.facebook{background:#47639e;color:#fff;padding:5px 10px}
.google:hover,.twitter:hover,.facebook:hover{background:#4b4b4b;text-decoration:none;box-shadow:inset 0 0 8px rgba(0,0,0,0.31),0 1px 0 rgba(255,255,255,0.8);transition:border .25s linear,color .25s linear,background-color .25s linear}
.content-bottom{background:#fff;border-top:1px solid #eee}nav ul,.content-bottom ul{display:table;list-style:none;width:100%;table-layout:fixed}#head-menu li,.content-bottom > ul > li{vertical-align:middle;display:table-cell;text-align:center}.content-bottom > ul > li{border-right:1px solid #EEE}.content-bottom > ul > li:last-child{border:none}.content-bottom ul > li > a{text-decoration:none;padding:8px 3px;display:block}.content-bottom > ul > li:hover{background:#f2f2f2;transition:border .25s linear,color .25s linear,background-color .25s linear}
/* SHORTCODES */
.multi-download {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;	
    border: #8dc63f solid 1px;
	border-top:0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.multi-download ul {margin: 0!important;}

.multi-download li {padding: 4px 10px!important;}

.multi-download p {margin-bottom: 0 !important;}

.multi-download a {color:#2CAAD3!important;}
.download-tab{max-width:350px;display:block;margin-left:auto;margin-right:auto;border:#61cf81 solid 1px;margin-bottom:5px}
.download-tab ul{margin-left:4px !important}
.download-tab-title{display:block;font-weight:700;color:#FFF;background:#61cf81;text-align:center;line-height:28px}
.download-tab li{list-style:none;border-top:1px solid #E2E2E2;padding:4px 10px;background:url(images/item.png) left 8px no-repeat}
.download-tab p{margin-bottom:0!important}
.sms-title {text-align:center;margin-bottom:5px}
.sms-content {border-bottom: #f9f9f9 solid 1px;text-align:center}
.sms {margin:auto;max-width:240px;padding:4px;color:#00A3FF;border:1px solid #E7E7E7;border-radius:3px;box-shadow:0px 0px 5px #ccc;margin-bottom: 5px}
.sms:hover{border: 1px solid #08DBDB;}


/* FOOTER */
/* FOOTER */

footer {
	border-top: #253444 solid 3px;
    text-align: center;
    color: #fff;
	background:#99d6f9;
    background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #79C7EE 20%, #99d6f9 100%);
    background-size: 100px 100px, 470px 470px, 210px 210px, 310px 310px, 230px 230px, 530px 530px, 100% 100%;
}

footer a {color: #fff;}
#footer-menu{background:#253444}
#footer-menu a:hover{background:#39C1EE;text-decoration:none}

.copyright{padding-top:3px}

/* RESPONSIVE  */
@media screen and (min-width:651px){
.nav_menu ul li{padding:8px 35px 8px 8px;list-style:none;border-bottom:#e2e2e2 solid 1px}
.nav_menu a{color:#666}
#close{display:none!important}
}
@media only screen and (min-width:251px) and (max-width:650px) {
#nav .title{border-bottom:2px solid #39C1EE;background:rgba(44,170,211,0)!important}
#nav li a{display:block;color:#ccc;font-size:0.875em;line-height:1.28571em;font-weight:bold;outline:none;padding:8px}
#nav{position:absolute;top:0;padding-top:5.25em}
#nav:not(:target){z-index:1;height:0}
#nav li{position:relative;border-top:1px solid rgba(255,255,255,0.1)}
#nav li:last-child{border-bottom:1px solid rgba(255,255,255,0.1)}
#nav li:hover{background:rgba(255,255,255,0.1);text-decoration:none}
#nav li:hover:after{z-index:50;display:block;content:"";position:absolute;top:50%;right:-0.03125em;margin-top:-0.625em;border-top:0.625em transparent solid;border-bottom:0.625em transparent solid;border-right:0.625em white solid}
#nav li a:hover{text-decoration:none!important}
.js-ready #nav{height:100%;width:70%;left:-70%;background:#333;box-shadow:inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.25)}
.js-ready #body{left:0}
.js-nav #body{left:70%}
.csstransforms3d.csstransitions.js-ready #nav{left:0;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.csstransforms3d.csstransitions.js-ready #body{left:0 !important;transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.csstransforms3d.csstransitions.js-nav #body{-webkit-transform:translate3d(70%,0,0) scale3d(1,1,1);-moz-transform:translate3d(70%,0,0) scale3d(1,1,1);-ms-transform:translate3d(70%,0,0) scale3d(1,1,1);-o-transform:translate3d(70%,0,0) scale3d(1,1,1);transform:translate3d(70%,0,0) scale3d(1,1,1)}
}
@media only screen and (max-width: 250px) {
.photo{display:none!important}
.nav_menu ul li{font-weight:400;font-size:13px;padding:8px 35px 8px 8px;list-style:none;text-decoration:none;border:#e2e2e2 solid 1px;border-top:0}
.nav_menu a{color:#666}
.title{background:#2CAAD3;padding:4px}
.details{display:none!important}
#head-menu a,#head-menu a:hover,#footer-menu a,#footer-menu a:hover{padding:6px}
#close,#open{display:none!important}
header{background:#99d6f9}
footer{background:#99d6f9}
}