/* =============================
* Main Stylesheet
* by I Putu Rama Adithya
* Last updated : April 21, 2014
============================= */


/* ----- Reset ----- */

* {
margin:0;
padding:0;
outline:none;
text-shadow:none;
}
form,
input,
textarea,
button,
select {
font-family:inherit;
}
textarea {
overflow:auto;
vertical-align:top;
}
input[type="text"] {
border:none;
}
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border:0px;
}
input[type="checkbox"],
input[type="radio"] {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
outline:none;
}
button,
button[type="submit"],
button[type="reset"] {
border:0px;
outline:0px;
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}

/* ----- Fonts ----- */

@font-face {
font-family:"FontAwesome";
src:url("fonts/font-awesome/fontawesome-webfont.woff") format("woff");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:"Bebas Neue";
src:url("fonts/bebas-neue/BebasNeue-webfont.woff") format("woff");
font-weight:700;
font-style:normal;
}
@font-face {
font-family:"Open Sans";
src:url("fonts/open-sans/opensans-bold.woff") format("woff");
font-weight:700;
font-style:normal;
}
@font-face {
font-family:"Open Sans";
src:url("fonts/open-sans/opensans-light.woff") format("woff");
font-weight:300;
font-style:normal;
}
@font-face {
font-family:"Open Sans";
src:url("fonts/open-sans/opensans-italic.woff") format("woff");
font-weight:400;
font-style:italic;
}
@font-face {
font-family:"Open Sans";
src:url("fonts/open-sans/opensans-regular.woff") format("woff");
font-weight:400;
font-style:normal;
}
@font-face {
font-family:"Open Sans Condensed";
src:url("fonts/open-sans-condensed/opensans-condensed-bold.woff") format("woff");
font-weight:700;
font-style:normal;
}

/* ----- General ----- */

body {
background:#fff;
color:#2c3e50;
-webkit-font-smoothing:antialiased;
font-family:"Open Sans", "Segoe UI", Segoe, Calibri, Arial, sans-serif;
font-size:16px;
font-weight:400;
overflow-x:hidden;
}
::selection {
background:#16a085;
color:#fff;
}
::-moz-selection {
background:#16a085;
color:#fff;
}
a {
color:#33AEA5;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
transition:all 0.5s;
text-decoration:none;
}
a:hover, a:active {color:#e74c3c;}
p {margin:0 0 20px 0;}
b, strong {font-weight:700;}
i, em, cite {font-weight:400;font-style:italic;}
h1, h2, h3, h4, h5, h6 {
font-family:"Open Sans Condensed", "Open Sans", "Bebas Neue", sans-serif;
font-weight:700;
margin-bottom:5px;
display:block;
}
h1 {font-size:28px;}
h2 {
background:url(../images/bottom-line.gif) left bottom no-repeat;
font-size:24px;
padding-bottom:8px;
margin-bottom:15px;
}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}
mark {
background:rgba(26,188,156,0.4);
font-family:inherit;
}
hr {
color:rgba(204,204,204,0.5);
margin:25px 0;
}
table {margin-bottom:20px;}
th, td {
border:1px solid #AAA;
padding:6px;
font-size:14px;
}
th {
font-family:"Open Sans Condensed";
font-size:16px;
}
th, tr:nth-child(even) {background-color:#fff;}
tr:nth-child(odd) {background-color:rgba(26,188,156,0.1);}
.clear {clear:both;}
#easyTooltip {
padding:5px 8px;
font-size:13px;
border:1px solid #95a5a6;
border-radius:3px;
color:#000;
background:#fff;
z-index:99;
max-width:300px;
}

/* ----- Navigation ----- */

nav {
width:100%;
height:52px;
position:fixed;
-moz-transition:background 0.4s ease-out;
-webkit-transition:background 0.4s ease-out;
transition:background 0.4s ease-out;
z-index:999;
top:0;
left:0;
background:#259780;
box-shadow:inset 0px -4px 0px #2f8178;
opacity:0.98;
}
nav ul {
font-family:"Bebas Neue";
text-transform:uppercase;
font-size:19px;
background:transparent;
list-style:none;
position:relative;
display:inline-table;
}
nav ul:after {
content:"";
clear:both;
display:block;
}
nav ul a {
color:#fff!important;
}
nav ul ul {
display:none;
}
nav ul li:hover > ul {
display:block;
animation:radith 0.3s ease-out;
-moz-animation:radith 0.3s ease-out;
-webkit-animation:radith 0.3s ease-out;
border:1px solid rgba(47,129,120,0.5);
}
nav ul li a.dropdown-parent:after {
content:"";
vertical-align:middle;
margin-top:5px;
margin-left:8px;
display:inline-block;
width:0px;
height:0px;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:4px solid #fff;
border-bottom:4px solid transparent;
}
nav ul li {
float:left;
-moz-transition:background-color 0.3s ease-out;
-webkit-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out;
}
.home {
background:transparent url(../images/radith-home.png) no-repeat center center;
color:transparent!important;
}
.home:hover {
background-color:#ec595c;
-moz-transition:background-color 0.3s ease-out, box-shadow 0.3s ease-out;
-webkit-transition:background-color 0.3s ease-out, box-shadow 0.3s ease-out;
transition:background-color 0.3s ease-out, box-shadow 0.3s ease-out;
box-shadow:inset 0px -4px 0px #c0392b;
}
nav ul li:hover a {
color:#fff;
}
nav ul li a {
display:block;
padding:14px 18px 15px;
color:#757575;
text-decoration:none;
}
nav ul ul {
position:absolute;
top:100%;
background:#259780;
min-width:230px;
}
nav ul ul li {
float:none;
position:relative;
font-family:"Open Sans Condensed";
font-size:16px;
border-bottom:1px solid rgba(255,255,255,0.08);
border-left:3px solid #2f8178;
text-transform:none;
-moz-transition:background-color 0.1s linear;
-webkit-transition:background-color 0.1s linear;
transition:background-color 0.1s linear;
}
nav ul ul li:last-child {
border-bottom:none;
}
nav ul li:hover {
background:#2f8178;
}
nav ul ul li a {
padding:15px 40px 15px 30px;
color:#fff;
-moz-transition:padding 0.3s ease-out;
-webkit-transition:padding 0.3s ease-out;
transition:padding 0.3s ease-out;
}
nav ul ul li:hover a {
padding:15px 35px 15px 35px;
}
nav ul ul ul {
position:absolute;
left:100%;
top:0;
}
a.sub-dropdown:after {
float:right;
content:"";
vertical-align:middle;
margin-top:7px;
margin-right:-25px;
display:inline-block;
width:0px;
height:0px;
border-right:5px solid transparent;
border-left:5px solid #fff;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
}
nav form {
float:right;
margin:10px 18px 10px 10px;
z-index:9999;
}
#search-form {
border:1px solid rgba(255,255,255,0.1);
width:190px;
height:22px;
font-family:"Open Sans";
font-style:italic;
padding:3px;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
transition:all 0.6s;
color:#8f8585;
background:rgba(255,255,255,0.8);
position:relative;
}
#search-form:hover {background:rgba(255,255,255,0.9);}
#search-form:focus {
width:230px;
font-style:normal;
font-weight:bold;
color:#363232;
background:#fff;
/* Efek redup saat search-form diklik */
box-shadow:0 0 0 99999px rgba(0,0,0,0.5);
}

.icon-partner:before {content:"\f0c0";}
.icon-contact:before {content:"\f095";}
.icon-link:before {content:"\f0c1";}
.icon-about:before {content:"\f118";}

.icon-partner:before,
.icon-contact:before,
.icon-link:before,
.icon-about:before {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
vertical-align:middle;
margin:0 8px 0 -6px;
font-size:14px;
color:#fff;
}

@keyframes radith {
0% {margin-top:-20px;opacity:0.9;}
100% {margin-top:0;opacity:1;}
}
@-moz-keyframes radith {
0% {margin-top:-20px;opacity:0.9;}
100% {margin-top:0;opacity:1;}
}
@-webkit-keyframes radith {
0% {margin-top:-20px;opacity:0.9;}
100% {margin-top:0;opacity:1;}
}

/* ----- Wrapper ----- */

#outer-wrapper {
width:980px;
margin:60px auto 0;
overflow:hidden;
display:block;
padding:10px;
}
#content-wrapper {
float:left;
width:67%;
overflow:hidden;
word-wrap:break-word;
}
#rsidebar-wrapper {
float:right;
width:30%;
padding:0;
}

/* ----- Content ----- */

.breadcrumbs {
background:#1abc9c;
padding:13px 20px 13px 65px;
margin-bottom:15px;
font-size:13px;
color:#fff;
border-radius:4px;
position:relative;
border-bottom:2px solid rgba(0,0,0,0.1);
}
.breadcrumbs a {
color:rgba(255,255,255,0.9);
text-decoration:none;
}
.breadcrumbs a:hover {
color:#fff;
text-decoration:none;
}
.breadcrumbs:before {
content:"\f041";
font-family:fontAwesome;
font-size:22px;
font-style:normal;
background-color:#16a085;
color:#fff;
border-radius:4px 0 0 4px;
top:0;
left:0;
padding:13px 18px 9px 20px;
position:absolute;
}
.post-info {
margin:10px 0 20px 0;
font-size:11px;
display:block;
color:#999;
}
.post-info a {
color:#999;
text-decoration:none;
}
.post-info a:hover {color:#2C3E50;}
.post-info span.separator-info {margin-right:22px;}
.author-name {margin-left:8px;}
.icon-author:before {content:"\f007";}
.icon-tags:before {content:"\f02c";}
.icon-date:before {content:"\f073";}
.icon-comment:before {content:"\f086";}
.icon-author:before,
.icon-tags:before,
.icon-date:before,
.icon-comment:before {
font-family:"FontAwesome";
font-weight:normal;
font-style:normal;
vertical-align:baseline;
margin:0 7px 0 -6px;
}
#content-wrapper h1 {text-transform:uppercase;}
#content-wrapper p {line-height:25px;}
#content-wrapper p.margin-top {margin-top:15px;}
#content-wrapper img {display:block;margin:30px 0 15px 0;}
#content-wrapper h3:before {content:"«";margin-right:5px;}
#content-wrapper h3:after {content:"»";margin-left:5px;}
#content-wrapper ul {margin-bottom:15px;}
#content-wrapper ul li {margin-left:25px;}
.note {
display:block;
font-style:normal;
color:#555;
margin:15px 0;
padding:15px 18px 15px 48px;
position:relative;
background-color:#f8e38d;
border-radius:4px;
border-bottom:2px solid rgba(0,0,0,0.1);
width:auto;
position:relative;
}
.note:before {
content:"\f05a";
font-family:"fontAwesome";
display:block;
position:absolute;
top:15px;
left:16px;
color:rgba(0,0,0,0.18);
font-size:24px;
line-height:1;
}
.note.note-arrow-right:after {
content:"";
bottom:100%;
right:15px;
width:0px;
height:0px;
border-top:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #f8e38d;
border-left:8px solid transparent;
position:absolute;
display:inline-block;
}
.note.note-arrow-left:after {
content:"";
bottom:100%;
left:15px;
width:0px;
height:0px;
border-top:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #f8e38d;
border-left:8px solid transparent;
position:absolute;
display:inline-block;
}
.note::selection {
background:rgba(0,0,0,0.3);
color:#fff;
}
.note::-moz-selection {
background:rgba(0,0,0,0.3);
color:#fff;
}
#related-post {
background:#e9e9e9;
margin-top:50px;
margin-bottom:15px;
padding:1px 0 5px 20px;
border-bottom:2px solid rgba(0,0,0,0.1);
border-radius:4px;
display:block;
}
#related-post a {color:#2c3e50;}
#related-post ul {list-style:square;}
#related-post li {
color:#2c3e50;
text-indent:0;
line-height:26px;
padding:0 0 3px 0;
font-size:16px;
}
#related-post a:hover {
color:#16a085;
text-decoration:none;
}
#related-post h2 {
font-size:18px;
margin:0 0 15px -20px;
background:#1abc9c;
color:#fff;
padding:12px 20px 12px 75px;
font-weight:normal;
position:relative;
text-transform:none;
border-bottom:2px solid rgba(0,0,0,0.1);
border-top-right-radius:4px;
border-top-left-radius:6px;
}
#related-post h2:before {
content:"\f074";
font-family:fontAwesome;
vertical-align:middle;
font-size:19px;
font-style:normal;
background-color:#16a085;
color:#fff;
top:0;
left:0;
padding:13px 20px 16px;
position:absolute;
border-top-left-radius:4px;
}
#comments {
background:#e9e9e9;
margin-top:10px;
margin-bottom:10px;
padding:1px 0 15px 20px;
border-bottom:2px solid rgba(0,0,0,0.1);
border-radius:4px;
display:block;
}
#comments h2 {
font-size:18px;
margin:0 0 15px -20px;
background:#41CAC0;
color:#fff;
padding:12px 20px 12px 75px;
font-weight:normal;
position:relative;
border-bottom:2px solid rgba(0,0,0,0.1);
border-top-right-radius:4px;
border-top-left-radius:6px;
}
#comments h2:before {
content:"\f086";
font-family:fontAwesome;
vertical-align:middle;
font-size:19px;
font-style:normal;
background:#33AEA5;
color:#fff;
top:0;
left:0;
padding:13px 20px 16px;
position:absolute;
border-top-left-radius:4px;
}
#comments .comments-block {
margin-top:20px;
display:block;
}
#comments .comments-block img.img-avatar {
float:left;
margin:0 10px 0 0;
border-radius:50%;
border:2px solid #33AEA5;
max-width:60px;
max-height:60px;
transition:all 0.5s ease-out;
cursor:pointer;
}
#comments .comments-block img.img-avatar:hover {
transition:all 0.5s ease-out;
-moz-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
#comments  .comments-text {
float:left;
padding:8px 5px 10px 15px;
background:#41CAC0;
width:60%;
border-radius:4px;
position:relative;
margin-left:10px;
border-bottom:2px solid rgba(0,0,0,0.1);
transition:margin 0.3s ease-out;
}
#comments .comments-block .comments-text:before {
content:"";
position:absolute;
top:25px;
left:-14px;
border:7px solid transparent;
border-right-color:#41CAC0;
}
#comments .comments-block .comments-text:hover {margin-left:15px;}
#comments .comments-block span.commenter-name a {
color:#fff!important;
font-family:"Open Sans Condensed";
text-decoration:none;
}
#comments .comments-block .comments-text p {
margin-top:10px;
margin-bottom:0;
color:rgba(0,0,0,0.8);
}
#comments .comments-block .comments-text a {
color:rgba(0,0,0,0.8);
text-decoration:underline;
}
#comment-field {margin:30px 0 20px;}
#comment-message {
display:block;
background:#34495e;
padding:15px 15px 14px 15px;
margin:10px 0 6px 0;
color:#f4f4f4;
font-size:13px;
line-height:20px;
border-radius:4px;
position:relative;
border-bottom:2px solid rgba(0,0,0,0.1);
}
#comment-message:after{
content:'';
width:0;
height:0;
position:absolute;
top:100%;
left:20px;
border:11px solid transparent;
border-color:#34495e transparent transparent ;
z-index:998;
}
#commentfield-container {
background:#d9d9d9;
margin-bottom:20px;
position:relative;
border-bottom:2px solid rgba(0,0,0,0.1);
border-radius:4px;
padding:10px 15px 5px 15px;
}
#comment-field form {width:95%;}
#comment-field form input[type="text"],
#comment-field form input[type="email"],
#comment-field form input[type="password"],
#comment-field form textarea {
display:block;
margin-bottom:12px;
border:2px solid transparent;
transition:all 0.3s ease-out
}
#comment-field form input[type="text"]:focus,
#comment-field form input[type="email"]:focus,
#comment-field form input[type="password"]:focus,
#comment-field form textarea:focus {
border:2px solid rgba(0,0,0,0.5);
}
#comment-field form input[type="text"]::selection,
#comment-field form input[type="email"]::selection,
#comment-field form input[type="password"]::selection,
#comment-field form textarea::selection {
background:#9b59b6;
color:#fff;
}
#comment-field form input[type="text"]::-moz-selection,
#comment-field form input[type="email"]::-moz-selection,
#comment-field form input[type="password"]::-moz-selection,
#comment-field form textarea::-moz-selection {
background:#9b59b6;
color:#fff;
}
input#input-name,
input#input-email,
input#input-web,
input#input-password {
width:60%;
padding:6px;
font-size:15px;
border-radius:4px;
}
input#input-name {
margin-top:10px;
}
textarea#input-yourcomment {
width:70%;
height:90px;
padding:8px;
font-size:14px;
border-radius:6px;
}
label[for="notifyme"] {
font-size:15px;
vertical-align:top;
}
/*
* Flat ButtonAwesome
* http://flat-button-ftnpi1.900dpi.com/
*/
.button {
border-radius:5px;
border:none;
border-bottom:2px solid rgba(0,0,0,.1);
color:#ffffff!important;
cursor:pointer!important;
display:inline-block;
font-family:inherit;
font-weight:normal;
font-size:15px;
-webkit-font-smoothing:antialiased;
line-height:normal;
margin:15px 7px 10px 0;
outline:0!important;
padding:8px 18px;
text-align:center;
text-decoration:none!important;
text-shadow:none!important;
transition:background-color 0.5s ease-out;
-moz-transition:background-color 0.5s ease-out;
-webkit-transition:background-color 0.5s ease-out;
width:auto;
}
.button:hover {
color:#ffffff!important;
transition:background-color 0.5s ease-out;
-moz-transition:background-color 0.5s ease-out;
-webkit-transition:background-color 0.5s ease-out;
}
.button.submit {background-color:#41CAC0;}
.button.submit:hover {background-color:#33AEA5;}
.button.reset {background-color:#e74c3c;}
.button.reset:hover {background-color:#c0392b;}

/* ----- Prettify ----- */

pre, code {
font-family:Consolas, "Courier New", monospace;
font-size:14px;
background:#fff;
}
pre {
margin:10px 0 20px 0;
word-wrap:break-word;
white-space:pre-wrap;
border:1px solid #ccc;
border-bottom:2px solid #ccc;
padding:10px 15px 7px 5px;
position:relative;
}
code {
padding:4px 8px;
vertical-align:middle;
border:1px solid #ccc;
border-bottom:2px solid #ccc;
}
.nocode {color:#93a1a1;font-style:italic;}
.com {color:#93a1a1;font-style:italic;}
.lit {color:#195f91;}
.pun,.opn,.clo {color:#93a1a1;}
.fun {color:#dc322f;}
.str,.atv {color:#D14;}
.kwd,.tag {color:#2980b9;}
.typ,.atn,.dec,.var {color:#16a085;}
.atn,.tag,.pun {font-weight:bold;}
.pln {color:#48484c;}
.dec {font-style:italic;}
pre.prettyprint, code.prettyprint {line-height:18px;}
.prettyprint.linenums {box-shadow:inset 40px 0 0 #eee, inset 41px 0 0 #ececf0;}
.prettyprint ol.linenums {
margin:0;
padding-left:40px;
}
.prettyprint ol.linenums li {
padding-left:12px!important;
color:#999;
line-height:11pt;
margin-bottom:5px;
}
pre ::selection {
background#e74c3c;
color:#fff;
}
pre ::-moz-selection {
background:#e74c3c;
color:#fff;
}
code ::selection {
background:#8e44ad;
color:#fff;
}
code ::-moz-selection {
background:#8e44ad;
color:#fff;
}

/* ----- Widget ----- */

.widget {
margin-bottom:10px;
width:294px;
}
.widget h2.title {
background:#e2e3e7;
padding:2px 5px 2px;
margin:-5px -5px 5px;
font-weight:400;
}
.widget p {margin-bottom:10px;}

/* ----- Basic jQuery Slider ----- */

.widget.slider-container {padding:0;}
.slider-container {
position:relative;
height:243px;
width:292px;
border:1px solid #ccc;
}
.slider-container .bjqs { 
position:absolute;
height:243px;
overflow:hidden;
}
.slider-container ul.bjqs {list-style:none;}
.slider-container .bjqs li {
border-top:none;
padding:0;
float:left;
}
.slider-container .bjqs-controls {
position:absolute;
top:10px;
left:-10px;
border:1px solid rgba(37,151,128,0.3);
opacity:0.9;
-moz-transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
.slider-container .bjqs-controls:hover {opacity:1.0;}
.slider-container ul.bjqs-controls {list-style:none;}
.slider-container .bjqs-controls li {
border-top:none;
padding:0;
}
.slider-container .bjqs-controls li:first-child {border-bottom:1px solid #ccc;}
.slider-container .bjqs-controls li a {
padding:3px 8px;
background:#fff;
display:block;
color:#000;
}
.slider-container .bjqs-controls li a:hover {
text-decoration:none;
background:#efefef;
}
span.chevron-left:before {content:"\f053";}
span.chevron-right:before {content:"\f054";}
span.chevron-left:before,
span.chevron-right:before {
font-family:"FontAwesome";
font-size:12px;
color:#000;
}

/* ----- Facebook Like ----- */

.widget.like-container {padding:0;}
#like-container {
margin:0 auto;
padding:10px;
display:block;
width:274px;
height:272px;
overflow:hidden;
font-size:22px;
font-weight:300;
text-shadow:none;
background:rgba(41,128,185,0.6) url(../images/like-bg.jpg) no-repeat;
background-size:cover;
}
.pagecount,
.pageverb,
.pagename,
.pagelike {
display:block;
text-align:center;
}
.pagecount {
font-size:70px;
padding-top:0;
}
.pageverb, .pagename {font-size:30px;}
.pagename a {
color:#3498db;
transition:all 0.5s;
font-weight:400;
}
.pagename a:hover {
transition:all 0.5s;
color:#2980b9;
}
.pagelike {padding-top:10px;}
.pagelike span {font-size:23px;}
.like-button iframe {
padding-top:20px;
vertical-align:middle;
}

/* ----- Table of Contents ----- */

#toc-container {
background:#45B2A7;
padding:10px;
display:block;
box-shadow:inset 0px -2px 0px rgba(0,0,0,0.13);
z-index:90;
}
#toc-container ul {
list-style:none;
margin-top:10px;
}
#toc-container ul li {
margin-bottom:5px;
transition:margin 0.3s ease-out;
}
#toc-container ul li:hover {margin-left:2px;}
#toc-container ul li:last-child {margin-bottom:0;}
#toc-container ul li a {
color:#fff!important;
font-size:14px;
line-height:30px;
}
#toc-caption {
color:#fff!important;
font-size:28px;
font-family:"Open Sans Condensed";
text-align:center;
}

/* ----- Footer ----- */

footer {
background:#323232;
width:100%;
position:relative;
clear:both;
z-index:99;
}
.footer-line {
position:absolute;
top:-2px;
width:100%;
height:3px;
background:url(../images/line.png) repeat-x;
}
#footer-wrapper {
width:980px;
margin:0 auto;
color:#666;
font-size:14px;
height:100%;
line-height:15px;
}
.footer-widget {
float:left;
width:30.5%;
margin:10px;
}
.footer-widget h2 {
font-size:20px;
padding-bottom:8px;
margin-bottom:8px;
line-height:1.3em
;color:#ecf0f1;
font-weight:normal;
border-bottom:1px solid rgba(204,204,204,0.5);
background:transparent;
}
.footer-widget .widget-content {
line-height:20px;
color:#ecf0f1;
}
.footer-widget ul {
list-style:none;
}
.footer-widget li {
text-indent:0;
line-height:1.4em;
padding:2px 0 3px 0px;
font-size:14px;
}
.img-about {
display:inline-block;
float:left;
margin-right:8px;
margin-bottom:0px;
border-radius:50%;
border:2px solid rgba(255,255,255,0.8);
width:70px;
height:70px;
}
#credit {
background:#121114;
text-align:center;
font-size:14px;
padding:20px 0;
margin-bottom:-51px;
color:#fff;
}
#credit a {
color:#fff!important;
text-decoration:underline;
}

/* ----- Overlay ----- */

.overlay {
width:100%;
height:100%;
position:fixed;
background:rgba(0,0,0,0.5);
z-index:9999;
top:0;
left:0;
display:none;
}
.box-overlay {
width:400px;
height:150px;
background:#fff;
border-radius:5px;
margin:15% auto;
position:relative;
padding:10px;
box-shadow:0 0 0 3px #16a085;
text-align:center;
}
.close-button {
width:20px;
height:20px;
background:#c0392b;
border-radius:50%;
border:3px solid #fff;
box-shadow:0 0 0 1px rgba(0,0,0,0.4);
display:block;
color:#fff;
position:absolute;
top:-10px;
right:-10px;
}
.overlay-caption {
font-family:"Open Sans Condensed";
font-size:27px;
}
.box-overlay p {
margin-top:20px;
font-size:15px;
}