/*
Theme Name: journey.flashindonesia.com
Theme URI: https://journey.flashindonesia.com
Author: journey.flashindonesia.com
Author URI: https://journey.flashindonesia.com
Description: journey.flashindonesia.com WP Themes is a modernized take on an ever-popular WordPress layout. The horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. TeknoGadget is official Katapolos.com WP Themes.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://journey.flashindonesia.com
Text Domain: journey.flashindonesia.com WP Themes
Tags: responsive-layout, custom-menu, full-width-template, post-formats, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of

/* reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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 
{
vertical-align: baseline;
background: none;
outline: 0;
font-size: 100%;
padding: 0;
border: 0;
margin: 0;
}

* 
{
padding: 0;
margin: 0;
}

/* headline */
h1
{
font-size: 35px;
line-height: 125%;
}

h2
{
font-size: 30px;
line-height: 125%;
}

h3
{
font-size: 25px;
line-height: 125%;
}

h4
{
font-size: 20px;
line-height: 125%;
}

h5 
{
font-size: 18px;
line-height: 125%;
}

h6
{
font-size: 14px;
line-height: 125%;
}

h1,h2,h3,h4,h5,h6
{
margin: 0 0 5px 0;
}

/* begin layout */
body
{
background: #F5F5F5;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #000000;
line-height: 125%;
padding: 0;
margin: 0;
}

/* header */
#header
{
width: auto;
height: auto;
background: #FFFFFF;
padding: 0 129px 20px 129px;
}

#header-ads
{
width: auto;
max-width: 728px;
background: #FFFFFF;
height: 130px;
margin: 0 auto;
padding: 15px;
}

#header-ads-homepage
{
width: auto;
max-width: 728px;
height: auto;
margin: 0 auto;
padding: 15px;
}

#header h1
{
font-family: 'Montserrat', sans-serif;
font-size: 27px;
font-weight: normal;
padding: 0;
margin: 0;
}

#header h1 a
{
font-weight: 700;
color: #FFCC00;
}

.header_logo
{
width: auto;
font-size: 20px;
color: #FFCC00;
}

.logo
{
width: 200px;
height: auto;
color: #FFCC00;
margin: -15px 0 0 0;
}

/* search */
#search-box
{
float: left;
width: auto;
background: none;
margin: -36px 0 0 310px;
-webkit-margin-before: -36px;
-webkit-margin-end: auto;
-webkit-margin-after: auto;
-webkit-margin-start: 310px;
}

.form-search
{
float: left;
width: 450px;
background: #FFFFFF;
padding: 3px;
border: 1px solid #363636;
}

.form-search input
{
float: left;
width: 90%;
background: none;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
color: #363636;
padding: 3px;
border: 0;
}

.form-search button
{
position: relative;
float: right;
width: auto;
background: none;
font-size: 18px;
color: #363636;
text-transform: uppercase;
cursor: pointer;
padding: 5px;
border: 0;
margin: -3px 0 0 0;
-webkit-margin-before: -3px;
-webkit-margin-end: 3px;
-webkit-margin-after: auto;
-webkit-margin-start: auto;
}

/* navigation social media */
#social-media
{
float: right;
width: auto;
height: 35px;
padding: 10px 0 0 0;
margin: -45px 0 0 0;
-webkit-margin-before: -44px;
-webkit-margin-end: auto;
-webkit-margin-after: auto;
-webkit-margin-start: auto;
}

#social-media .facebook a
{
font-size: 25px;
color: #272727;
text-decoration: none;
}

#social-media .facebook a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #3B5999;
}

#social-media .instagram a
{
font-size: 25px;
color: #272727;
text-decoration: none;
}

#social-media .instagram a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #E4405F;
}

#social-media .twitter a
{
font-size: 25px;
color: #272727;
text-decoration: none;
}

#social-media .twitter a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #1DA1F2;
}

/* menu navigation */
#nav_link, #cat
{
width: auto;
height: 40px;
background: #0C3D81;
font-size: 12px;
font-weight: 600;
line-height: 30px;
padding: 0;
margin: auto;
border-bottom: 5px solid #FFCC00;
-webkit-margin-before: auto;
-webkit-margin-end: auto;
-webkit-margin-after: auto;
-webkit-margin-start: auto; 
}

.nav, #cat_nav
{
z-index: 99;
overflow: visible;
line-height: 1;
list-style: none;
padding: 0;
margin: 0;
clear: both;
}

.nav a
{
z-index: 100;
display: block;
text-decoration: none;
}

.nav li, #cat_nav li
{
display: inline-block;
width: auto;
text-align: center;
margin: 0;
}

.nav li a, #cat_nav li a
{
display: inline-block;
color: #FFFFFF;
text-transform: uppercase;
line-height: 30px;
padding: 5px 15px;
}

.nav li .first
{
text-decoration: none;
}

.nav li .first a
{
color: #FFFFFF;
}

.nav li a:hover, .nav li a:active, .nav li.current_page_item
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #0A326A;
color: #FFFFFF;
text-decoration: none;
}

.nav li .current_page_item a
{
color: #FFFFFF;
}

.nav li .current_page_item ul li a
{
color: #FFFFFF;
}

.nav li ul li a
{
background: #EFEFEF;
color: #FFFFFF;
text-align: left;
}

.nav li:hover > ul, #cat_nav li:hover > ul
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
z-index: 2;
display: block;
}

.nav li ul li:hover ul, #cat_nav li ul li:hover ul
{
left: 0;
}

.nav li ul, #cat_nav li ul
{
z-index: 999;
left: -999em;
position: absolute;
width: 188px;
background: #0C3D81;
padding: 0 0 10px 0;
border-bottom: 5px solid #FFCC00;
}

.nav li ul li, #cat_nav li ul li
{
list-style: none;
}

.nav li ul li a, .nav li ul li a:visited, #cat_nav li ul li a, #cat_nav li ul li a:visited
{
width: 158px;
background: #0C3D81;
font-size: 12px;
color: #FFCC00;
}

.nav li ul li a, #cat_nav li ul li a
{
padding: 0 15px;
}

.nav li ul li a:hover, #cat_nav li ul li a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #0A326A;
color: #FFFFFF;
border-radius: 0;
}

.nav li ul ul, #cat_nav li ul ul
{
margin: -30px 0 0 166px;
}

.nav li:hover, .nav li.hover, #cat_nav li:hover, #cat_nav li.hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
position: static;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, #cat_nav li:hover ul ul, #cat_nav li:hover ul ul ul, #cat_nav li:hover ul ul ul ul
{
left: -999em;
}

.nav li:hover ul, .nav li li:hover ul .nav li li li:hover ul, .nav li li li li:hover ul, #cat_nav li:hover ul, #cat_nav li li:hover ul #cat_nav li li li:hover ul, #cat_nav li li li li:hover ul
{
left: auto;
}

/* page */
#page
{
width: 100%;
max-width: 1083px;
background: #FFFFFF;
margin: 0 auto;
}

/* wrapper */
#wrapper
{
overflow: hidden;
width: 100%;
max-width: 736px;
padding: 15px 20px;
}

#headlines
{
font-size: 16px;
font-weight: 700;
color: #FFCC00;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #CCCCCC;
}

#headlines-archive
{
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: #FFCC00;
padding: 0 0 5px 0;
margin: 0;
border-bottom: 1px dotted #CCCCCC;
}

/* breadcrumbs */
#breadcrumbs
{
overflow: hidden;
background: #FFFFFF;
font-size: 12px;
font-weight: 500;
color: #9C9C9C;
padding: 0 0 5px 0;
border-bottom: 1px solid #F5F5F5;
margin: 0;
}

/* content */
#content
{
float: right;
width: 100%;
max-width: 430px;
padding: 0;
margin: 0;
}

#content h1.post-title
{
font-size: 20px;
line-height: 120%;
padding: 10px 0 5px 0;
}

#content h2.post-title
{
line-height: 120%;
padding: 10px 15px;
}

#content h1.post-title a, #content h2.post-title a
{
color: #000000;
text-decoration: none;
}

#content .profile-update
{
overflow: hidden;
font-size: 12px;
font-weight: 500;
color: #9C9C9C;
line-height: 180%;
padding: 0;
margin: -5px 0 20px 0;
}

#content .profile-update a
{
font-size: 12px;
font-weight: 500;
color: #272727;
line-height: 180%;
}

#content a
{
font-size: 12px;
font-weight: 600;
color: #000000;
text-decoration: none;
}

#content .postmetadata a
{
font-size: 14px;
font-weight: 700;
color: #0C3D81;
text-decoration: none;
}

#content a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #0C3D81;
text-decoration: none;
}

#content em
{
text-decoration: none;
}

#content strong em,#content em strong
{
text-decoration: none;
}

#content del
{
text-decoration: none;
}

#content ins
{
text-decoration: underline;
}

#content pre,#content code,#content tt
{
display: inline;
overflow: auto;
background: #F5F5F5;
font-size: 14px;
padding: 5px;
margin: 0;
}

#content hr
{
width: 100%;
height: 1px;
background: #F5F5F5;
color: #EFEFEF;
margin: 15px 0;
border: none;
clear: both;
}

#content .post
{
background: #FFFFFF;
padding: 0 0 20px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #F5F5F5;
}

#content .post-page
{
background: #FFFFFF;
padding: 15px 0;
margin: 0;
}

#content .entry-index
{
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 145%;
padding: 0;
margin: 0 0 20px 0;
}

#content .entry-post
{
background: #FFFFFF;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 145%;
padding: 0;
margin: -35px 0 0 0;
}

#content .entry-post p
{
padding: 0 0 10px 0;
margin: 0;
}

#content .entry-page
{
background: #FFFFFF;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 145%;
padding: 0;
margin: 0;
}

#content .entry-page p
{
padding: 0 0 10px 0;
margin: 0;
}

#content img.wp-smiley
{
background: none;
padding: 0;
border: none;
}

img.centered
{
display: block;
padding: 0;
margin: auto auto 10px auto;
}

/* align set & image set */
.aligncenter
{
width: 100%;
height: auto;
margin: 0 0 10px 0;
}

.aligncenter:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 0.75;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}

.wp-caption
{
width: 100%;
text-align: center;
padding: 0;
}

.wp-caption img
{
width: 728px;
height: auto;
padding: 0;
border: 0;
margin: 0 0 5px 0;
}

.wp-caption p.wp-caption-text
{
font-size: 14px;
line-height: 100%;
padding: 0;
margin: 0;
}

/* postmetadata */
.postmetadata
{
padding: 10px 0;
margin: -30px 0 0 0;
}

.postmetadata-image
{
padding: 0 75px;
margin: 0;
}

.postmetadata-tags
{
font-size: 14px;
font-weight: 700;
width: 100%;
padding: 0;
margin: 0;
}

.postmetadata-tags a
{
color: #0C3D81;
text-transform: lowercase;
line-height: 140%;
padding: 0;
margin: 0;
}

.rs, #cw label
{
width: auto;
}

.rs i,.ry
{
background: url(images/google-star.png) -800px 0 no-repeat;
cursor: pointer;
}

.rg
{
width: 145px;
background: url(images/google-star.png) -800px -25px no-repeat;
cursor: pointer;
}

.rg:hover .ry,.rs i
{
opacity: 0.001
}

.ry,.rs i,.rg
{
height: 24px
}

.ntf
{
background: #F5F5F5;
width: 180px;
font-size: 14px;
padding: 10px;
border: 1px solid #EFEFEF;
margin: 5px 0;
}

#content .readmore-button
{
width: auto;
margin: 0;
}

#content .readmore-button a
{
float: right;
background: #FFCC00;
font-size: 12px;
font-weight: 700;
color: #FFFFFF;
text-decoration: none;
padding: 3px 10px;
border: 1px solid #FFCC00;
border-radius: 5px;
margin: 10px 0 0 0;
}

#content .readmore-button a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #E64100;
color: #FFFFFF;
border: 1px solid #E64100;
}

#content .phone-button
{
width: auto;
margin: 0;
}

#content .phone-button a
{
background: #34B7F1;
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
padding: 5px 10px;
border: 1px solid #34B7F1;
border-radius: 5px;
margin: 5px 0 0 0;
}

#content .phone-button a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #10A2E2;
color: #FFFFFF;
border: 1px solid #10A2E2;
}

#content .wa-button
{
width: auto;
margin: 0;
}

#content .wa-button a
{
background: #25D366;
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
padding: 5px 10px;
border: 1px solid #25D366;
border-radius: 5px;
margin: 5px 0 0 0;
}

#content .wa-button a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #1DA751;
color: #FFFFFF;
border: 1px solid #1DA751;
}

/* navigation page */
.navigation
{
font-size: 14px;
font-weight: 700;
margin: 0;
}

.textwidget
{
padding: 0 5px;
}

/* sidebar */
#sidebar
{
display: inline;
float: left;
width: 290px;
padding: 0;
margin: 0;
}

#sidebar a:link, #sidebar a:visited
{
font-size: 12px;
font-weight: 700;
color: #000000;
text-decoration: none;
line-height: 125%;
}

#sidebar a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #0C3D81;
text-decoration: none;
}

#sidebar ul
{
list-style: none;
margin: 0;
}

#sidebar ul ul
{
padding: 10px 0 25px 0;
margin: -5px 0 0 0;
clear: both;
}

#sidebar ul li
{
padding: 0;
margin: 0;
}

#sidebar .sidebar_inner
{
width: auto;
padding: 0;
}

#sidebar .sidebar_inner ul h2
{
font-size: 14px;
font-weight: 700;
color: #000000;
text-transform: uppercase;
padding: 5px 0;
border-bottom: 3px solid #0C3D81;
}

#sidebar .sidebar_inner ul ul li
{
padding: 8px 0 8px 10px;
border-bottom: 1px solid #EFEFEF;
}

#sidebar .sidebar_inner ul ul li ul
{
padding: 0 0 0 25px;
margin: 0;
}

#sidebar .sidebar_inner ul ul li ul li
{
line-height: 125%;
list-style: none;
border-bottom: 0;
}

#sidebar .popular-post
{
padding: 15px 0 25px 0;
margin: -7px 0 0 0;
}

#sidebar .popular-post img
{
overflow: hidden;
vertical-align: top;
width: 100%;
height: auto;
margin: 0;
}

#sidebar .popular-post img:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 0.75;
}

#sidebar .popular-post-title
{
padding: 10px 0;
border-bottom: 3px solid #F5F5F5;
margin: 0 0 15px 0;
}

#sidebar .rpwwt-post
{
padding: 15px;
margin: -7px 0 0 0;
}

#sidebar .rpwwt-post-title
{
background: #none;
padding: 15px 0 0 0;
margin: -7px 0 0 0;
}

#sidebar .rpwwt-post-date
{
font-size: 10px;
font-weight: 400;
color: #9C9C9C;
line-height: 180%;
margin: 0 0 10px 0;
}

#sidebar .tags
{
padding: 10px;
margin: -7px 0 0 0;
}

#sidebar .tags a
{
font-weight: 500;
color: #000000;
line-height: 180%;
}

#sidebar .tags a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #0C3D81;
}

#sidebar .wpp-date
{
font-size: 10px;
font-weight: 500;
color: #9C9C9C;
line-height: 180%;
}

/* right sidebar */
#right-sidebar
{
position: absolute;
right: 135px;
width: 290px;
padding: 0;
margin: 0 20px 0 0;
}

#right-sidebar a:link, #right-sidebar a:visited
{
font-size: 12px;
font-weight: 700;
color: #000000;
text-decoration: none;
line-height: 125%;
}

#right-sidebar a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #0C3D81;
text-decoration: none;
}

#right-sidebar ul
{
list-style: none;
margin: 0;
}

#right-sidebar ul ul
{
padding: 10px 0 25px 0;
margin: -5px 0 0 0;
clear: both;
}

#right-sidebar ul li
{
padding: 0;
margin: 0;
}

#right-sidebar .right-sidebar_inner
{
width: auto;
padding: 0;
}

#right-sidebar .right-sidebar_inner ul h2
{
font-size: 14px;
font-weight: 700;
color: #000000;
text-transform: uppercase;
padding: 5px 0;
border-bottom: 3px solid #FFCC00;
}

#right-sidebar .right-sidebar_inner ul ul li
{
padding: 8px 0 8px 10px;
border-bottom: 1px solid #EFEFEF;
}

#right-sidebar .right-sidebar_inner ul ul li ul
{
padding: 0 0 0 25px;
margin: 0;
}

#right-sidebar .right-sidebar_inner ul ul li ul li
{
line-height: 125%;
list-style: none;
border-bottom: 0;
}

#right-sidebar .popular-post
{
padding: 15px 0 25px 0;
margin: -7px 0 0 0;
}

#right-sidebar .popular-post img
{
overflow: hidden;
vertical-align: top;
width: 100%;
height: auto;
margin: 0;
}

#right-sidebar .popular-post img:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 0.75;
}

#right-sidebar .popular-post-title
{
padding: 10px 0;
border-bottom: 3px solid #F5F5F5;
margin: 0 0 15px 0;
}

#right-sidebar .rpwwt-post
{
padding: 15px;
margin: -7px 0 0 0;
}

#right-sidebar .rpwwt-post-title
{
padding: 15px 0 0 0;
margin: -7px 0 0 0;
}

#right-sidebar .rpwwt-post-date
{
font-size: 10px;
font-weight: 500;
color: #9C9C9C;
line-height: 180%;
margin: 0 0 10px 0;
}

#right-sidebar .tags
{
padding: 10px;
margin: -7px 0 0 0;
}

#right-sidebar .tags a
{
font-weight: 500;
color: #000000;
line-height: 180%;
}

#right-sidebar .tags a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #0C3D81;
}

#right-sidebar .wpp-date
{
font-size: 10px;
font-weight: 500;
color: #9C9C9C;
line-height: 180%;
}





/* clearing */
.clear
{
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
clear: both;
}

.clearfix:after 
{
display: block;
visibility: hidden;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
content: ' ';
clear: both;
}

/* misc */
#header h1 a, #header h2 a
{
text-decoration: none;
line-height: 125%;
}

#header h1 a:hover, #header h2 a:hover
{
text-decoration: none;
}

.cancel-comment-reply a, #footer #inner-footer
{
padding: 0;
}

.nav li ul li ul, #searchform label, #searchsubmit,span.says,hr
{
display: none;
}

/* ads */
.ads-post
{
background: #FFFFFF;
text-align: center;
padding: 10px 0;
margin: -25px 0 25px 0;
}

.ads-post-archive
{
background: #FFFFFF;
text-align: center;
padding: 10px 0;
margin: 0 0 5px 0;
}

.ads-post-title
{
background: #FFFFFF;
text-align: center;
padding: 10px 0;
margin: -25px 0 25px 0;
}

/* container image */
.container
{
position: relative;
float: right;
width: 100%;
height: auto;
margin: 0;
}

.container img
{
position: relative;
float: right;
width: 100%;
height: auto;
margin: -15px 0 8px 0;
}

.image
{
display: block;
backface-visibility: hidden;
width: 100%;
height: auto;
opacity: 1;
transition: .5s ease;
}

.middle
{
position: absolute;
top: 50%;
left: 50%;
width: auto;
opacity: 0;
transition: .5s ease;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}

.title
{
padding: 0 0 5px 0;
}

.container:hover .middle
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 1;
}

#content .container-text-hover a
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #FF6900;
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 125%;
padding: 0 15px;
}

.container .title
{
width: 80%;
text-align: center;
}

#content .container-title a
{
font-size: 20px;
font-weight: 700;
color: #000000;
line-height: 115%;
margin: -25px 0 0 0;
}

#content .container-title a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #FFCC00;
}

.container-post
{
margin: 0;
}

.containerpost
{
position: relative;
float: auto;
width: 100%;
height: auto;
margin: 0 0 25px 0;
}

.containerpost img
{
position: relative;
float: auto;
width: 100%;
height: auto;
margin: 10px 0 0 0;
}

.containerpost:hover .image
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 0.3;
}

.containerpost:hover .middle
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 1;
}

.containerpost-text-hover
{
background: #FFCC00;
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 125%;
padding: 10px 15px;
}

/* related */
.related
{
display: block;
width: 100%;
padding: 25px;
margin: 25px 0;
}

.related h3
{
width: 80%;
font-size: 12px;
font-weight: 700;
line-height: 125%;
margin: 0;
}

.related h4
{
width: 80%;
font-size: 14px;
font-weight: 700;
line-height: 125%;
margin: 0 0 10px 0;
}

.related li
{
overflow: hidden;
margin: 0 0 5px 0;
}

.related a
{
font-size: 14px;
font-weight: 700;
color: #000000;
line-height: 125%;
}

#rpcatp
{
overflow: hidden;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 5px 0;
}

.rltdleft
{
float: left;
margin: 5px 15px 0 0;
}

.rltdleft img
{
width: 120px;
height: auto;
margin: 0 0 5px 0;
}

.rltdleft img:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
opacity: 0.75;
}

.current
{
text-decoration: none;
}

.ftalx
{
z-index: -10;
position: absolute;
top: 0;
left: -9000px;
}

/* comment form */
#respond
{
margin: 25px 0;
}

h3.responds
{
text-decoration: none;
}

#respond p
{
margin: 0;
}

.comments-box
{
width: 100%;
max-width: 738px;
margin: 25px 0 0 0;
}

.comments-box h2
{
float: left;
width: auto;
height: 50px;
font-size: 18px;
font-weight: 700;
padding: 0;
border: none;
margin: 0;
}

.comments-box h3
{
font-size: 14px;
font-weight: 700;
}

.comments-box .join
{
width: 100%;
font-size: 14px;
font-weight: 700;
padding: 0 0 10px 0;
}

.cancel-comment-reply
{
font-size: 14px;
padding: 5px 0 0;
}

.cancel-comment-reply a
{
color: #000000;
}

.cancel-comment-reply a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
text-decoration: none;
padding: 0;
}

.text
{
width: 200px;
padding: 5px;
border: 1px solid #EFEFEF;
}

span.jump-comment
{
position: relative;
float: right;
font-size: 14px;
margin: 25px 0 0 0;
}

#content span.jump-comment a
{
color: #000000;
text-decoration: none;
padding: 0;
margin: 0;
}

#content span.jump-comment a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: none;
color: #000000;
text-decoration: none;
padding: 0;
}

/* comment list */
#pings 
{
margin: 0 0 25px 0;
}

ul.children
{
margin: 0;
}

ol.commentlist
{
margin: 0;
padding: 0;
}

cite.fn
{
display: block;
font-size: 14px;
letter-spacing: -.05em;
padding: 0;
}

.commentlist li blockquote
{
background: url(images/quote-comment.png) 0 8px no-repeat;
padding: 0 0 0 25px;
margin: 0 0 25px 0;
}

.commentlist li
{
width: 80%;
list-style: none;
padding: 15px;
margin: 0;
}

.commentlist code
{
background: #F5F5F5;
padding: 5px;
}

.commentlist p
{
padding: 5px 0 0 0;
margin: 0;
clear: both;
}

.commentlist .moderation
{
color: #000000;
margin: 10px 0 0 0;
}

.commentlist .thread-even
{
background: #F5F5F5;
}

.commentlist .children
{
margin: 10px 0 0 0;
}

.commentlist .comment-author
{
margin: 0 0 10px 0;
}

.commentlist .avatar
{
float: left;
width: 50px;
height: 50px;
background: #FFFFFF;
border-radius: 25px;
margin: 0 10px 0 0;
}

.commentlist .reply
{
text-align: right;
text-transform: uppercase;
margin: 10px 0 0 0;
}

#content .commentlist .reply a, #content .commentlist .reply a:visited, #content .cancel-comment-reply a
{
background: #FFCC00;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #FFCC00;
}

.commentlist .comment-meta
{
float: left;
margin: 0 0 10px 0;
}

.commentlist .comment-date a, .commentlist .comment-date a:visited
{
font-size: 18px;
color: #000000;
}

#commentform
{
margin: 0;
}

#commentform input.txt, #commentform textarea
{
border: 3px solid #EFEFEF;
}

#commentform input.txt
{
width: 180px;
padding: 5px;
border: 2px solid #EFEFEF;
margin: 0 10px 10px 0;
}

#commentform textarea
{
width: 85%;
line-height: 125%;
padding: 5px;
border: 2px solid #EFEFEF;
margin: 10px 0 0 0;
}

#commentform #submit
{
display: block;
background: #FFCC00;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
padding: 7px 10px;
border: 1px solid #FFCC00;
border-radius: 5px;
margin: 10px 0;
}

#commentform #submit:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #0C3D81;
color: #FFFFFF;
border: 1px solid #0C3D81;
}

.button, .button:visited, .reply a, .cancel-comment-reply a
{
position: relative;
display: inline-block;
background: #FFCC00;
font-size: 14px;
font-weight: 700;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
padding: 10px;
border: 1px solid #FFCC00;
border-radius: 5px;
}

.button:hover, .reply a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #000000;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #000000;
}

img.alignnone, img.alignright, img.alignleft
{
width: 100%;
max-width: 720px;
height: auto;
display: block;
display: inline;
margin: 5px 10px 10px 0;
}

.commentlist li.depth-2, .commentlist li.depth-4
{
background: #FFFFFF;
margin: 0 0 0 10px;
}

.commentlist li.depth-3, .commentlist li.depth-5
{
background: #F5F5F5;
margin: 0 0 0 10px;
}

.commentlist .comment-meta a
{
color: #000000;
text-decoration: none;
}

.metadata a:hover, cite.fn a, cite.fn a:hover
{
text-decoration: none;
}

/* contact form */
div.wpcf7
{
padding: 0;
margin: 0;
}

div.wpcf7-response-output
{
padding: 5px;
margin: 10px;
}

div.wpcf7 .screen-reader-response
{
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
margin: 0;
}

div.wpcf7-mail-sent-ok
{
border: 2px solid #FFCC00;
}

div.wpcf7-mail-sent-ng
{
border: 2px solid #FFCC00;
}

div.wpcf7-spam-blocked
{
border: 2px solid #FFCC00;
}

div.wpcf7-validation-errors
{
border: 2px solid #FFCC00;
}

span.wpcf7-form-control-wrap
{
display: block;
max-width: 80%;
background: none repeat scroll 0% 0% #FFFFFF;
outline: medium none;
padding: 5px;
border: 2px solid #EFEFEF;
margin: 5px 0 25px 0;
}

input.wpcf7-form-control.wpcf7-submit
{
display: block;
background: #FFCC00;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
color: #FFFFFF;
text-transform: uppercase;
cursor: pointer;
padding: 10px 15px;
border: 1px solid #FFCC00;
border-radius: 5px;
margin: 0;
}

input.wpcf7-form-control.wpcf7-submit:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
background: #000000;
color: #FFFFFF;
border: 1px solid #000000;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required
{
width: 100%;
background: #FFFFFF;
border-radius: none;
}

input.wpcf7-form-control.wpcf7-text
{
width: 100%;
background: #FFFFFF;
border: none;
}

textarea.wpcf7-form-control.wpcf7-textarea
{
width: 100%;
background: #FFFFFF;
border: none;
}

span.wpcf7-not-valid-tip
{
display: block;
font-size: 18px;
color: #EFEFEF;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip
{
z-index: 100;
position: absolute;
top: 20%;
left: 20%;
background: #FFFFFF;
padding: 5px;
border: 1px solid #FF6900;
}

span.wpcf7-list-item
{
margin: 0;
}

.wpcf7-display-none
{
display: none;
}

div.wpcf7 img.ajax-loader
{
vertical-align: middle;
border: none;
margin: 0 0 0 5px;
}

div.wpcf7 div.ajax-error
{
display: none;
}

div.wpcf7 .placeheld
{
text-decoration: none;
}

/* profile menu bottom navigation */
#nav_link_bottom
{
width: 100%;
background: none;
font-size: 12px;
font-weight: 700;
line-height: 125%;
}

.nav_bottom
{
margin: 0;
}

.nav_bottom li
{
display: inline-block;
width: auto;
text-align: center;
margin: 0;
}

.nav_bottom li a
{
display: inline-block;
font-size: 12px;
color: #000000;
text-transform: uppercase;
}

.nav_bottom li a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #000000;
}

/* footer */
#footer
{
width: 1083px;
border-top: 1px solid #F5F5F5;
background: #FFFFFF;
margin: 0 auto;
}

#footer a, #footer a:visited
{
font-size: 12px;
color: #000000;
text-decoration: none;
line-height: 25%;
padding: 20px 10px;
}

#footer a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #000000;
text-decoration: none;
}

.footercopyright
{
font-size: 12px;
font-weight: 500;
color: #0C3D81;
padding: 0;
margin: 5px 0 0 0;
clear: both;
}

#footer-sm
{
width: 1083px;
background: #FFFFFF;
padding: 0;
margin: 0 auto;
clear: both;
}

#footer-sm a, #footer-sm a:visited
{
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

#footer-sm a:hover
{
transition-duration:0.25s;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.25s; /* safari */
color: #FFCC00;
}

.footer-sm
{
text-decoration: none;
padding: 0 25px;
}

/* RESPONSIVE MODE */
@media (max-width: 1024px)
{
	body
	{
	background: #FFFFFF;
	}
	#header 
	{
	width: auto;
	height: auto;
	padding: 0 15px 0 15px;
	margin: 0;
	}

	#header-ads
	{
	width: auto;
	height: auto;
	padding: 15px;
	}

	#header h1
	{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6em;
	font-weight: 700;
	}

	.header_logo
	{
	width: 100%;
	margin: 0;
	}

	.logo
	{
	width: 200px;
	}

	#search-box
	{
	width: 97%;
	text-align: center;
	padding: 0;
	margin: 25px 0 0 0;
	}

	.form-search
	{
	width: 100%;
	padding: 3px;
	}

	.form-search button
	{
	position: relative;
	float: right;
	width: auto;
	padding: 5px;
	margin: -28px 0 0 0;
	-webkit-margin-before: -28px;
	-webkit-margin-end: 3px;
	-webkit-margin-after: auto;
	-webkit-margin-start: auto;
	}

	#social-media
	{
	float: right;
	width: auto;
	height: auto;
	padding: 20px 0;
	margin: 0;
	}

	#nav_link,#cat
	{
	display: none;
	}

	#wrapper
	{
	overflow: hidden;
	width: 100%;
	padding: 20px 0 0 0;
	}

	.ads-post
	{
	text-align: center;
	padding: 0 15px 15px 15px;
	margin: -10px 0 0 0;
	}

	.ads-post-title
	{
	text-align: center;
	padding: 0 15px;
	margin: -20px 0 20px 0;
	}

	.ads-post-archive
	{
	text-align: center;
	padding: 0 15px 10px 15px;
	margin: -10px 0 0 0;
	}

	#content .post
	{
	padding: 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #F5F5F5;
	}

	#content .post-page
	{
	padding: 15px;
	margin: 0;
	}

	#content .entry-index
	{
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	line-height: 145%;
	padding: 0 15px;
	margin: -10px 0 0 0;
	}

	#content .entry-post
	{
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	line-height: 145%;
	padding: 0 15px 15px 15px;
	margin: -5px 0 0 0;
	}

	#content .entry-page
	{
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	line-height: 145%;
	padding: 0;
	margin: 0;
	}

	#content .entry-page p
	{
	padding: 0;
	margin: 15px 0 0 0;
	}

	.container
	{
	position: relative;
	float: right;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

	.container img
	{
	position: relative;
	float: right;
	width: 100%;
	height: auto;
	margin: -20px 0 0 0;
	}

	.image
	{
	display: block;
	backface-visibility: hidden;
	width: 100%;
	height: auto;
	opacity: 1;
	transition: .5s ease;
	}

	.middle
	{
	position: absolute;
	top: 40%;
	left: 50%;
	width: auto;
	opacity: 0;
	transition: .5s ease;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
	}

	.title
	{
	padding: 0 15px 5px 15px;
	}

	.container:hover .middle
	{
	transition-duration:0.25s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.25s; /* safari */
	opacity: 1;
	}

	#content .container-text-hover a
	{
	background: #FFCC00;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 125%;
	padding: 10px 15px;
	}

	.container .title
	{
	width: 80%;
	text-align: center;
	}

	.container-post
	{
	margin: -30px 0 0 0;
	}

	.containerpost
	{
	position: relative;
	float: auto;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	}

	.containerpost img
	{
	float: auto;
	position: relative;
	width: 100%;
	height: auto;
	margin: 10px 0;
	}

	.containerpost:hover .image
	{
	transition-duration:0.25s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.25s; /* safari */
	opacity: 0.3;
	}

	.containerpost:hover .middle
	{
	transition-duration:0.25s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.25s; /* safari */
	opacity: 1;
	}

	.containerpost-text-hover
	{
	background: #FFCC00;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 125%;
	padding: 10px 15px;
	}

	.postmetadata
	{
	padding: 0 15px;
	margin: 0;
	}

	.postmetadata-image
	{
	padding: 0 15px;
	margin: -20px 0 0 0;
	}

	#content h1.post-title
	{
	font-size: 20px;
	line-height: 120%;
	padding: 15px 15px 10px 15px;
	margin: -5px 0 0 0
	}

	#content h2.post-title
	{
	line-height: 120%;
	padding: 20px;
	}

	#content h1.post-title a, #content h2.post-title a
	{
	color: #000000;
	text-decoration: none;
	}

	#content .profile-update
	{
	overflow: hidden;
	font-size: 12px;
	font-weight: 500;
	color: #9C9C9C;
	line-height: 180%;
	padding: 0 15px;
	margin: -5px 0 30px 0;
	}

	img.alignnone, img.alignright, img.alignleft
	{
	width: 100%;
	height: auto;
	display: block;
	display: inline;
	margin: 5px 10px 10px 0;
	}

	.commentlist li
	{
	float: left;
	width: 80%;
	list-style: none;
	padding: 15px;
	margin: -25px 0 15px 0;
	}

	.postmetadata-tags
	{
	float: left;
	width: auto;
	}

	.navigation 
	{
	font-size: 14px;
	font-weight: 700;
	padding: 0 15px;
	margin: 0;
	}

	.comments-box
	{
	margin: 10px 0 0 0;
	}

	span.jump-comment
	{
	position: relative;
	float: right;
	font-size: 14px;
	margin: 15px 0 0 0;
	}

	.related
	{
	display: block;
	width: 100%;
	padding: 15px 15px 0 15px;
	margin: 0 0 5px 0;
	}

	.related h3
	{
	width: 80%;
	font-size: 12px;
	font-weight: 700;
	line-height: 125%;
	margin: 0;
	}

	.related h4
	{
	width: 80%;
	font-size: 14px;
	font-weight: 700;
	line-height: 125%;
	margin: 0 0 10px 0;
	}

	.rltdleft
	{
	float: left;
	margin: 5px 10px 0 0;
	}

	#sidebar
	{
	width: 100%;
	padding: 0;
	margin: 0;
	}

	#sidebar ul
	{
	list-style: none;
	padding: 15px;
	}

	#sidebar .sidebar_inner
	{
	width: 100%;
	padding: 15px 0;
	}

	#sidebar .sidebar_inner ul h2
	{
	padding: 5px 0 6px 0;
	}

	#sidebar ul ul
	{
	padding: 10px 5px 25px 5px;
	margin: 0;
	clear: both;
	}

	#sidebar .sidebar_inner ul ul li
	{
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #EFEFEF;
	}

	#sidebar .sidebar_inner ul ul li ul
	{
	padding: 0 0 0 15px;
	margin: 0;
	}

	#sidebar .popular-post
	{
	padding: 15px;
	margin: -7px 0 0 0;
	}

	#sidebar .popular-post-title
	{
	padding: 10px 0;
	border-bottom: 3px solid #F5F5F5;
	margin: 0 0 15px 0;
	}

	#sidebar .recent-post
	{
	padding: 15px;
	margin: -7px 0 0 0;
	}

	#sidebar .tags
	{
	padding: 10px 15px 0 15px;
	margin: -7px 0 0 0;
	}

	/* right sidebar */
	#right-sidebar
	{
	position: relative;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	}

	#right-sidebar ul
	{
	list-style: none;
	padding: 15px;
	}

	#right-sidebar .right-sidebar_inner
	{
	width: 100%;
	padding: 15px 0;
	}

	#content .readmore-button
	{
	width: auto;
	margin: 10px 0 0 0;
	}

	#content .readmore-button a
	{
	margin: 0 0 25px 0;
	}

	#content .readmore-button a:hover
	{
	transition-duration:0.25s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.25s; /* safari */
	background: #E64100;
	color: #FFFFFF;
	border: 1px solid #E64100;
	}

	#headlines
	{
	font-size: 16px;
	font-weight: 700;
	color: #FFCC00;
	padding: 0 0 5px 0;
	margin: -15px 15px 20px 15px;
	border-bottom: 1px dotted #CCCCCC;
	}

	#headlines-archive
	{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #FFCC00;
	padding: 0 0 5px 0;
	margin: -15px 15px 20px 15px;
	border-bottom: 1px dotted #CCCCCC;
	}

	#breadcrumbs
	{
	overflow: hidden;
	padding: 5px 15px;
	margin: -20px 0 0 0;
	}

	#breadcrumbs a
	{
	font-size: 10px;
	}

	#footer
	{
	width: 100%;
	padding: 10px 0 0 0;
	border-top: 1px solid #F5F5F5;
	}

	#footer a, #footer a:visited
	{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 135%;
	padding: 5px 10px;
	}

	#footer-sm
	{
	width: 100%;
	padding: 0 0 25px 0;
	}
}