/*!
Theme Name: vpw_theme
Theme URI: http://vinhphucweb.com
Author: Nguyễn Tùng - 0326110223
Author URI: https://www.facebook.com/Tung.teen.9x
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vpw_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

vpw_theme is based on Underscores https://vinhphucweb.com/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



ul.pagination2 .page-numbers{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d232a;
    font-size: 13px;
    border: 1px solid #ccc;
        display: inline-block;

    margin-top: 20px
}
ul.pagination2 .page-numbers:hover {
    background: #ea8025;
    color: #fff;
}

img{
  max-width: 100%;
  height: auto;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* 404 */
.error-404.not-found{
  width: 100%;
  margin: 50px 0;
  text-align: center;
}
.error-404.not-found .page-title{
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
}
.error-404.not-found img{
  margin-bottom: 30px;
}
.error-404.not-found .ws-button{
  width: 200px;
  display: block;
  background: #000;
  color: #fff;
  border: 2px solid #000;
  padding: 15px 20px;
  font-size: 15px;
  text-transform: uppercase;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
}
.error-404.not-found .ws-button:hover{
  background: #fff;
  color: #000;
}
.ws-none h2{
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}



/*
*/
/* CSS Reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition: color 0.2s;transition: color 0.2s;}
strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
cite,em,i{font-style:italic;}
a:link{color:#4791d2;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#637182;text-decoration:none;}
a:link:hover{color:#060606;text-decoration:none;}
a:visited:hover{color:#060606;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#060606;}
/* CSS Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%; 	color: red;}
h2{font-size:180%; color: #2267b9}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
/* CSS Form */
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Muli';color:#060606;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-left:0;padding:15px;background:lightyellow;border:1px solid #d8d8be;font-style:italic;font-family:Muli;}
blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999985}
blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999985}
/* CSS List */
ul,dl{margin:.5em 0em .5em 3em}
ol{list-style:decimal outside}
ul{list-style-position:inside;font-weight:700;list-style:none;}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#fff;}
ol {counter-reset:li;list-style: none;font:15px 'Muli', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;
top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}
/* CSS Post Table */
.post-body table th, .post-body table td, .post-body table caption{border:1px solid #d8dde1;padding:.2em .5em;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #d8dde1;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}
.post-body th{background:#ecf0f1;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
::-moz-selection{background-color:#4791d2;color:#fff}
::selection{background-color:#4791d2;color:#fff}
.widget ul {padding:0;}
.slider-control{
padding: 10px;
background: #fff;
position: absolute;
left:50%;
top:380px;
margin-left: -267px;
/*border-radius: 10px;*/
}
.slider-control img{
border: none;
width: 250px;
cursor: pointer;
opacity: 0.5;
}
.slider-control img:hover{
opacity: 0.8!important;
}
.slider-control img.img-active{
opacity: 1;
}
/* CSS Post Layout */
body {background:#EDEDED;margin:0 0 0 0;padding:0 0 0 0;color:#060606;font-family:'Muli';font-size:15px;font-weight:400;text-align:left;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar2 {padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0 0 0 0;}
body#layout .tably {float:left;width:79px;}
body#layout .header-wrapper {margin-top:0;}
body#layout #navigation {float:left;width:100%;}
body#layout .tably {float:left;width:100%;}
body#layout #header-wrapper {min-height:0px;width:100%;}
body#layout #header {width:30%;}
body#layout #header-right {width:59%;}
.ct-wrapper {margin:0;padding:0;}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none!important;}
header,nav,section,aside,article,footer {display:block;}
form.searchform {margin:0;}
body#layout #tably-1, body#layout #tably-2, body#layout #tably-3 {width:70%;float:left;}
/* CSS Global Wrapper */
#outer-wrapper {max-width:1263px;margin:0 auto;padding:0;overflow:hidden;}
#post-wrapper {float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px;}
.blogouter-wrapper {overflow:hidden;position:relative;}
.ct-wrapper {padding:0 20px;position:relative;max-width:1024px;margin:0 auto;}
#header-wrapper {margin:0px;overflow:hidden;}
#header {float:left;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-wrapper2 {position:relative;z-index:999;}
#sidebar-wrapper {float:right;width:24%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
#footer-wrapper {    width: 100%;
text-align: left;
overflow: hidden;
background: #222;
margin: 0px 0px 0px 0px;
padding: 15px 0 0 0;
margin-top: 20px;
background: #F4F4F4;}
#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget-content {text-align:left;margin:20px 0 15px;}
#footer-wrapper .widget-content li {margin-left:-14px;}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {padding-bottom:.2em;}
.ads-in-post{display:none}
.post-body .ads-in-post{display:inline-block;line-height:0}
.ads-post{margin:15px auto;line-height:0}

/* CSS Body Layout */
#layout,#layout .widget-content,#layout .add_widget {border:none;}
body#layout .add_widget {border:1px solid #ddd;}
#layout .add_widget a {color:#060606;}
#layout #HTML900 .widget-content{background-color:#9385d9!important}
#layout #HTML900 .layout-title{color:#fff!important;font-size:15px;text-transform:uppercase;line-height:37px;height:37px;font-weight:700}
#layout #HTML900 .editlink{color:#fff!important;border:1px solid #eee;height:33px;line-height:33px;padding:0 15px;font-weight:700;background-color:#555}
#layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}
#layout #footer-wrapper{padding:20px 0;overflow:visible;background:#f9f9f9;border-top:1px solid #ccc;}
#layout #footer-wrapper .add_widget {background-color:#9385d9;border:none;}
#layout #footer-wrapper .add_widget a {color:#fff;}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
#layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:Muli;}
#layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:Muli;}
#layout div.blogouter-wrapper {display:none;}
#layout #main-wrapper{width:70%;float:left}
#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
#layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:Muli;}
#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
#layout #first-tmb{float:left;width:100%;margin:0;background-color:#abb8c4;padding:20px 0!important;margin-bottom:20px;}
#layout #first-tmb:before{content:'First Widget';text-transform:uppercase;font-size:16px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:Muli}
#layout #first-tmb .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout #first-tmb .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout .first-ld{display:none}
#layout .firstwd .widget-content,#layout .recent-wid .widget-content{display:block}
#layout .firstwd .widget{height:auto}
#layout #banner,#layout #banner2 {background-color:#060606;padding:20px 0!important;margin-bottom:20px;}
#layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:Muli}
#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout #recent-wid,#layout #recent-wid2 {background-color:lightyellow;padding:20px 0!important;margin-bottom:20px;box-shadow:inset 0 0 0 1px #c1c1a9;margin:0 5px;}
#layout #recent-wid:before {content:'Mag Top Section';font-size:16px;text-transform:uppercase;
color:#aaa;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;
font-family:Muli;}
#layout #recent-wid2:before {content:'Mag Bottom Section';font-size:16px;text-transform:uppercase;color:#aaa;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:Muli;}
#layout #recent-wid .widget,#layout #recent-wid2 .widget{width:90%;margin:5px auto!important;overflow:hidden;float:none}
#layout #recent-wid .add_widget,#layout #recent-wid2 .add_widget{width:90%;margin:5px auto!important;overflow:hidden;float:none}
body#layout #header {width: 16.66666667%;float:left}
body#layout #header-right {width: 45%;float:left}
body#layout #hotline1 {width: 21.66666667%;float:left}
body#layout #jssor_1 {display:none}

/*
    Mobile Menu Core Style
*/
.slicknav_menu {
    background:url(images/title-bg.png) top repeat-x;
    padding: 5px;
    z-index: 9;
    position: relative;
}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left;  line-height: 27px; cursor: pointer;  height:27px;}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    background-color: #f5f5f5;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}

.slicknav_nav {
    color:#fff;
    background-color: #3ea3e2;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
    font-family:"Muli", sans-serif;
    font-size:11px;
    font-weight:400;
    letter-spacing:2px;
    color:#fff;
    text-transform:uppercase;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    
}
.slicknav_nav a:hover{
    background:#0169ab;
    color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.slicknav_menu .slicknav_no-text {
    margin-top:7px;
}


/* CSS Outer Wrapper */
#outer-wrapper {background:#fff;max-width:1263px;margin:0 auto;padding:0;overflow:hidden}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:0 auto;padding:0px;
word-wrap:break-word;}

/* CSS Header Wrapper */
#header-wrapper {  padding: 20px 0px;
    background-position: center bottom, center center;
    background-repeat: no-repeat, no-repeat;
    position: relative;
    overflow: hidden;}
#header {float:left;color:#060606;margin:0;}
#header h1, #header p {    font-family: 'Muli';
    font-size: 303%;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin: 71px 20px;}
#header a {color:#060606;text-decoration:none;transition:all 0.3s ease-out;}
#header a:hover {color:#4791d2;}
#header .description {font-family:'Muli';font-size:100%;font-weight:400;color:#555;text-transform:none;}
.header img { max-height: 100px;width: auto;}
.header-right img {display:block;}
.comment-form {
    display: none;
}
/* CSS Header 2 Wrapper */
.blogouter-wrapper {background:#fff;position:relative;z-index:96;overflow:hidden;border-bottom:1px solid #ddd;}
.ct-wrapper {padding:0 20px;position:static;max-width:1100px;margin:0 auto;}
.header-wrapper2 {margin:0 auto;padding:0}

/* CSS Top Menu */
.main-nav {display:block;margin:0 auto;float:left;padding:0;width: 100%;background:transparent;}
.main-nav ul {width:100%;padding:0;margin:0;text-align:left;}
.main-nav li {list-style-type:none;float:left;padding:0;}
.main-nav li a {position:relative;font-family:'Muli';font-size:14px;font-weight:400;background:transparent;color:#838888;display:block;margin:0;padding:18px;line-height:100%;}
.main-nav ul > li > a:after {content:"";position:absolute;width:0;left:0;right:0;margin:auto;
bottom:-1px;height:3px;background:#4791d2;opacity:0;visibility:hidden;transition:all 0.2s ease-out;}
.main-nav ul > li > a:hover:after {opacity:1;visibility:visible;width:90%;}
.main-nav ul li a:active, .main-nav ul li.highlight a {line-height:100%;text-decoration:none;}
.main-nav ul li a:hover {background:#fdfdfd;color:#4791d2;text-decoration:none;}
.main-nav a#pull {display:none;}
.main-nav li.facebook,.main-nav li.twitter,.main-nav li.youtube,.main-nav li.googleplus,.main-nav li.linkedin{background:#fff;text-align:center;color:#838888;float:right;transition:all 0.2s ease-out;}
.main-nav li a.facebook:hover,.main-nav li a.twitter:hover,.main-nav li a.youtube:hover,.main-nav li a.googleplus:hover,.main-nav li a.linkedin:hover{color:#7076c5;}
.main-nav li.facebook .fa.fa-facebook,.main-nav li.twitter .fa.fa-twitter,.main-nav li.youtube .fa.fa-youtube,.main-nav li.googleplus .fa.fa-google-plus,.main-nav li.linkedin .fa.fa-linkedin{color:#838888;transition:all 0.2s ease-out;}
.main-nav ul li.facebook:hover .fa.fa-facebook,.main-nav li.twitter:hover .fa.fa-twitter,
.main-nav li.youtube:hover .fa.fa-youtube,.main-nav li.googleplus:hover .fa.fa-google-plus,
.main-nav li.linkedin:hover .fa.fa-linkedin{background:#fdfdfd;color:#4791d2;}
/* CSS viet them*/
.col-lg-2,.col-lg-8,.col-md-3,.col-md-6, .col-md-8,.col-xs-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-12 {width: 100%;float: left}
.float-icon-hotline {
  display: block;
  width: 40px;
  position: fixed;
  bottom: 68px;
  left: 17px;
  z-index: 999999
}
.float-icon-hotline ul {
  display: block;
  width: 100%;
  padding-left: 0;
  margin-bottom: 0
}
.float-icon-hotline ul li {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer
}
.float-icon-hotline ul li .fa {
  background-color: #ed1c24;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  -moz-box-shadow: 0 0 5px #222;
  -webkit-box-shadow: 0 0 5px#222;
  box-shadow: 0 0 5px #222;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  border: 2px solid #fff
}
.float-icon-hotline ul li .fa-phone {
  background-color: #f27418
}
.float-icon-hotline ul li .fa-zalo {
  background: url(images/zalo.png) center center no-repeat
}
.float-icon-hotline ul li .fa-fb {
  background: url(images/messenger.png) center center no-repeat!important
}
.float-icon-hotline ul li .fa-home {
  background: #ef0303 url(images/home.png) center center no-repeat!important
}
.animated.infinite {
  animation-iteration-count: infinite
}
.tada {
  animation-name: tada
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.float-icon-hotline ul li span {
  display: inline-block;
  padding: 0;
  background-color: #ff6a00;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  height: 40px;
  line-height: 36px;
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #ff6a00;
  -moz-box-shadow: 0 0 5px #222;
  -webkit-box-shadow: 0 0 5px#222;
  box-shadow: 0 0 5px #222;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0
}
.cat_des{
  background: #20abe2;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 15px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    color: #fff;
    text-align: justify;
}
@media only screen and (min-width: 960px) {
.float-icon-hotline ul li:hover span {
  width: 215px;
  padding-left: 30px;
  padding-right: 10px;
  opacity: 1
}
}
@media only screen and (max-width: 959px) {
.float-icon-hotline ul {
  display: flex!important
}
.float-icon-hotline ul li~li {
  margin-left: 10px
}
.float-icon-hotline {
  bottom: 15px!important
}
}
@media (min-width:992px) {.col-md-3, .col-md-8,.col-md-6 {float: left}.col-md-8 {width: 66.66666667%} .col-md-6 {width:45%}.col-md-3 {width: 20%}}
@media (min-width:1200px) {.col-lg-2,.col-lg-8 {float: left}.col-lg-8 {width: 66.66666667%}.col-lg-2 {width: 16.66666667%}}
.header-hotline {
    text-align: center;
}
.header-hotline p {
    margin: 0px;
    font-size: 16px;
    color: #3d3d3d;
    font-weight: bold;
}
.header-hotline p span{
    color:#ee2222;
}
.header-hotline a.hot-phone {
    display: inline-block;
    padding: 5px 20px;
    background-color: #ee2222;
    color: #fff;
    margin: 5px 0px;
    border-radius: 20px;
}
ul.social li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    margin: 0px 2px;padding: 0px;
}
ul.social li a{
    display:block;
}
#Header1{text-align: -webkit-center;}
/* CSS Main Menu */
#menu-wrap {margin: 0 auto;
    width: 100%;
    min-width: 1208px;
    height: 70px;
    background: url(images/tmenu-bg.png) top repeat-x;
   }
#menu, #menu ul {margin:0;padding:0;list-style:none;}
#menu ul{height:70px}
#menu {    color: #000;
    height: 55px;
    margin: 0 auto;
    width: 100%;
    min-width: 1208px;
    height: 70px;
    line-height: 70px;
    background: url(images/tmenu-bg.png) top repeat-x;
    }
#menu:before,#menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu li {float:left;display:inline;position:relative;font-family:'Muli';font-size:13px;font-weight:600;text-transform:uppercase;margin:0;}
#menu a {line-height:70px;padding:5px 20px;text-decoration:none;color:#000;
border-right:1px solid #4791d2;transition:all 0.2s ease-out;}
#menu li:hover > a {color:#eea956;}
#menu ul {margin:10px 0 0 0;visibility:hidden;opacity:0;height:auto;min-width:150px;background:#fff;position:absolute;z-index:99;top:70px;left:0;
box-shadow:0 4px 5px -2px rgba(0,0,0,.2);transition:all 0.2s ease-out;}
#menu li:hover > ul {opacity:1;visibility:visible;margin:0;}
#menu ul ul {top:0;left:150px;margin:0 0 0 20px;box-shadow:0 4px 5px -2px rgba(0,0,0,.2);}
#menu ul li {display:block;width:100%;font-family:'Muli';font-size:13px;font-weight:400;text-transform:none;}
#menu a.ai{display:inline;padding:5px 27px 5px 14px;}
#menu li > a.ai::after {content:"\f107";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:70px;position:absolute;top:0;right:10px;color:#aaa;transition:all 0.2s ease-out;}
#menu li > a.ai2::before,#menu li > a.ai3::before {content:"\f105";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:70px;position:absolute;top:0;left:10px;color:#ccc;transition:all 0.2s ease-out;}
#menu li > a.ai:hover::after,#menu li > a.ai2:hover::before,#menu li > a.ai3:hover::before{color:#fff;}
#menu ul a {display: block;
    padding: 0 20px;
    background: #4791D2;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-right: none;
    transition: all 0.2s ease-out;}
#menu ul a:hover {background-color:#4791d2;color:#fff;}
#menu ul li:first-child > a:after {content: '';position:absolute;left:20px;top:-6px;
border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #4791D2;transition:all 0.2s ease-out;}
#menu ul ul li:first-child a:after {left:-6px;top:50%;margin-top:-6px;border-left:0;    
border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #fff;transition:all 0.2s ease-out;} 
#menu ul li:first-child a:hover:after {border-bottom-color:#4791d2;}    
#menu ul ul li:first-child a:hover:after {border-right-color:#4791d2;border-bottom-color:transparent;}
.no-transition {transition:none;opacity:1;visibility:visible;display:none;}
#menu li:hover > .no-transition {display:block;}
#menu .homers {line-height:70px}
#menu .homers a{display:block;background:#4791d2;color:#fff;padding:0 16px;}
#menu .homers a:hover{background:#4f9adb;color:#fff;}
#menu .homers .fa.fa-home{text-align:center;color:#fff;}
#menu-wrap input{display:none;margin:0;padding:0;width:80px;height:70px;opacity:0;cursor:pointer;}
#menu-wrap label{font-family:'Muli';font-size:30px;font-weight:700;text-transform:uppercase;display:none;width:35px;height:51px;line-height:51px;text-align:center;}
#menu-wrap label span{font-size:13px;position:absolute;left:35px}
#menu li.ranpost {cursor:pointer;float:right;background:#f1f1f1;}
#menu li.ranpost a{border-right:none;}
#menu li.ranpost:hover {background:#000;}
#menu li.ranpost a:hover {background:#000;}

/* CSS Fixed Search Button */
.minima3-search {position:relative;padding:0;height:0;margin:0 auto;}
#menu li.searchbutton {background:#4791d2;margin:0;padding:0 20px;display:inline-block;text-transform:Capitalize;height:70px;line-height:70px;cursor:pointer;z-index:93;float:right;}
#menu li.searchbutton.active {background:#333;color:#fff;}
#menu li.searchbutton:after {content:"\f002";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;position:relative;}
#menu li.searchbutton.active:after {content:"\f002";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;}
.search-form {display:none;position:relative;background:#f9f9f9;padding:0;width:100%;z-index:91;max-width:1100px;margin:0 auto;border-bottom: 1px solid #ddd;box-shadow:0 0 0 20px #dcddde;}
.searchform {margin:0 auto;text-align:center;line-height:45px;}
.searchbar {background:transparent;border:none;width:75%;padding:5px 10px;font-weight:400;font-size:20px;font-family:'Muli',sans-serif;color:#bbb;margin:0 auto;outline:none;line-height:45px;transition:background-color 1s ease-out 0s;}
.searchbar:focus {color:#666;}
.searchsubmit {left:0;top:0;bottom:0;position:absolute;background:#4791d2;border:none;outline:none;cursor:pointer;color:#fff;padding:0 25px;text-transform:uppercase;font-weight:700;font-size:16px;
font-family:'Muli',sans-serif;line-height:45px;border-radius:2px;
transition:background-color 0.3s ease-out;}
.searchsubmit:hover {background:#060606;color:#fff;}
.searchsubmit:active {background:#333;color:#fff;border:none;outline:none;}

/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#666;float:left;width:76%;margin:0 0 10px;}
.post-inner {padding:15px;}
.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;border:1px solid #f0f0f0;border-bottom:none;}
.breadcrumbs > span {padding:0;}
.breadcrumbs > span:last-child {background:#fff;color:#666;border-right:none;font-family:'Muli';font-size:13px;font-weight:400;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fff;color:#666;font-family:'Muli';font-size:13px;
font-weight:normal;line-height:45px;}
.breadcrumbs span a {color:#666;padding:10px;margin-left:5px;}
.breadcrumbs span:first-child  a{background:#4791d2;color:#fff;margin-left:10px;}
.breadcrumbs span a:hover {color:#fff;}
.breadcrumbs a:hover {background:#4791d2;color:#fff;}
.post {background:#fff;margin:0 0 15px;padding:15px;border:1px solid #f0f0f0;}
.post-body {line-height:1.6em;color:#060606;margin-top:15px;margin-right:0;font-size:14px;}
.post-body img {max-width:100%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:'Muli',sans-serif;font-size:25px;font-weight:700;text-align:center;border-bottom:double #eee;border-top:double #eee;
padding:15px;text-transform:uppercase; color: #0167b9;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#333;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#4791d2!important;}
.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#aaa;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#4791d2;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:8px!important;display:inline;color:#aaa;}
.halaman{padding:0;background:#027e90;border:double #fff;}
.halaman-kiri{width:50%;float:left;margin:0;text-align:left;color:#f1c40f;transition:all .3s ease-out;}
.halaman-kanan{width:50%;float:right;margin:0;text-align:right;color:#f1c40f;transition:all .3s ease-out}
.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#fff!important;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#f1c40f!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: 'Muli',Helvetica,Muli,sans-serif;font-weight:300;background:none;text-decoration:none}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.halaman-kiri a,.halaman-kanan a{color:#fff;}
.pager-title-left{font-family: 'Muli',sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;transition:all .3s ease-out}
.isihalaman-kiri{margin:0}
.isihalaman-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:left;padding:0 0 0 15px;}
#blog-pager-older-link{float:right;padding:0 15px 0 0;}
.blog-pager,#blog-pager{clear:both;text-align:center}
.feed-links{clear:both;line-height:2.5em}
span.post-author.vcard {visibility:hidden;width:0;height:0;}
.post-header, .post-footer {line-height:initial;width:0;height:0;}
.posts-title{margin-bottom:15px;border-bottom:2px solid #ffa812;background:#f9f9f9;}
.posts-title h2{font-family:'Muli';font-size:15px;background-color:#ffa812;display:inline-block;padding:12px 16px;margin:0;}
.posts-title h2 a{color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;display:block}
.posts-title h2 a:before{content:'\f09e';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400;margin-right:10px}
.posts-title h2 a:hover{color:#fff;}

/* CSS Flickr */
.flickr_plugin {width:100%;}
.flickr_badge_image {float:left;padding:1px;width:24.3%;display:inline-block;}
.flickr_badge_image a {display:block;overflow:hidden;background:#333;padding:4px;margin:2px;transition:all .3s ease-out;}
.flickr_badge_image a img {display:block;width:100%;height:auto;opacity:1;z-index:1;-webkit-filter:grayscale(0);transition:all .3s ease-out;}
.flickr_badge_image a img:hover {opacity:0.9;-webkit-filter:grayscale(0.5);}
.d-header {margin-top:-1px;}
.ccounter {margin-top:-1px;}

/* CSS Mag Section */
.widget-item-control{display:none!important}
.firstwd .widget-content,.recent-wid .widget-content,.recent-wid h2.title,.widtic .widget-content{display:none}
.recent-wid .box-title h2.title{font-family:'Muli';font-size:15px;display:inline-block;padding:12px 16px;margin:0;}
.more-link{float:right;margin-right:10px;margin-top:12px;height:22px;line-height:22px;
padding:0 10px;background-color:#00c0ef;font-size:13px;color:#fff!important;transition:background-color .3s ease-out;}
.more-link:hover{background-color:#00acd6;}
.more-link:after{content:'\f054';margin-left:5px;font-family:fontawesome;font-size:12px;vertical-align:middle}
.box-title{    margin-bottom: 15px;
    /* border-bottom: 2px solid #ffa812!important; */
    background: #f9f9f9;
    /* width: 938px; */
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 0px 20px;
    height: 48px;
    line-height: 48px; 
    color: #fff;
    background: url(images/title-bg.png) top repeat-x;
    margin: 0px 0px 30px 0px;
    -moz-box-shadow: 0px 7px 5px -5px #222888;
    -webkit-box-shadow: 0px 7px 5px -5px #222888;
    box-shadow: 0px 7px 5px -5px #222888;
    text-transform: uppercase;}

.dg-container {
    margin-top: 50px;
}


.box-title h2{padding:10px 20px 5px 10px;display:inline-block}
.box-title h2 a{color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;display:block}
.box-title h2 a:before{content:'\f09e';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400;margin-right:10px}
.recent-date:before{content:'\f073';font-family:fontawesome;color:#bbb}
.recent-date{color:#999;font-weight:400;font-size:12px}
.recent-author:before{content:'\f007';font-family:fontawesome;color:#bbb}
.recent-author{color:#999;font-weight:400;font-size:12px}
.first-ld{position:absolute;height:100%;top:50%;left:50%;font-size:20px;color:#aaa;}
.firstwd{position:relative;}
.firstwd .widget{margin-bottom:20px!important;margin-top:20px!important;height:450px;
overflow:hidden}
.firstwd h2{display:none;}
.firstwd .arl-tmb{width:100%;height:215px;display:block}
.firstwd li .arl-tmb{-webkit-filter:grayscale(0);transition:all .3s ease-out}
.firstwd li:hover .arl-tmb{-webkit-filter:grayscale(0.3);}
.firstwd .rcp-title{font-family:'Muli',sans-serif;font-size:15px;font-weight:400;}
.firstwd .arl-tmb:after{content:no-close-quote;position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(images/gradients.png) repeat-x;opacity:.5;transition:all .3s ease-out;}
.firstwd .arl-tmb:hover:after{opacity:.7;}
.firstwd li{float:right;width:40%;height:215px;position:relative;padding:0;overflow:hidden}
.firstwd li:nth-child(2){margin-bottom:20px}
.firstwd li:first-child{width:58.3%;height:450px;float:left}
.firstwd li:first-child .arl-tmb{height:450px}
.firstwd li:first-child .rcp-title{font-size:25px}
.firstwd .post-panel{position:absolute;bottom:20px;left:20px}
.firstwd .rcp-title a{color:#fff;font-weight:700;position:relative;bottom:10px;line-height:14px}
.firstwd .recent-date,.firstwd .recent-date:before,.firstwd .recent-author,.firstwd .recent-author:before{color:#bbb}
.firstwd .post-tag{position:absolute;top:0;right:0;background-color:#4791d2;color:#fff;padding:10px;text-transform:uppercase;font-weight:700;z-index:2;}
.firstwd .post-tag:hover{color:#fff;}
.firstwd li:nth-child(2) .post-tag{background-color:#ffa812}
.firstwd li:nth-child(3) .post-tag{background-color:#f56954}
.recent-wid .widget{margin-bottom:20px}
.recent-wid .recent-sec .widget:last-child{margin-bottom:20px}
.recent-title{font-family:'Muli',sans-serif;font-size:18px;font-weight:400;}
.pmag .first-thumb:hover,.pmag .recent-thumb:hover{transition:all .3s ease-out;}
.pmag .first .rthumbc{width:50%;height:200px}
.pmag .first-thumb{width:100%;height:200px;display:block}
.pmag .first{overflow:hidden}
.rthumbc{overflow:hidden}
.pmag ul li .rthumbc{width:90px;height:60px;display:table-cell;vertical-align:middle}
.pmag ul li .recent-thumb{width:90px;height:70px;display:block}
.pmag ul li .recent-content{padding-left:15px;display:table-cell;vertical-align:middle}
.pmag .recent-title a{font-weight:700;color:#333;margin-bottom:10px;display:inline-block}
.pmag .first-content .recent-title a{font-size:18px}
.pmag .recent-des{margin-top:15px;font-family:'Muli';font-size:13px;font-weight:400;line-height:22px}
.pmag2 .first{width:50%;float:left;padding-right:2%}
.pmag2 .first .rthumbc{width:100%;margin-bottom:15px}
.pmag2 .first-thumb{width:100%}
.pmag2 ul li{float:right;display:block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #f0f0f0}
.pmag2 ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.pmag2 .widget-content{clear:100%}
.recent-title a:hover{text-decoration:none;color:#4791d2}
.recent-block .recent-thumb{width:100%;height:210px;display:block}
.recent-block ul li{float:left;width:33%;display:inline-block;position:relative;padding:0;margin-right:.3%;margin-bottom:2px}
.recent-block .recent-title a{font-weight:700;margin-bottom:5px;display:inline-block}
.pgallery ul li{height:150px;overflow:hidden}
.pgallery li .recent-content{opacity:0;bottom:0;transition:all .3s ease-out;}
.pgallery li:hover .recent-content{bottom:20px;opacity:1;}
.pgallery li .recent-thumb{opacity:1;transition:all .3s ease-out;}
.pgallery li:hover .recent-thumb{opacity:0.5!important}
.pgallery li{background-color:#000;transition:all .3s ease-out;}
.pgallery li:hover{background-color:#000;}
.pgallery .recent-content{left:10px;position:absolute;bottom:-100%}
.pgallery .recent-date,.pgallery .recent-date:before,.pgallery .recent-author,.pgallery .recent-author:before{color:#fafafa}
.pgallery .recent-title a{font-size:15px;color:#fff}
.pvid ul li:nth-child(4),.pvid ul li:nth-child(5),.pvid ul li:nth-child(6){margin-bottom:0;}
.pvid ul li{width:32%;margin-right:0}
.pvid .recent-title a{color:#ff0909;height:40px;overflow:hidden;margin-bottom:0;padding-bottom:2px}
.pvid .recent-title a:hover{color:#4791d2}
.pvid ul li,.pvid .recent-thumb{margin-bottom:15px;overflow:hidden;}

.pvid .recent-thumb{position:relative}
.pvid .recent-thumb:hover{opacity:1}
.pvid .recent-thumb:hover:before{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);background-color:#f56954;opacity:0.95;}
.pvid .recent-content{margin-bottom:15px;}
.pvid ul li:nth-child(1),.pvid ul li:nth-child(2),.pvid ul li:nth-child(4),.pvid ul li:nth-child(5){margin-right:2%}
.recpost .arl-tmb{float:left;margin-right:10px}
.recpost .post-panel{margin-left:70px}
.recent-date:before{margin-right:10px}
.recent-author:before{margin-right:10px}
.recent-author{margin-left:10px}
.recent-wid .widget{margin-right:2.85%}
.item .post-heading{-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.index article{padding:0 0 0 20px}
.tagstitle{float:left;margin:0 10px 0 0}
.authorLeft{float:left;margin-right:20px}
.authorContent .authorSocial{float:right}
.item .firstwd,.item .recent-wid,.item .posts-title{display:none}
.sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s}
.item-count{display:block;color:#5f5f5f;font-weight:normal;font-size:14px;line-height:20px}
.item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px}
.authorDetails h2{float:left}
.authorDetails span{float:right}

.slicknav_menu {
display:none;
}

/* CSS Comments */
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;border: 1px solid #f0f0f0;}
#comments h3{background:#eea956;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Muli',sans-serif;font-size:14px;position:absolute;color:#fff;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:double #fff;}
#comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;}
#comments .click-comment{float:right;text-decoration:none;display:inline;line-height:20px;
margin-bottom:20px;margin-top:0;font-family:'Muli',sans-serif;font-size:14px;
color:#aaa;font-weight:700;text-transform:uppercase;background:#fff;padding:10px 20px;border: double #ddd;}
#comments .click-comment:hover{background:#060606;color:#fff;border-color:#fff;}
.comment_avatar_wrap{width:42px;height:42px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
#comments .comment_avatar {width:46px;height:46px;max-width:46px;max-height:46px;background:rgba(255,255,255,0.2);padding:0 0 0 1px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_admin .comment_avatar{width:46px;height:46px;max-width:46px;max-height:46px;padding:0 0 0 1px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_avatar img {width:46px;height:46px;max-width:46px;max-height: 46px;background:url(images/anonim.png) no-repeat;overflow:hidden;}
.comment_avatar img{width:46px;height:46px;background:url(images/anonim.png) no-repeat;overflow:hidden;transform:scale(1.0) rotate(0);transition:all .3s ease-out;}
.comment_avatar img:hover{transform:scale(1.1) rotate(2deg);}
.comment_name a{font-family:'Muli',sans-serif;font-weight:700;font-size:15px;padding:5px 0;color:#fff;text-decoration:none}
.comment_name a:hover{color:#f9f9f9;}
.comment_child .comment_name a {color:#fff;}
.comment_child .comment_name a:hover {color:#e6ae48;}
.comment_admin .comment_name{font-weight:700;font-size:16px;font-family:'Muli',sans-serif;text-decoration:none;background:none;padding:5px 0;}
.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}
.comment_name{font-size:16px;font-family:'Muli', sans-serif;font-weight:400;padding:0 10px;position:absolute;left:5px;top:5px;display:inline;line-height:35px;transition:all .3s ease-in-out;}
.comment_name:hover{color:#f9f9f9;}
.comment_admin .comment_name{padding:0 10px;left:5px;top:5px;display:inline;}
.comment_service{position:absolute;bottom:8px;left:8px;}
.comment_date a{left:0;font-size:11px;font-weight:400;text-transform:none;color:#aaa;text-decoration:none}
.comment_body{margin:20px 0;background:#fafafa;padding:0;position:relative;}
.comment_body p{line-height:1.6em;color:#060606;font-size:14px;font-family:'Muli',Helvetica,Muli,sans-serif;word-wrap:break-word;background:#fafafa;padding:20px}
.comment_child .comment_body p{color:#060606;}
.comment_body p img{vertical-align:middle;margin:0 5px;}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-left:7%}
.comment_child .comment_body{margin-top:-15px;background:#fafafa;}
.comment_reply{float:right;display:inline;color:#999!important;text-align:center;text-decoration:none;background:#fff;font:11px/18px sans-serif;padding:3px 11px;margin:10px 10px 10px 5px;border:double #fafafa;}
.comment_reply:hover{text-decoration:none!important;background:#e6ae48;color:#fff!important;text-shadow:none;}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Muli,Helvetica,Garuda,sans-serif;font-size:15px;color:#060606}
#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
.comment-form p{background:#ffa812;color:#fff;font-size:14px;font-family:'Muli',Helvetica,Muli,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;}
.comment_reply_form{padding:0 0 0 7%}
.comment_reply_form .comment-form{width:100%}
.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#060606}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment-delete{position:absolute;display:none;top:0;right:-25px;color:red!important;text-align:center;text-decoration:none;font-family:'Muli';font-size:16px;font-weight:700;padding:0;opacity:0.7;transition:all .3s ease-in-out}
.comment_body:hover .comment-delete{display:none!important;}
.comment-delete:hover{color:#060606!important;}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display:inline;background:rgba(0,0,0,0.2);font-family:'Muli',sans-serif;font-size:12px;font-weight:bold;width:42px;height:15px;right:6px;bottom:0;color:#fff;text-align:center;padding:3px 10px;margin-left:10px;border-radius:2px;text-transform:uppercase;}
.comment_child .comment_admin .comment_author_flag {background:rgba(0,0,0,0.2);color:#fff;}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
display:inline-block;padding:10px 15px!important;}
.deleted-comment{display:table;color:#060606;word-wrap:break-word;background:transparent;
padding:20px 0;font-size:13px;font-family:'Muli',Helvetica,Muli,sans-serif;
font-style:normal;text-align:center;margin:0 auto 20px auto;}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%;}
.paging-control-container a{text-align:center;margin:0 auto;background:#060606;padding:5px 10px;
color:#fff;transition:all .3s ease-in-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff;}
.comment_header {background:#5a9ad2;padding:2px 0;}
.comment_child .comment_header {background:#060606;padding:2px 0;}
#konversi-box, #hide-konversi,#emo-box,#hide-emo {display:none}
#konversi-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:left;}
.checkbox{font:11px Muli,Sans-Serif;line-height:1.6em;color:#eee;}
#codes{border:none;width:100%;height:200px;display:block;background-color:#060606;color:#eee;font:normal 12px 'Courier New',Monospace;margin:7px 0 10px;padding:8px;transition:all 0.5s linear;}
#codes:focus{background-color:#060606;color:#fff;border:none;outline:none;transition:all 0.3s linear;}
.button-group{float:right;text-align:left;margin:0 auto}
button,button[disabled]:active{border:none;font-size:12px;font-family:'Muli';font-weight:normal;padding:4px 10px;text-decoration:none;background:#4288cc;color:#fff;display:inline-block;transition:all 0.5s linear;cursor:pointer;border:1px solid #4084c5;}
button:hover{background:#fff;color:#4288cc;transition:all 0.2s linear;}
button:active{background:#fff;color:#4288cc;}
button[disabled],button[disabled]:active{color:#fff;cursor:default}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0}
.small-button a,.small-button1 a {font-size:12px;font-family:'Muli';cursor:pointer;font-weight:400;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;background-color:rgba(0,0,0,0.2);color:#fff;padding:4px 10px;cursor:pointer;transition:all 0.5s linear}
.small-button:hover a,.small-button1:hover a{text-shadow:none;display:inline-block;background-color:#fff;color:#666;transition:all 0.2s linear}
span.small-button {text-align:left;display:inline-block;}

/* CSS Image Lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;max-width:100%!important;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{display:none!important;}
#lightbox-nav{position:absolute;top:25%;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0;transition:All 0.2s ease;}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;transition:All 0.2s ease;}
#lightbox-nav-btnPrev{left:10%;float:left;transition:All 0.2s ease;}
#lightbox-nav-btnNext{right:10%;float:right;transition:All 0.2s ease;}
#lightbox-container-image-data-box{font-size:10px;font-family: 'Muli',Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:hidden;max-width:100%!important;padding:0 10px;}
#lightbox-container-image-data{padding:0 10px;color:#818d99}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:normal}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

/* CSS Shortcodes */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo {padding:10px 14px!important;background-color:#4791d2;color:#fff!important;font-weight:700;font-size:15px;font-family:'Muli',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:background-color 0.4s ease-out;}
.download {padding:10px 14px!important;background-color:#eea956;color:#fff!important;font-weight:700;font-size:15px;font-family:'Muli',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:background-color 0.4s ease-out;}
.demo:hover,.download:hover {background:#060606;}
.demo:before {content:'\f135';display:inline-block;vertical-align:top;margin-right:10px;
width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}
.download:before {content:'\f019';display:inline-block;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}
.first-letter{float:left;color:#4791d2;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Muli}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{padding:0;line-height:1.5}
.alert-message{position:relative;display:block;background-color:#fafafa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239}
.alert-message span{font-size:14px!important}
.alert-message i{font-size:22px;text-align:left;display:inline-block;
position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}
.alert-message.success a,.alert-message.success span{color:#1d9d74}
.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}
.alert-message.alert a,.alert-message.alert span{color:#378FFF}
.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}
.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}
.alert-message.error a,.alert-message.error span{color:#F55D5D}
.fa-check-circle:before{content:"\f058"}
.fa-info-circle:before{content:"\f05a"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-exclamation-circle:before{content:"\f06a"}
#flippy {text-align:center;}
#flippy button {background:#e36f60;color:#fff;margin:10px auto;vertical-align:middle;
cursor:pointer;padding:10px 14px!important;font-weight:700;font-size:15px;font-family:'Muli',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;
border:double #fff;transition:background 0.1s ease-in-out;}
#flippy button:hover, #flippy button:focus {background:#d46456;outline:none;}
#flippanel {padding:1px;text-align:left;background:#f9f9f9;border:0px;}
#flippanel {padding:24px;display:none;}

/* CSS Syntax Highlighter */
pre {padding:35px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#222;position:relative;max-height:500px;border-radius:3px;}
pre::before {font-size:13px;content:attr(title);position:absolute;top:0;background-color:transparent;padding:6px 10px 7px 10px;left:0;right:0;color:#fff;display:block;margin:0 0 15px 0;font-weight:400;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
pre::after {content:"Double click to selection";padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:4px;font-size:12px;color:#fff;line-height:20px;transition:all 0.3s ease-in-out;}
pre:hover::after {opacity:0;top:-8px;visibility:visible;}
code {font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;line-height:16px;color:#88a9ad;background-color:transparent;
padding:1px 2px;font-size:12px;}
pre code {display:block;background:none;border:none;color:#c2bfd2;direction:ltr;
text-align:left;word-spacing:normal;padding:10px;font-weight:bold;}
code .token.punctuation {color:#ba3a3e;}
pre code .token.punctuation {color:#777;}
code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {color:#666;}
code .namespace {opacity:.8;}
code .token.property,code .token.tag,code .token.boolean,code .token.number {color:#d75046;}
code .token.selector,code .token.attr-name,code .token.string {color:#88a9ad;}
pre code .token.selector,pre code .token.attr-name {color:#00a1d6;}
pre code .token.string {color:#6fb401;}
code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {color:#5ac954;}
code .token.operator {color:#1887dd;}
code .token.atrule,code .token.attr-value {color:#009999;}
pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}
code .token.keyword {color:#e13200;font-style:italic;}
code .token.comment {font-style:italic;}
code .token.regex {color:#ccc;}
code .token.important {font-weight:bold;}
code .token.entity {cursor:help;}
pre mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
pre code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
.comments pre {padding:10px 10px 15px 10px;background:#222;}
.comments pre::before {content:'Code';font-size:12px;position:relative;top:0;
background-color:#5a9ad2;padding:1px 6px;left:0;right:0;color:#fff;text-transform:uppercase;
display:inline-block;margin:0 0 10px 0;font-weight:400;border-radius:3px;border:none;}
.comments pre::after {font-size:11px;}
.comments pre code {color:#c2bfd2;} 
.comments pre.line-numbers {padding-left:10px;}
pre.line-numbers {position:relative;padding-left:3.0em;counter-reset:linenumber;}
pre.line-numbers > code {position:relative;}
.line-numbers .line-numbers-rows {height:100%;position:absolute;top:0;font-size:100%;left:-3.5em;width:3.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:10px 0 0 0;background:#2a2a2a;border-right:1px solid #3a3a3a;}
.line-numbers-rows > span {display:block;counter-increment:linenumber;}
.line-numbers-rows > span:before {content:counter(linenumber);color:#666;display:block;
padding-right:0.8em;text-align:right;transition:350ms;}
pre[data-codetype="CSSku"]:before{background-color:#0183c5;}
pre[data-codetype="HTMLku"]:before{background-color:#ee7147;}
pre[data-codetype="JavaScriptku"]:before{background-color:#c2a3d0;}
pre[data-codetype="JQueryku"]:before{background-color:#c2ac79;}
.r3 {
    min-height: 200px!important;
    width: 641px;
}
/* CSS Widget */
.widget ul {line-height:1.4em;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
#ArchiveList ul li:before {content:"" !important;padding-right:0px !important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
#Attribution1 {height:0px;visibility:hidden;display:none}
#Label1 .tabs-content .widget {margin-bottom:15px}
#Label2 li {float:left;width:44%;margin-left:5px}
#Label1 li {float:left;width:44%;margin-left:5px}
#footer-wrapper #PlusBadge1 .widget{border:none!important;}

/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:right;width:24%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.sidebar h2, .sidebar2 h2, .tably h2 {background:#fff;color:#666;font-family:'Muli',sans-serif;
font-size:16px;font-weight:700;text-transform:uppercase;margin:0 0 0 0;padding:0;
position:relative;border-bottom:2px solid #eee;transition:all .5s ease-out;}
.sidebar h2 span,.sidebar2 h2 span {padding:12px 0;border-bottom:2px solid #4791d2;margin-bottom:-2px;display:inline-block;}
.sidebar .widget,.sidebar2 .widget {background:#fff;margin:0 0 15px;}
.sidebar ul, .sidebar ol,.sidebar2 ul, .sidebar2 ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li,.sidebar2 li {margin:5px 0;padding:0 0 0 0;}
.recomments li .avatarImg{float:left;margin:0 10px 0 0;position:relative;overflow:hidden;padding:0}
.recomments li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-bottom:1px solid #f4f4f4;overflow:hidden;margin:0;padding-bottom:10px!important;margin-bottom:10px!important;padding-top:0}
.recomments li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.recomments li span{margin-top:4px;color:#aaa;display:block;font-family:'Muli';font-size:13px;font-weight:400;line-height:22px;text-transform:lowercase}
.avatarcomments{width:45px;height:45px}
.recomments a{color:#060606;position:relative;font-size:14px;font-size:13px;text-transform:uppercase;display:block;overflow:hidden}
.recomments{list-style:none;padding:0}
#sidebar-wrapper .recpost li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0}
.recpost li:first-child{padding-top:0}
.recpost li:last-child{border-bottom:none}
.recpost .arl-tmb{display:block;width:60px;height:60px;}
.recpost .rcp-title{font-family:'Muli';font-size:15px;font-weight:400;margin:5px 0 8px}
.recpost .rcp-title a{color:#333;font-weight:700;font-size:14px}
.recpost .rcp-title a:hover{color:#4791d2;text-decoration:none}

/* CSS Social Network Sidebar */
#social_networks{text-align:center;display:block;margin:0 auto;padding-bottom:15px;margin-bottom:15px;}
#social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;}
#social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-left:2px;margin-right:2px;width:48px;height:48px;opacity:0.9;transition:All 0.3s ease-out;}
#social_networks li:hover{background:#333;color:#fff;opacity:1;cursor:pointer;}
#social_networks li:hover a{color:#fff;}
#social_networks li a{display:inline-block;color:#fff;line-height:48px;font-size:20px;transition:All 0.3s ease-out;}
#social_networks li a:hover{color:#fff;box-shadow:none;}
#social_networks li a span{display:none;}
#social_networks li.facebook,#social_networks li.twitter,#social_networks li.youtube,#social_networks li.googleplus,#social_networks li.linkedin{text-align:center;transition:all 0.3s ease-out;}
#social_networks li.facebook{background:#3b5998;}
#social_networks li.twitter{background:#62c8f8;}
#social_networks li.youtube{background:#e14e42;}
#social_networks li.googleplus{background:#d64136;}
#social_networks li.linkedin{background:#006699;}
#social_networks li.facebook:hover,#social_networks li.twitter:hover,#social_networks li.youtube:hover,#social_networks li.googleplus:hover,#social_networks li.linkedin:hover {background:#333;color:#fff;cursor:pointer;}
#social_networks li a.facebook:hover,#social_networks li a.twitter:hover,#social_networks li a.youtube:hover,#social_networks li a.googleplus:hover,#social_networks li a.linkedin:hover{color:#fff;}

/* CSS Subscribe Box */
#subscribe-box {width:auto;max-width:300px;height:auto;background-color:#222;}
#subscribe-box p {font-family:'Muli';font-size:13px;color:#ccc;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#fafafa;color:#999;padding:10px;margin-top:10px;font-size:13px;font-family:'Muli';width:91%;border:0;border:none;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:lightyellow;outline:none;border:none;color:#060606;}
#subscribe-box .emailfield .submitbutton {background:#f56954;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:99%;cursor:pointer;transition:all 0.4s ease-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#060606;color:#fff;}
#subscribe-box .emailfield .submitbutton:hover{background:#dc5e4b;color:#fff;}
#HTML98 h2 {border-bottom:4px solid #eee;}
#HTML98 h2 span {border-bottom:none;margin-bottom:0;}

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {padding:0 0;margin:0;margin-bottom:0;border-bottom:4px solid #4791d2;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:'Muli';font-weight:700;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:3px 0;background:#222;color:#fff;cursor:pointer;position:relative;
transition:all 0.1s linear;}
.tabs-menu li:hover {opacity:0.9;background:#222;color:#fff;}
.tabs-menu .active-tab {background-image: url("images/icon-new1.gif");;color:#fff;}
.tabs-menu .active-tab:hover {opacity:0.9;background:#4791d2;color:#fff;}
.tabs-content {padding:10px;background:#fff;border-top:none;margin-bottom:15px;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#fff;color:#666;float:none!important;}
.tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}
.tabs-content .Label li {background:#fff!important;color:#666;float:left;padding:5px;margin-left:3px;text-align:left;width:44%;transition:.3s linear;}
.tabs-content .Label li:hover {background:transparent;color:#eac965;}
.tabs-content .Label li a {color:#666!important;transition:.3s linear;}
.tabs-content .Label li a:hover {color:#eac965;transition:.3s linear;}
.tabs-content .Label ul li a {color:#666!important;}

/* CSS Popular Post */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;color:#666;}
.PopularPosts ul li img {display:block;margin:2px;margin-right:10px;padding:0;width:60px;height:60px;float:left;transition:all 0.3s ease-out;}
.PopularPosts ul li img:hover {background:#222;opacity:0.9;}
.PopularPosts ul li {background-color:#fff;margin:2px;padding:0;position:relative;transition:all 0.3s ease-out;}
.PopularPosts ul li:hover {background-color:#fcfcfc;}
.PopularPosts ul li:first-child {border-top:none;}
.PopularPosts ul li:last-child {border-bottom:none;}
.PopularPosts ul li a:hover {color:#4791d2!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color:#333;text-decoration:none;font-family:'Muli';font-size:14px;font-weight:700;transition:all 0.3s ease-out;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#4791d2;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:11px;color:#aaa;font-weight:400;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {padding-bottom:.2em;padding:0 5px;}

/* CSS Footer */
#footer-wrapper {width: 100%;
    text-align: left;
    overflow: hidden;
    background: #222;
    margin: 0px 0px 0px 0px;
    padding: 15px 0 0 0;
    margin-top: 20px;
    background: #F4F4F4;}
#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2 {font-family:'Muli';font-size:15px;font-weight:700;color:#017DC1;
padding:5px 10px;display:block;text-transform:uppercase;border-bottom:2px solid #fff;}
#footer-wrapper h2:before {font-family:fontawesome;content: "\f036";margin-right:10px;font-size:15px;color:#4791d2;}
#footer-wrapper h2:after {content:"";position:absolute;right:0;width:25%;height:2px;
background:#4791d2;bottom:-2px;}
#footer-wrapper .widget-content {text-align:left;font-family:'Muli',Helvetica;
margin:20px 0 15px;color:#222}
#footer-wrapper .widget-content li {margin-left:-14px;color:#222}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}
.footer li a {padding-top:0;padding-right:0;line-height:2em;font-size:13px;
font-weight:400;font-family:'Muli',Helvetica;color:#222;margin:0}
.footer li a:hover {color:#4791d2;}
#footerfix {overflow:hidden;background:#0167b9;padding:10px 5px;margin:15px 0 0 0;}
.cpleft {float:left;margin:10px;color:#fff;font-size:11px;font-family:'Muli';font-weight:400;}
#cpright {float:right;margin:10px;color:#222;font-size:11px;font-family:'Muli';font-weight:400;}
.cpleft a,#cpright a {color:#017DC1;text-decoration:none;}
.cpleft a:hover,#cpright a:hover {color:#ffa812;text-decoration:none;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {font-weight:400;padding-bottom:.2em;}
.footer-bottom .recpost li{overflow:hidden;border-bottom:1px solid #333;padding:10px 0}
.footer-bottom .recpost li:first-child{padding-top:0}
.footer-bottom .recpost li:last-child{border-bottom:none}
.footer-bottom .recpost .arl-tmb{display:block;width:60px;height:60px;}
.footer-bottom .recpost .rcp-title{font-family:'Muli';font-size:15px;font-weight:400;margin:5px 0 8px}
.footer-bottom .recpost .rcp-title a{color:#bbb;font-weight:700;font-size:14px}
.footer-bottom .recpost .rcp-title a:hover{color:#ffa812;text-decoration:none}

/* CSS Contact */
#ContactForm1{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:10px;background:#fff;color:#666;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#fff;color:#666;font-family:'Muli',sans-serif;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;border:1px solid #c8c8ad;background:lightyellow;color:#060606;text-align: justify;}
#ContactForm1_contact-form-submit {font-family:'Muli';float:left;border-radius:3px;
background:#e36f60;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;
padding:10px 18px!important;font-weight:700;font-size:15px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:all 0.4s ease-out;}
#ContactForm1_contact-form-submit:hover {background:#060606;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:450px;margin-top:35px;}

/* CSS label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-size {background:#fff;display:block;float:left;margin:0 5px 5px 0;
color:#666;font-size:11px;transition:.8s linear;}
.label-size a,.label-size span{display:inline-block;color:#666;padding:8px 10px;
font-weight:400;}
.label-size:hover {background:#4791d2;}
.label-size a:hover {color:#fff!important;}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
background:#e25756;color:#fff;transition:all .3s ease-out;}
.label-count:hover {background:#4791d2;color:#fff;}
.label-size {line-height:1.2}
#sidebar-wrapper ul.menu li {background:#fff;color:#666;float:left;padding:10px 5px;margin-left:3px;text-align:left;width:95%;border-bottom:1px solid #eee;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li:hover {background:#fff;color:#4791d2;}
#sidebar-wrapper ul.menu li:before {content:"\f105";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li:hover:before {padding-right:4px;color:#4791d2;}
#sidebar-wrapper ul.menu li a {color:#666;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li a:hover {color:#4791d2;}
#sidebar-wrapper .label-size{background:#fff;display:block;float:left;margin:0 5px 5px 0;font-size:11px;border:double #ddd;transition:all .3s ease-out;}
#sidebar-wrapper .label-size a {display:inline-block;color:#666;padding:8px 10px;
font-weight:400;transition:all .3s ease-out;}
#sidebar-wrapper .label-size a:hover {background:#4791d2;color:#fff;}
#sidebar-wrapper ul.menu li:before {content:"\f105";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li:hover:before {margin:0 0 0 5px;color:#4791d2;}
#sidebar-wrapper .label-size:hover{background:#4791d2;color:#fff;border-color:#fdfdfd;}
#footer-wrapper .label-size{background:#4791d2;color:#fff;display:block;float:left;margin:0 5px 5px 0;font-size:11px;border:double #222;transition:all .3s ease-out;}
#footer-wrapper .label-size a {display:inline-block;color:#fff;padding:8px 10px;
font-weight:400;transition:all .3s ease-out;}
#footer-wrapper .label-size a:hover {background:#111;color:#fff;}
#footer-wrapper .label-size a:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#fff;transition:all .3s ease-out;}
#footer-wrapper .label-size a:hover:before {content:"\f061";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#4791d2;}
#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#111;color:#fff;border-color:#060606;}
#footer-wrapper .label-count {white-space:nowrap;padding:3px;
background:#222;color:#fff!important;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:12px;transition:all .3s ease-out;}
#sidebar-wrapper ul.menu li span:hover{background-color:#4791d2;color:#fff}
#Label1 span{float:right;background-color:#fff;color:#666;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:12px;color:#666;background:#fafafa;box-shadow:0 0 0 1px #eee;
transition:all .3s ease-out;}
#Label1 span:hover{background-color:#4791d2;color:#fff}

/* CSS Ads */
.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe,.banner2 img, .banner2 iframe{}
.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar2 .widget-content{padding:0;border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan img {background:#f5f5f5;text-align:center;margin:0px 5px 5px 0px;padding:5px;border:1px solid transparent!important;transition: all 0.6s ease-out;}
.kotak_iklan  img:hover {background:#fff;border:1px solid #ddd;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar2 .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar2 .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}

/* CSS Fixed Inner */
.status-msg-wrap {font-size:20px;font-weight:700;width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;}
.status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
#ArchiveList ul li:before {content:""!important;padding-right:0px!important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
.Stats .digit {background:#4791d2!important;border:1px solid #4085c1;
display:inline-block;height:28px;line-height:28px;margin-left:-1px;position:relative;
text-align:center;width:22px;}
.counter-wrapper .graph-counter-wrapper {color:#fff!important;}
.Stats .counter-wrapper {font-size:14px;font-weight:bold;line-height:30px;
font-family:'Muli';}
.Stats .blind-plate {border-bottom:none;border-top:none;height:0;left:0;opacity:0;
position:absolute;top:13px;width:22px;}
.Stats strong {color:#fff;left:-0.1em;content:'[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.Profile img {margin:0 15px 15px 0;width:104px;height:104px;}
a.profile-name-link.g-profile,a.profile-link {color:#ccc;}
#Profile1 h2:before {font-family:fontawesome;content: "\f007";margin-right:10px;font-size:15px;color:#4791d2;}
#ContactForm1 h2:before {font-family:fontawesome;content: "\f0e0";margin-right:10px;font-size:15px;color:#4791d2;}
#Label3 h2:before {font-family:fontawesome;content: "\f02c";margin-right:10px;font-size:15px;color:#4791d2;}

/* CSS Page Navigation */
.pagenav {clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;font-family:'Muli';font-weight:700;}
.pagenav span,.pagenav a {padding:6px 12px;display:inline-block;background-color:#f9f9f9;
color:#999;margin-left:4px;margin-right:4px;transition:all .2s ease;}
.pagenav .pages {background-color:#f9f9f9;color:#999;transition:all .2s linear;}
.pagenav a:hover {background-color:#999;color:#fff;}
.pagenav .current {background-color:#4791d2;color:#fff;}
.pagenav .pages {display:none;}

/* CSS Sitemap */
#table-outer table {width:100%;margin:0;padding:0;}
#table-outer input, #table-outer select {padding:4px;font:inherit;border:2px solid #eceeee;width:170px;box-sizing:border-box;}
#table-outer select {cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc {margin-bottom:10px;}
#feedContainer {overflow:hidden;margin-top:20px;}
#feedContainer strong {font-size:10px;}
#feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
#feedContainer li {float:left;width:50%;margin-bottom:10px;position:relative;z-index:0;}
#feedContainer .inner {padding:8px;margin: 0 5px;position:relative;background-color:#fff;height:133px;}
#feedContainer img {float:left;margin: 0 8px 0 0;max-width:100%;padding:2px;}
#feedContainer .toc-title {max-height:33px;overflow:hidden;}
#feedContainer .toc-title:hover {text-decoration:none;}
#feedContainer .news-text {font-size:11px;}
#feedNav a, #feedNav span {display:block;text-align:center;color:#fff;
text-decoration:none;background-color:#222;padding:5px;width:95%;margin: 0 auto;transition:all 0.3s linear;}
#feedNav a, #feedNav span:hover {background-color:#4791d2;transition:all 0.3s linear;}
#feedContainer .date {display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px;}
#feedContainer .date .dd {font-size:9px;line-height:5px;font-weight:bold;}
#feedContainer .date span {display:inline-block;line-height:5px;text-align:center;
margin-left:5px;}

/* CSS Sitemap 2 */
#tabbed-toc {width:100%;margin:0 auto;background-color:#111;overflow:hidden;position:relative;color:#333}
#tabbed-toc .loading {display:block;padding:5px 10px;font-family:'Muli',Sans-Serif;font-weight:400;font-size:10px;color:#fff;}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li {margin:0;padding:0;list-style:none}
#tabbed-toc .toc-tabs {width:25%;float:left}
#tabbed-toc .toc-tabs li a {display:block;font-family:'Muli',Sans-Serif;font-weight:400;font-size:10px;height:31px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:6px 12px;cursor:pointer;}
#tabbed-toc .toc-tabs li a:hover {background-color:#292929;color:#fff}
#tabbed-toc .toc-tabs li a.active-tab {background-color:#4791d2;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer {width:75%;float:right;background-color:#fff;border-left:5px solid #4791d2;box-sizing:border-box}
#tabbed-toc .divider-layer {float:none;display:block;position:absolute;top:0;right:0;
bottom:0;}
#tabbed-toc .panel {position:relative;z-index:5;font-family:'Muli',Sans-Serif;font-weight:400;font-size:10px;}
#tabbed-toc .panel li a {display:block;position:relative;font-weight:700;font-size:11px;
color:#333;line-height:30px;height:30px;padding:6px 12px;text-decoration:none;outline:none;
overflow:hidden}
#tabbed-toc .panel li a em {background:#ea4c4b;color:#fff!important;padding:2px 4px;border-radius:3px;font-style:normal;}
#tabbed-toc .panel li time {display:block;font-style:italic;font-weight:400;font-size:10px;
color:#666;float:right}
#tabbed-toc .panel li .summary {display:block;padding:10px 12px;font-style:italic;
border-bottom:4px solid #4791d2;overflow:hidden}
#tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;
padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}
#tabbed-toc .panel li:nth-child(even) {background-color:#f0f0f0;font-size:10px;
color:#fff}
#tabbed-toc .panel li:nth-child(odd) {background-color:#f9f9f9;font-size:10px;
color:#fff}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a {background-color:#333;color:#fff;outline:none}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time {background-color:#222}
/* Skin sitemap mới TOC */

#tabbed-toc {
  margin:0 auto;
  background-color:#007CC2;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  overflow:hidden;
  position:relative;
  color:#333;
}

#tabbed-toc .loading {
  display:block;
  padding:5px 10px;
  font:normal bold 10px Muli,Sans-Serif;
  color:white;
}

#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
  margin:0 0;
  padding:0 0;
  list-style:none;
}

#tabbed-toc .toc-tabs {
  width:20%;
  float:left;
}

#tabbed-toc .toc-tabs li a {
  display:block;
  font:normal bold 10px/28px Muli,Sans-Serif;
  height:28px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#ccc;
  text-transform:uppercase;
  text-decoration:none;
  padding:0 12px;
  cursor:pointer;
}

#tabbed-toc .toc-tabs li a:hover {
  background-color:#153615;
  color:white;
}

#tabbed-toc .toc-tabs li a.active-tab {
  background-color:#4791d2;
  color:white;
  -webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  -moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  position:relative;
  z-index:5;
  margin:0 -1px 0 0;
  /* cursor:text; */
}

#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
  width:80%;
  float:right;
  background-color:white;
  border-left:5px solid #4791d2;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#tabbed-toc .divider-layer {
  float:none;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  -webkit-box-shadow:0 0 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 7px rgba(0,0,0,.7);
  box-shadow:0 0 7px rgba(0,0,0,.7);
}

#tabbed-toc .panel {
  position:relative;
  z-index:5;
  font:normal normal 10px Muli,Sans-Serif;
}

#tabbed-toc .panel li a {
  display:block;
  position:relative;
  font-weight:bold;
  font-size:11px;
  color:#892412;
  line-height:20px;
  height:20px;
  padding:0 12px;
  text-decoration:none;
  outline:none;
  overflow:hidden;
}

#tabbed-toc .panel li time {
  display:block;
  font-style:italic;
  font-weight:normal;
  font-size:10px;
  color:#666;
  float:right;
}

#tabbed-toc .panel li .summary {
  display:block;
  padding:10px 12px 10px;
  font-style:italic;
  border-bottom:4px solid #4791d2;
  overflow:hidden;
}

#tabbed-toc .panel li .summary img.thumbnail {
  float:left;
  display:block;
  margin:0 8px 0 0;
  padding:4px 4px;
  width:72px;
  height:72px;
  border:1px solid #dcdcdc;
  background-color:#fafafa;
}

#tabbed-toc .panel li:nth-child(even) {
  background-color:#FFE8E3;
}

#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
  background-color:#333;
  color:white;
  outline:none;
}

#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
  background-color:#222;
}

@media (max-width:700px) {
.widget-content{
	display: none;
}
  #tabbed-toc {
    border:2px solid #333;
  }
  #tabbed-toc .toc-tabs,
  #tabbed-toc .toc-content {
    overflow:hidden;
    width:auto;
    float:none;
    display:block;
  }
  #tabbed-toc .toc-tabs li {
    display:inline;
    float:left;
  }
  #tabbed-toc .toc-tabs li a,
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:#007CC2;
    -webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);
    -moz-box-shadow:2px 0 7px rgba(0,0,0,.4);
    box-shadow:2px 0 7px rgba(0,0,0,.4);
  }
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:white;
    color:#333;
  }
  #tabbed-toc .toc-content {
    border:none;
  }
  #tabbed-toc .divider-layer,
  #tabbed-toc .panel li time {
    display:none;
  }
}

/* CSS Back To Top */
#BackToTop {z-index:90;position:fixed;bottom:25px;right:-80px;overflow:hidden;display:none;
background:#4791d2;color:#fff;padding:12px 16px;font-size:25px;-webkit-transform: translateZ(0);transition:all .5s ease-out;}
#BackToTop:hover {background:#060606;color:#fff;}

/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;}
.opt-in .inner .ct-wrapper {padding:0 48px;}
.header-right img {display:block;}
.recent-wid .widget{margin-right:0}
.recent-wid .widget.column{margin-left:1%;margin-right:1%;width:48%}}

@media screen and (max-width:960px) {

    #menu{display: none;}
#outer-wrapper {margin:0 auto;border:none;box-shadow:none;}
.blogouter-wrapper {position:relative;z-index:96;overflow:hidden;margin:20px 10px;}
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin-bottom:10px;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:10px 10px;}
.ct-wrapper{padding:0 10px;}
.header-wrapper2 {padding:0}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:46%;float:left;margin-left:20px;}
.firstwd li:first-child{width:33.33%;height:215px}
.firstwd li{width:33.33%;margin-bottom:20px!important}
.firstwd .widget{height:auto;margin-bottom:0!important}
.first-ld{display: none}
.firstwd li:first-child .arl-tmb{height:215px}
.firstwd li:first-child .rcp-title{font-size:16px}
.firstwd li:first-child{float:left}
.firstwd li{float:left}
#social_networks ul {height:30px;margin:0 auto;list-style:none;}
#social_networks li{text-align:center;width:42px;height:42px;}
.slicknav_menu {
        display:block;
    }
#menu-wrap {
      height: 48px;}
    
}

@media only screen and (max-width:768px){
#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
.post-body img {max-width:100%;}
.img-thumbnail {margin:0 10px 0 0;}
.sidebar-inner, .post-inner {padding:15px;}
ul#relpost_img_sum li {width:100%}
.cpleft,#cpright {float:none;text-align:center;margin:10px auto;}
.searchbar{width:65%;}
.slicknav_menu {
        display:block;
    }
#menu-wrap {
      height: 48px;}
#header-wrapper {
}
    
}

@media only screen and (max-width:640px){
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin:10px auto;}

.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
#header-wrapper{padding:0;}
.main-nav {display:block;width:100%;padding:0}
.main-nav ul {text-align:center;}
.main-nav ul {display:none;height:auto;}
.main-nav a#pull {background-color:#4791d2;color:#fff;border:none;display:inline-block;font-family:'Muli';font-size:12px;font-weight:bold;padding:10px 3%;height:30px;line-height:30px;position:relative;text-align:right;width:94%;}
.main-nav a#pull:after {content:'\f0c9';font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:15px;top:20%;line-height:30px;}
.main-nav li {display:block;width:100%;text-align:left;border-bottom:none;}
.main-nav li a {background:#4791d2;color:#fff;padding:15px 20px;display:block;}
.main-nav li a:hover, nav a:active {background:#4791d2;border:none;color:#fff;}
.main-nav ul li a:hover {background:#4791d2;color:#fff;}
.main-nav .home1 a {box-shadow:none;background:#4791d2;color:#fff;}
.main-nav .home1 a:hover {background:#4791d2;color:#fff;}
.main-nav li.facebook,.main-nav li.twitter,.main-nav li.youtube,.main-nav li.googleplus,.main-nav li.linkedin{background:#4791d2;text-align:left;margin:0 auto;color:#fff;transition:all 0.2s ease-out;}
.main-nav li a.facebook:hover,.main-nav li a.twitter:hover,.main-nav li a.youtube:hover,.main-nav li a.googleplus:hover,.main-nav li a.linkedin:hover{color:#4791d2;}
.main-nav li.facebook .fa.fa-facebook,.main-nav li.twitter .fa.fa-twitter,.main-nav li.youtube .fa.fa-youtube,.main-nav li.googleplus .fa.fa-google-plus,.main-nav li.linkedin .fa.fa-linkedin{color:#fff;transition:all 0.2s ease-out;}
.main-nav ul li.facebook:hover .fa.fa-facebook,.main-nav li.twitter:hover .fa.fa-twitter,
.main-nav li.youtube:hover .fa.fa-youtube,.main-nav li.googleplus:hover .fa.fa-google-plus,
.main-nav li.linkedin:hover .fa.fa-linkedin{background:#4791d2;color:#fff;}
#menutop li:hover > ul.menux{display:block;}
#menu {margin:0;padding:0;position:absolute;top:55px;width:100%;z-index:99;background-color:#4791d2;display:none;}
#menu:after {content:'';position:absolute;left:22px;top:-5px;border-left:6px solid transparent;
border-right:6px solid transparent;border-bottom:6px solid #333;}
#menu ul {position:static;visibility:visible;opacity:1;margin:0;background:#333;overflow:
hidden;}
#menu ul ul {margin:0 0 0 20px!important;box-shadow:none;}
#menu li {position:static;display:block;float:none;margin:0;background:#333;}
#menu ul li{margin-left:0;box-shadow:none;}
#menu a{background:#4791d2;color:#fff;display:block;float:none;}
#menu ul a{width:auto;background:#333;color:#ddd;}
#menu ul li:first-child a:after,#menu ul ul li:first-child a:after {border:0;}
#menu-wrap input,#menu-wrap label{display:inline-block;position:absolute;left:0;top:0;}
#menu-wrap input:after,#menu-wrap label:after {content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:15px;}
#menu-wrap input{z-index:4}
#menu-wrap input:checked + label{color:#fff;font-weight:700}
#menu-wrap input:checked ~ ul{display:block}
#menu .homers {margin-left:0;}
#menu .homers a{background:transparent;color:#fff;margin-left:0;}
#menu .homers a:hover{background:#4791d2;color:#fff;}
#menu li.searchbutton {float:none;width:auto;text-align:left;cursor:pointer;}
#post-wrapper,#sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3 {width:100%;max-width:100%}
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
.opt-in .inner .ct-wrapper {padding:0 10px;}
.sidebar-inner, .post-inner{padding:10px 0 0px;}
.post {margin:0 0 10px;padding:10px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:92%;float:left;margin-left:20px;}
.cpleft,#cpright {float:none;text-align:center;margin:10px auto;}
.pagenav span,.pagenav a {padding:3px 8px;display:inline-block;background-color:#fff;color:#838888;margin-left:2px;margin-right:2px;border-radius:1px;}
.posts-title{margin-bottom:10px;margin-top:10px;border-bottom:none;text-align:center;}
.posts-title h2{font-family:'Muli';font-size:13px;background-color:#fff;display:inline-block;padding:7px;margin:0;border:double #ddd;border-bottom:double #ddd;}
.posts-title h2 a{color:#666;font-weight:700;font-size:13px;text-transform:uppercase;display:block;}
.posts-title h2 a:before{content:'\f143';font-family:fontawesome;font-size:14px;vertical-align:middle;margin-right:10px;font-weight:400}
.posts-title h2 a:hover{color:#4791d2;}
.searchbar{width:55%;}
.firstwd li:first-child,.firstwd li{width:100%;float:none;height:300px}
.firstwd li:first-child .arl-tmb,.firstwd li .arl-tmb{height:300px}
.pmag2 .first{float:none;width:100%;margin-bottom:20px}
.pmag2 ul li{float:none;width:100%}
.pmag .first .rthumbc{width:100%;display:block;margin-bottom:20px}
.recent-wid .widget.column{margin-left:0;margin-right:0;width:100%;display:block}
.post-thumb{display:block;width:100%;margin-bottom:20px}
.index .post{display:block}
.recent-block ul li{width:49.66666%}
.pvid ul li{width:100%;height:204px;display:inline-block;margin-left:0!important;margin-right:0!important;margin-bottom:20px!important;overflow:hidden}
.pmag2 .first{padding-right:0;border-right:0}
.index article{padding-left:0}
.pvid ul li{float:left}
#BackToTop {bottom:0;padding:9px 13px;font-size:20px;}
.slicknav_menu {
        display:block;
    }

#menu-wrap {
      height: 48px;}
#header-wrapper {
}
    
}



@media only screen and (max-width:480px){
#outer-wrapper {margin:0 auto;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {margin:0 0 8px;padding:8px;}
h2.post-title, h1.post-title {font-size:16px;}
.img-thumbnail, .img-thumbnail img {width:120px;height:90px;}
.img-thumbnail {margin:0 8px 0 0;}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;}
.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
#related_posts {margin:20px 20px 20px 0;padding:0;}
.post-info {font-size:12px;}
#feedContainer li {width:100%;}
.searchbar{width:35%;}
.authorLeft{float:none;width:120px;margin:0 auto}
.authorDetails{text-align:center}
.authorDetails h2{float:none}
.authorDetails span{float:none}
.articleAuthor .authorContent p{text-align:center}

.slicknav_menu {
        display:block;
    }
#header-wrapper {
/* nền */
}
    
}

@media screen and (max-width:320px){
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {padding:6px;}
.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:87%;float:left;margin-left:20px;}


.slicknav_menu {
        display:block;
    }
    
}
/* CSS Post Wrapper */
.post {background:#fff;color:#222;margin:0 0 20px 0;padding:0 10px 0 0;border:1px solid #f0f0f0;transition:all 0.3s linear;}
.post:hover {transition:.3s linear;}
.post-body {line-height:1.6em;color:#222;margin-right:10px;font-size:12px;text-overflow:ellipsis;}
h2.post-title, h1.post-title {font-family:'Muli',sans-serif;font-size:20px;font-weight:700;padding:15px 0;text-transform:none;padding-bottom:0;text-align:left;border-bottom:none;border-top:none;}
h2.post-title:hover, h1.post-title:hover {color:#4791d2;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#0167b9;z-index:0;}
h2.post-title a:hover, h1.post-title a:hover {color:#4791d2!important;}
.post-info {background:#fff;margin-top:0;margin-bottom:0;padding:0;margin-right:15px;margin-left:15px;color:#aaa;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#aaa;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
.post-info a:hover {background:transparent;color:#4791d2;}
.author-info, .review-info, .comment-info, .time-info {margin-right:8px;display:inline;}
.img-thumbnail {overflow:hidden;background:#111;position:relative;float:left;width:250px;height:170px;margin:15px;z-index:1;padding:0;transition:all .3s ease-out;}
.img-thumbnail:hover{transition:all .3s ease-out;}
.img-thumbnail:before {content:"\f0c1";font-family:FontAwesome;font-size:30px;height:30px;
width:30px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding-top:100px;
color:#fff;opacity:0;visibility:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;z-index:2;transition:all .3s ease-out;}
.img-thumbnail:hover:before{opacity:1;visibility:visible;padding-top:0;}
.img-thumbnail img {width:250px;height:170px;z-index:1;transition:all .3s ease-out;}
.img-thumbnail:hover img {opacity:0.7;}

/* CSS Label Info */
.post .label-info {position:absolute;top:15px;left:15px;margin:0 auto;width:auto;z-index:1;}
.label-info a{background:rgba(34,34,34,0.5);color:#fff;font-size:13px;display:block;
float:left;padding:4px 12px;margin:0;transition: all .3s ease-out;}
.label-info a:hover{background:#222;color:#fff;}
.label-info a:nth-child(n+2){display:none;}

/* CSS Read More */
a.read-more {position:absolute;display:inline-block;bottom:15px;background-color:#ff0000;color:#fff;border-left:double #fff;padding:5px 10px 4px;font-size:12px;transition:all .3s ease-out;}
a.read-more:hover {opacity:0.9;background-color:#060606;color:#fff;border-left:double #fdfdfd;}
a.read-more:active {background:#333;color:#fff;border-left:double #fdfdfd;}

/* CSS Homepage Responsive */
@media only screen and (max-width:640px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
.post-body {margin-bottom:10px;}
a.read-more,.readm,.label-info {display:none;}
.img-thumbnail {width:120px;height:100px;}
.img-thumbnail img {width:120px;height:100px;}
.img-thumbnail:before{display:none;}}

@media only screen and (max-width:480px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}
.img-thumbnail {width:80px;height:60px;}
.img-thumbnail img {width:80px;height:60px;}
.img-thumbnail:before,.post-body,.post-share,.comment-info{display:none!important;visibility:hidden;width:0;height:0;}
.post {padding:0 0 25px 0;}}

@media only screen and (max-width:320px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}
.post-body{
    padding: 15px
}
.post-body{
    width: auto !important
}
.post-body1{
    padding: 15px
}
.wpcf7-form-control{
    padding: 6px 10px;
    margin-bottom: 10px
}