/*
Theme Name: JoyMagazine
Theme URI: http://www.blackhorseweb.com
Author: Black Horse Team
Author URI: http://www.blackhorseweb.com
Description: JoyMagazine is a premium WordPress Theme.
Version: 1.2
*/

/* ===============================================================================================
   Reset CSS by Normalize 2.1.3,
   With some additions from HTML5 Boilerplate,
   And some modifications and additions By Black Horse Team.
   =============================================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 * Remove horizontal scroll
 */

body {
    margin: 0;
    /*overflow-y: scroll;
    overflow-x:hidden;*/
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: inherit;
    font-size: 14px;
    font-style:italic;
    color:#6c6c6c;
    margin: 0 0 10px 0;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove outline in Google Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

input:focus,textarea:focus,button:focus{outline: 0}/*4*/

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type=search] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*
 * Images inside primary 100% max
 */

#primary img{
	max-width:100%;
	height:auto
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.opacitye0 {
	opacity:0;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}


/*
 * Default Cursor Class
 */
.defaultCursor{
    cursor:default;
}



/*
 * Reset wordpress elements
 */
 
/* Alignment */
.alignleft {
	display: inline;
	float: left;
    clear:left;
	margin-right: 10px;
    margin-top: 6px;
    margin-bottom: 0!important;
}
.alignright {
	display: inline;
	float: right;
    clear:right;
	margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 0!important;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto!important;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Content */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated{
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* Asides */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* Media */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
	max-width: 100%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0;
    font-size: 13px;
    text-align: left;
    padding: 0;
    color: #777;
    font-style: italic;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
	display:none
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video{
	max-width: 100%;
}

video{
    max-height: 100%;
}


/* Navigation */
.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
}

/* Comments */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
}


/* ==========================================================================
   Basic Styles
   ========================================================================== */

/* Basic Selection Colors
-------------------------------------*/
::-moz-selection {
    background: #00c3f0;
	color:#fff;
    text-shadow: none;
}

::selection {
    background: #00c3f0;
	color:#fff;
    text-shadow: none;
}

/* Basic Links Colors
-------------------------------------*/
a{
	color:#11b0e7;
	text-decoration:none;
    background: transparent;
    transition: color 0.3s ease;
}

a:hover,a:active,a:focus,a:visited:hover,a:visited:focus{
	color:#23bef4;
}

a:visited{
	color:#2C96BB;
}


/* Main Typography
-------------------------------------*/
body{
	color:#202020;
	background-color:#fff;
	font-family: sans-serif;
	font-weight:400
}

h1, h2, h3, h4, h5, h6{
	font-weight:700;
	margin:10px 0;
    clear:both;
}
h2, h3, h4, h5, h6{margin-top:50px}

h1{font-size:33px}
h2{font-size:27px}
h3{font-size:24px}
h4{font-size:21px}
h5{font-size:18px}
h6{font-size:15px}


/* Content Typography
-------------------------------------*/
.entry-content p{
	font-size: 19px;
    word-wrap: break-word;
}

.entry-content strong{
	font-weight:600
}

.entry-content li {
    margin-bottom: 10px;
}

/* ==========================================================================
   Main CSS
   ========================================================================== */

/* wrap all elemnts for fixed width
-------------------------------------*/
.wrapingMain{
	width:1218px;
	margin:auto;
	display: block;
}


/* Boxed Style
-------------------------------------*/
#boxed{
    width:1238px;
    margin:20px auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}


/* Header
-------------------------------------*/
#mainHeader{
	min-height:110px;
    background-color:#fff;
}

#logo{
	display:block;
	float:left;
	/*margin-top: 16px;*/
}

#logo img{
	margin-top:24px;
	margin-left:30px;
}

#headerA3lan{
	margin-top:10px;
	display:block;
	float:right;
}

#textLogo{
    width: 220px;
    float: left;
    margin-top: 16px;
    margin-left: 30px;
}

#textLogo h1,#textLogo h2{
    margin: 0;
}

#textLogo h1 a{
    font-size: 40px;
    color: #11B0E7;
}

#textLogo h2{
    font-size: 15px;
    font-weight: 100;
}


/* Nnavigation
-------------------------------------*/
/*MAIN MENU*/
#mainNavBar{
	background-color:#017eba;
	color:#fff;
	height:60px;
}

#noMenu{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-size: 22px;
}

#mainNavBar .wrapingMain{
	position: relative;
}

.menuButton{
    left: 0;
    top: 12px;
    font-size: 27px;
    line-height: 37px;
    padding: 0;
	color: #FFF;
	width: 50px;
	height: 40px;
	overflow: hidden;
	margin-top: 0px;
	position: absolute;
    display:none;
}

.menu.dropdown-menu{
    display:none;
    height: 60px;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #FFF;
    font-weight: 600;
    line-height: 60px;
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 45px;
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    position:absolute;
}
.menu.dropdown-menu:focus{outline:0;}

/* TOP MENU */
#topBar{
	background-color:#1f1f1f;
	color:#848484;
	height:40px;
}

#topBar .wrapingMain{
	position: relative;
}

.nav-previous,.nav-next{
    color: #FFF;
    font-size: 14px;
    font-weight: 800;
    background-color: #23BEF4;
    border-radius: 3px;
    padding: 5px 10px;
    position:relative;
}

.nav-previous a,.nav-next a{
    color:#fff!important
}

.nav-next {padding-right: 30px;}

.nav-next:before{
    position:absolute;
    right: 3px;
    padding: 4px;
}

.page-numbers{
    background: #23BEF4;
    color: #FFF!important;
    padding: 0 7px;
    border-radius: 2px;
    transition: 0.4s
}

.page-numbers.current,.page-numbers.dots{
    background: #F5F5F5;
    color: #4F4F4F!important;
}

.page-numbers:not(.current):hover{
    background-color: #2C96BB;
    color: #FFF!important;
}

.page-numbers.current{cursor: default;}

#joyLoadMoreButton{
    width: 180px;
    margin: auto;
}

.loadMoreButton,#joyScroll{
    border: 0;
    background: #F5F5F5;
    color: #202020;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    width: 180px;
    text-align: center;
    margin:auto;
    position: relative;
    text-indent: -10px;
    border-radius:3px
}

.loadMoreButton:before{
    position:absolute;
    right: 33px;
    top: 14px;
}

.noMore{color:#868686;}
.noMore:before{right: 20px;}

#joyScroll .loadMoreButton{padding: 0;}
#joyScroll .loadMoreButton:before{top: 4px;}
#joyScroll{text-indent: 0px;}


#topBar .menu.dropdown-menu{
    font-size: 18px;
    font-size: 18px;
    height: 40px;
    line-height: 39px;
    padding-left: 35px;
}
#topBar option{background-color: #1f1f1f;}

#topBar .menuButton{
    font-size: 24px;
    top: 0px;
    width: 30px;
    height: 30px;
}


/* Search Bar
-------------------------------------*/
#searchButton,#closeSearch{
	padding: 0;
	background: none;
	border: none;
	color: #FFF;
	font-size: 37px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-top: 0px;
	position: absolute;
	right: 4px;
    top:4px;
	z-index: 6;
	background-color: #017eba;
}

#searchButton:before,#closeSearch:before{
    vertical-align: 3px;
}

#closeSearch{z-index:7}

#searchNAV{
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 0%;
	padding: 0 7px;
	font-size: 28px;
	background: #017eba;
	font-weight: 600;
	color: #FFF;
}

#searchNAV::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.60)}
#searchNAV:-moz-placeholder{color:rgba(255, 255, 255, 0.60)}
#searchNAV::-moz-placeholder{color:rgba(255, 255, 255, 0.60)}
#searchNAV:-ms-input-placeholder{color:rgba(255, 255, 255, 0.60)}

#searchNAV:focus{
	outline: 0;
}

#main .page-title{
    background: #23BEF4;
    color: #FFF;
    font-size: 22px;
    padding-left: 10px;
    min-height: 34px;
    line-height: 34px;
    margin-top:0;
}

/* Home Page Carousel
-------------------------------------*/
#homePagecrosl{
    position: relative;
    margin: 15px 0 5px 0;
}

#homePagecrosl.loading{max-height: 330px;overflow: hidden;}
#homePagecrosl.loading ul.slides li a{width: 300px;float: left;margin-right: 3px;}

#homePagecrosl ul.slides li a{
    display: block;
    height: 330px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
}
#homePagecrosl ul.slides li{margin-right: 6px;}

#homePagecrosl .backGradient{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.33) 66%, rgba(0,0,0,1) 88%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0)), color-stop(66%,rgba(0,0,0,0.33)), color-stop(88%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.33) 66%,rgba(0,0,0,1) 88%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.33) 66%,rgba(0,0,0,1) 88%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.33) 66%,rgba(0,0,0,1) 88%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.33) 66%,rgba(0,0,0,1) 88%);
}

#homePagecrosl .infoBar{
    position: absolute;
    bottom: -30px;
    left: 10px;
    font-size: 14px;
    color: #A8A8A8;
}
#homePagecrosl .infoBar span{margin-right: 15px;}

#homePagecrosl .infoBar span.icon-calendar-empty:before{
    font-size: 12px;
    vertical-align: 2px;
    margin-right: 4px;
}

#homePagecrosl .theTitle{
    position: absolute;
    bottom: 20px;
    left: 9px;
    right: 6px;
    font-size: 23px;
    font-weight: 800;
    color: #FFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

#homePagecrosl .avatar{
    border-radius: 2px;
    position: absolute;
    right: -55px;
    top: 10px;
}

#homePagecrosl .categoryName{
    font-size: 11px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 8px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 10px;
    transition: 0.3s;
}

#homePagecrosl .navigSlider i{
    transition: 0.4s;
    cursor: pointer;
    color: rgba(31, 31, 31, 0.4);
    font-size: 45px;
    position: absolute;
    z-index: 999;
    top: 134px;
    opacity: 0.1;
}
#homePagecrosl .navigSlider i:hover{color: #1f1f1f;}
#homePagecrosl .navigSlider i.prev{left: -60px;}
#homePagecrosl .navigSlider i.next{right: -60px;}


/* Footer
-------------------------------------*/
#mainFooter{
	background-color:#383838;
	color:#9d9d9d;
	padding: 5px 0 0 0;
}

#loadingFly{
    position: fixed;
    left: 4px;
    top: 4px;
    color: #434343;
    font-size: 20px;
    z-index: 9999;
}

#goUp{
    position: fixed;
    right: 15px;
    bottom: 75px;
    z-index: 9999;
    background: #23BEF4;
    color: #FFF;
    border-radius: 2px;
    font-size: 20px;
    padding-bottom: 2px;
    opacity: 0.4;
    cursor: pointer;
    transition:0.4s;
}
#goUp:hover{opacity: 1;}

#copyRight{
	float:left;
    margin: 0px;
    font-size: 14px;
    color: #9d9d9d;
    line-height: 30px;
}

#copyRight a {
    text-decoration: underline;
}

#footerBar{
    background-color: #1f1f1f;
    padding: 10px 0;
}

#footerWidgets #commentsTab a span,
#footerWidgets #joyLatestPosts a,
#footerWidgets #recentTab a,
#footerWidgets #popularTab a,
#footerWidgets .widget_rss ul,
#footerWidgets .widget_twitter_feed ul
{color: inherit;}

#footerWidgets a{color: #B6B6B6; transition: 0.2s;}
#footerWidgets a:hover{color: #fff;}

#footerWidgets .widgFotrCul{
    width: 32%;
    float: left;
}

#footerWidgets .widgFotrCul:nth-of-type(2n){
    margin: 0 2%;
}

#footerWidgets .widget{
    margin: 20px 0 50px 0;
}

#footerWidgets h1.widget-title{
    background: none;
    margin: 0;
    line-height: 21px;
}

#footerWidgets h1.widget-title span{
    background: none;
    color: #FFF;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 18px;
    border-left: 6px solid #1F1F1F;
}

#footerWidgets .widget_instagram_feed a:nth-child(3n+2),
#footerWidgets .widget_pinterest_feed a:nth-child(3n+2),
#footerWidgets .widget_flickr_feed a:nth-child(3n+2){
    margin: 3px;
    margin-top: 8px;
}

#footerWidgets .widget_instagram_feed a,
#footerWidgets .widget_pinterest_feed a,
#footerWidgets .widget_flickr_feed a{
    width: 90px;
    height: 90px;
    margin: 3px;
    margin-top: 8px;
}

#footerWidgets .widget_rss li{
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 60px;
}

#footerWidgets .tagcloud a{background-color: #1d1d1d;color: #666;}
#footerWidgets .tagcloud a:hover{background-color: #017eba;color: #fff;}
#footerWidgets .widget_search .search-field{width: 80%;}
#footerWidgets .widget_search .search-submit{color: #fff}

#footerWidgets .widget_recent_entries li,
#footerWidgets .widget_recent_comments li,
#footerWidgets #commentsTab a{border-bottom: 1px solid rgba(40, 40, 40, 0.8);}

#footerWidgets .widget_twitter_feed li{box-shadow: 0px 1px 0px rgba(40, 40, 40, 0.8);}

#footerWidgets .ui-tabs .ui-tabs-nav{background-color: #1d1d1d;}
#footerWidgets #tabsWidget .ui-tabs-nav li a{color: rgba(255, 255, 255, 0.85);}
#footerWidgets .ui-tabs .ui-state-hover{background-color: #000;}

#footerWidgets #joyLatestPosts a:hover,
#footerWidgets #recentTab a:hover,
#footerWidgets #popularTab a:hover{background-color: rgba(0, 0, 0, 0);}


/* Page Navigation
-------------------------------------*/
#nav-below{
    clear:both;
    margin-top: 20px;
}


/* Social Icons
-------------------------------------*/
#SclIconsFooter,
#SclIconsTop{
	list-style:none;
	padding:0;margin:0;
}

#SclIconsFooter li,
#SclIconsTop li{
	float:right;
}

#SclIconsFooter a{
	display:block;
	width:30px;
	height:30px;
	background-color:#555;
	color:#202020;
	margin:0px 5px;
	font-size:22px;
	overflow:hidden;
	border-radius:2px;
	transition:0.4s;
	line-height:30px;
	text-align:center
}
#SclIconsFooter a:hover{color:#fff}

#SclIconsFooter .FacebookSclIcon:hover{background:#3a5999}
#SclIconsFooter .TwitterSclIcon:hover{background:#00c3f0}
#SclIconsFooter .GoogleSclIcon:hover{background:#3a3a3a}
#SclIconsFooter .FlickrSclIcon:hover{background:#fff;color:#0262db!important}
#SclIconsFooter .FlickrSclIcon .firstI:hover{color:#ff0084!important}
#SclIconsFooter .LinkedInSclIcon:hover{background:#0280b0}
#SclIconsFooter .YoutubeSclIcon:hover{background:#cb2028}
#SclIconsFooter .PinterestSclIcon:hover{background:#981212}
#SclIconsFooter .InstagramSclIcon:hover{background:#517FA4}
#SclIconsFooter .DribbbleSclIcon:hover{background:#eb4d8a}
#SclIconsFooter .BehanceSclIcon:hover{background:#166aff}
#SclIconsFooter .deviantARTSclIcon:hover{background:#4c5e51}
#SclIconsFooter .VimeoSclIcon:hover{background:#44bbff}
#SclIconsFooter .RSSSclIcon:hover{background:#ff8300}

#SclIconsFooter .YoutubeSclIcon{font-size:24px!important;text-indent: -1px;}
#SclIconsFooter .deviantARTSclIcon{font-size:24px!important;text-indent: -1px;}
#SclIconsFooter .VimeoSclIcon{font-size:18px!important;text-indent: -1px;}
#SclIconsFooter .RSSSclIcon{font-size:25px!important;text-indent: -2px;}

#SclIconsFooter .FlickrSclIcon{
	font-size:10px!important;
	position:relative;
}

#SclIconsFooter .FlickrSclIcon i{text-indent:-12px}
#SclIconsFooter .FlickrSclIcon i.firstI{position:absolute;left:31px;opacity:0.5;transition:color 0.15s;}
#SclIconsFooter .FlickrSclIcon i.purple{color:#FF0084}

#SclIconsTop{
    position: absolute;
    right: 0;
}

#SclIconsTop a{
    display:block;
    color:#707070;
    font-size:20px;
    line-height:40px;
    transition:0.4s;
    margin:0 4px;
}
#SclIconsTop a:hover{color:#c3c3c3}

#SclIconsTop .VimeoSclIcon,
#SclIconsTop .InstagramSclIcon{font-size:18px}
#SclIconsTop .deviantARTSclIcon{font-size:27px}
#SclIconsTop .FlickrSclIcon{
    font-size: 40px;
    width: 33px;
    text-indent: -8px;
}



/* Comments
-------------------------------------*/
#comments .comments-title{
	border-bottom: 4px #2BB0DE solid;
	margin-bottom: 30px;
}

#comments .comment-list{
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments .comment-body{
	position: relative;
	background-color: #F9F9F9;
	margin-bottom: 25px;
	padding: 20px 8px 6px 15px;
	transition: background-color 0.2s;
	border-radius: 7px;
	min-height: 88px;
}

#comments .comment-body:hover{
	background-color: #f2f2f2;
}

#comments .comment-content{
	font-size: 18px;
}

#comments .comment-content p{
	margin-top: 0;
}

#comments .reply{
	position: absolute;
	right: 8px;
	bottom: 6px;
}

#comments .reply a,#cancel-comment-reply-link{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	color: #FFF;
	background-color: #23BEF4;
	border-radius: 2px;
	padding: 1px 3px;
	font-family: tahoma;
}

#comments .comment-metadata{
	position: absolute;
	right: 8px;
	font-size: 14px;
	top: 23px;
}

#comments .comment-metadata a{
	color:#8f8f8f
}

#comments .comment-metadata .edit-link:before{
	content:'|'
}

#comments .comment-metadata time:before{
	content: '';
	margin: 0 -2px 0 0!important;
	color: #C7C7C7;
}

#comments .comment-author cite.fn,.comment-content,.comment-awaiting-moderation{
	margin-left: 100px;
}

#comments .comment-author .avatar.photo{
	position: absolute;
	left:20px;
	border-radius: 40px;
	transition: border-radius 0.5s;
	height: 80px!important;
	width: 80px!important;
}

#comments .avatar.photo.rc{
	border-radius:4px;
}

#comments .comment-author cite.fn,.comment-author .says{
	font-size: 16px;
	font-weight: 700;
	font-style: italic;
}

#comments .comment-author cite.fn a{
	color: #0C87D4;
	text-decoration: underline;
}

#comments .comment-author cite.fn a:hover{
	text-decoration: none;
	color: #E81515;
}

#comments .comment-author cite.fn{
	font-style: normal;
	color: #0C87D4;
}

#comments ul.children{
	list-style: none;
	border-left: 1px #F2F2F2 solid;
	position: relative;
	padding-left: 18px;
	margin-left: 14px;
}

#comments ul.children:before{
	color: #F2F2F2;
	content: '—';
	position: absolute;
	left: 0;
	top: 15px;
}

/* Add Comment
-------------------------------------*/
.form-allowed-tags{
	display: none;
}

.comment-form-author,.comment-form-email,.comment-form-url{
	display: inline-block;
}

#commentform label{
	display: block;
	color: #676767;
	font-size: 13px;
	font-weight: 600;
}

#commentform input{
    margin-right: 10px;
    padding-left: 10px;
    width: 249px;
}

ul.children li.depth-2 #commentform input{width: 239px;}
ul.children li.depth-3 #commentform input{width: 229px;}
ul.children li.depth-4 #commentform input{width: 219px;}

.comment-form-comment{
	margin:0
}

#reply-title{
	font-size: 22px;
	margin-top: 35px;
	margin-bottom: 2px;
}

.comment-notes{
	font-size: 11px;
	margin-top: 0;
	color: #AEAEAE;
}

.required{
	color: #D30833;
	vertical-align: middle;
}

.comment-notes .required{
	font-size: 15px;
	vertical-align: text-top;
}

#comment{
	width: 95%;
	padding: 10px;
}

#commentform input,#commentform textarea{
	color:#6e6e6e;
	border: 0;
	background: #F2F2F2;
	transition: background 0.2s,color 0.2s;
}

#commentform input{
	font-size: 16px;
	font-weight: 600;
	height: 35px;
	line-height: 35px;
}

#commentform textarea{
	font-size: 18px;
}

#commentform input:focus, textarea:focus {
	color: #202020;
	background-color: #F9F9F9;
}

#submit {
	background-color: #2BB0DE!important;
	color: #FFF!important;
	font-size: 13px!important;
	font-weight: bold!important;
	width: auto!important;
	height: auto!important;
	padding: 10px!important;
	border-radius: 4px!important;
	line-height:13px!important
}

/* Thumbnails
-------------------------------------*/
.joyThumb{
    display:block;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    max-width:100%;
    transition: opacity 0.1s;
}

.joyThumb.thumbTop{background-position: 50% 0%;}
.joyThumb.thumbBottom{background-position: 50% 100%;}

.joyThumb img{
    width: 100%!important;
    height: 100%!important;
    opacity: 0!important;
}

a:hover .joyThumb{opacity:0.92;}

/* ==========================================================================
   Theme Structures
   ========================================================================== */
#mainContent{
    background-color:#fff;
}

#primary{
	width:878px;
	float:left;
    margin-top:10px;
}

#secondary{
	width:310px;
	float:left;
}

#smallSidebar{
    width: 188px;
    float: left;
    overflow:hidden
}

#primaryMagazine{
	width:660px;
	float:left;
}

#mainContent .structures > *:last-child{margin-right: 0;}
#mainContent .structures > *{margin-right: 30px;}
#primary.leftSidebar,#secondary.leftSidebar{float:right}
#secondary.leftSidebar{margin-right: 30px!important;}
#primary.leftSidebar{margin-right: 0px!important;}


/* ==========================================================================
   Widgets
   ========================================================================== */
aside.widget .widget-title{
    background: #017eba;
    line-height: 34px;
    height: 34px;
}

aside.widget .widget-title span{
    background: #FFF;
    color: #036da0;
    padding: 0px 11px 0 8px;
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
    vertical-align: top;
    text-transform: uppercase;
}

aside.widget .widget-title span b{
    font-weight: 400;
}

.widget{
	margin: 0 0 30px 0;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Read Next Post + TABS Widgets */
#joyLatestPosts ul,
#recentTab ul,
#popularTab ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#joyLatestPosts a,
#recentTab a,
#popularTab a{
    display:block;
    padding:6px 0;
    margin:0 0 12px 0;
    overflow:hidden;
    position:relative;
    color:#202020;
    font-size:18px;
    transition:0.3s
}

#joyLatestPosts a:hover,
#recentTab a:hover,
#popularTab a:hover{background-color:#F9F9F9}

#joyLatestPosts .theThum,
#recentTab .theThum,
#popularTab .theThum{
    float:left;
    margin: 5px 15px 0 4px;
}

#joyLatestPosts .theTitle,
#recentTab .theTitle,
#popularTab .theTitle{
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

#joyLatestPosts .theTime,
#recentTab .theTime,
#popularTab .theTime{
    color:#23BEF4;
    position:absolute;
    bottom:6px;
    left:137px;
    font-size:12px;
}

#joyLatestPosts .theTime:before,
#recentTab .theTime:before,
#popularTab .theTime:before{
    color:#c7c7c7;
    font-size:12px;
}

#joyLatestPosts .current,
#recentTab .current,
#popularTab .current{background-color:#f5f5f5;cursor:default}
#joyLatestPosts .current .theTime,
#recentTab .current .theTime,
#popularTab .current .theTime{font-size: 15px;font-weight: 600;}


/* Soical Counter */
#SoicalCounter{
    list-style: none;
    padding: 0;
    margin: 0;
}

#SoicalCounter li{
    float:left;
    width: 98px;
    margin-right: 5px;
    margin-bottom: 17px;
    font-weight: 600;
}

#SoicalCounter i.icons{
    display: block;
    width: 64px;
    height: 64px;
    text-align: center;
    margin: auto;
    line-height: 64px;
    font-size: 40px;
    color: #FFF;
    margin-bottom: 10px;
    border-radius: 4px;
}

#SoicalCounter i.icons.icon-facebook-1{background-color:#3a5999;}
#SoicalCounter i.icons.icon-twitter-1{background-color:#00c3f0;}
#SoicalCounter i.icons.icon-youtube-1{background-color:#cb2028;}
#SoicalCounter i.icons.icon-rss-1{background-color:#ff8300;}
#SoicalCounter i.icons.icon-gplus-1{background-color:#3A3A3A;text-indent: 1px;}
#SoicalCounter i.icons.icon-vimeo{background-color:#42baff;text-indent: -3px;}

#SoicalCounter i.icons.icon-vimeo:before{
    font-size: 33px;
    vertical-align: 3px;
}

#SoicalCounter .counter{
    color: #202020;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 19px;
}

#SoicalCounter .theTitle{
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: center;
    color: #BBB;
    line-height: 9px;
    margin-bottom: 10px;
}


/* Calendar */
#wp-calendar{
    width: 100%;
    text-align: center;
}

#wp-calendar caption{
    background: #2BB0DE;
    padding: 7px 0;
    color: #FFF;
    font-size: 19px;
    font-weight: 600;
}

#wp-calendar thead{
    background: #23BEF4;
    color: #FFF;
}

#wp-calendar tfoot{
    background: #202020;
}

#wp-calendar tbody{
    background:#f5f5f5;
}

#prev a,#next a{
    color: #FFF!important;
    font-size: 16px;
    font-weight: 700;
}

#prev{
    text-align: left;
    padding-left: 10px;
}

#next{
    text-align: right;
    padding-right: 10px;
}

#today,#today a{
    background-color: #23BEF4;
    color: #FFF;
}


/* Archive & Meta & Pages & Categories & Nav Menu */
.widget_archive ul,
.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_nav_menu ul
{
    padding: 0;
    margin: 0 0 0 10px;
    list-style: none;
    color:#656565;
}

.widget_archive a:before,
.widget_meta a:before,
.widget_pages a:before,
.widget_categories a:before,
.widget_nav_menu a:before
{
    content: '\e8f4';
    color:#656565;
}


/* Recent Posts & Recent Comments */
.widget_recent_entries ul,
.widget_recent_comments ul{
    padding: 0;
    margin: 0;
    list-style: none;
    color:#656565;
}

.widget_recent_entries li,
.widget_recent_comments li{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.6);
}

.widget_recent_entries .post-date,.widget_rss .rss-date{
    color: #23BEF4;
    font-size: 11px;
    font-style: italic;
    font-weight: 600;
    margin-top: 4px;
    display: block;
}

.widget_recent_entries .post-date:before,.widget_rss .rss-date:before{
    content: '\e8de';
    color:#BDBDBD;
}

/* TAG CLOUD */
.tagcloud a{
    font-size: 13px!important;
    font-weight: 600;
    background-color: #F3F3F3;
    color: #535353;
    border-radius: 2px;
    padding: 3px 5px;
    display: inline-block;
    margin: 0 1px 5px 0;
    transition: 0.3s;
}

.tagcloud a:hover{
    background-color: #009be6;
    color: #fff;
}

/* RSS */
.widget_rss ul{
    padding: 0;
    margin: 0;
    list-style: none;
    color:#656565;
    font-size:15px;
}

.widget_rss li{
    margin-bottom: 25px;
    box-shadow: 2px 2px 0px rgba(235, 235, 235, 0.6);
    padding: 0 2px 8px 0;
    border-radius: 5px;
    background-color:#fff
}

.widget_rss .rss-date{
    margin-left: 5px;
}

.widget_rss .rssSummary{
    padding-top: 12px;
}

.widget_rss cite{
    margin-left: 160px;
    font-weight: 600;
}


/* Twitter Feed */
.widget_twitter_feed ul{
    padding: 0;
    margin: 0;
    list-style: none;
    color:#656565;
    font-size:15px;
}

.widget_twitter_feed li{
    margin-bottom: 14px;
    box-shadow: 0px 1px 0px rgba(235, 235, 235, 0.6);
    padding: 0 2px 10px 0;
}

.widget_twitter_feed img{
    float:left;
    margin:4px 10px 0px 0;
    border-radius: 2px;
}

.widget_twitter_feed p{
    overflow:auto;
    margin: 0;
    word-wrap: break-word;
}

.widget-area .theTime{
    font-size:11px;
    font-style:italic;
    color:#23bef4;
}


/* Search widget */
.widget_search .search-field,.widget_search .search-field:focus{
	border: 0;
    background: #F5F5F5;
    padding: 5px 10px;
    width: 232px;
}

.widget_search .search-submit{
	border: 0;
    padding: 2px 11px;
    margin-left: 3px;
    background-color: #23BEF4;
    color: #FFF;
    font-size: 20px;
    vertical-align: -1px;
}

.widget.widget_search {
    margin-top: 10px;
}


/* Instagram & Pinterest & Flickr Feeds */
.widget_instagram_feed a,
.widget_pinterest_feed a,
.widget_flickr_feed a{
    width: 94px;
    height: 94px;
    display: block;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 15px;
}

.widget_instagram_feed a:nth-child(3n+2),
.widget_pinterest_feed a:nth-child(3n+2),
.widget_flickr_feed a:nth-child(3n+2){
    margin: 15px 14px 0 14px;
}

.widget_instagram_feed .back,
.widget_pinterest_feed .back,
.widget_flickr_feed .back{
    background: rgba(0,0,0,0.5);
    background: -webkit-linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,7) 80%);
    background: -moz-linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,7) 80%);
    background: -o-linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,7) 80%);
    background: -ms-linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,7) 80%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,7) 80%);

    display:block;
    color:#fff;
    width:100%;
    height:0%;
    position:relative;
    overflow:hidden;
}

.widget_instagram_feed i.icon-instagram-filled,
.widget_pinterest_feed i.icon-pinterest-circled{
    font-size:28px;
    line-height:80px;
    text-align:center;
    display:block
}

.widget_flickr_feed i.icon-circle{
    line-height: 80px;
    margin-left: 27px;
}
.widget_flickr_feed i.icon-circle2{
    margin-left: -4px!important;
}

.widget_instagram_feed i.icon-export,
.widget_pinterest_feed i.icon-export,
.widget_flickr_feed i.icon-export{
    position: absolute;
    right: 2px;
    bottom: 3px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.72);
    
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}

/* Google+ Badge */
.widget_google_badge{text-align: center;}
.widget_google_badge h1.widget-title{text-align: left;}

/* Trend */
.widget_trending a{
    display: block;
    margin-bottom: 30px;
}

.widget_trending .theTitle{
    display: block;
    font-size: 18px;
    margin-top: 4px;
    text-align: center;
}

.widget_trending .theTime{
    font-size: 13px;
    font-style: normal;
    color: #CACACA;
}

.widget_trending .treIte{
    display: block;
    height: 120px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    opacity: 0.94;
    overflow: hidden;
}.widget_trending a:hover .treIte{opacity: 1;}

.widget_trending .infoBar{
    display: block;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    padding: 3px;
    width: 100%;
    position: absolute;
    bottom: -25px;
    left: 0;
}
.widget_trending .infoBar .views{margin: 0px 15px 0 4px;}


/* Tabs Widget */
#tabsWidget .ui-tabs-nav li a{
    padding: 7px 10px;
    font-size: 16px;
}

#tabsWidget .ui-tabs-nav{
    margin: 10px 0px;
}

#tabsWidget .ui-tabs-nav li{
    margin: 0;
}

#tabsWidget,
#tabsWidget .ui-tabs-panel{
    padding: 0;
}

#centerTAB{
    margin: 0 11px;
}

#tabsWidget .ui-tabs-active,
#tabsWidget .ui-tabs-active.ui-state-hover{
    background-color: #017eba
}


/* Comments Tab */
#commentsTab a{
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.6);
}

#commentsTab a img{
    float: left;
    margin-right: 12px;
    border-radius: 25px;
    transition: 0.3s;
}

#commentsTab a span{
    font-size: 15px;
    color: #656565;
}

#commentsTab a:hover img{
    border-radius: 4px;
}


/* Slider Widgets */

.postSliderWid{
    position: relative
}

.postSliderWid .navigSlider{
    position: absolute;
    top: 4px;
    right: 13px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    border-radius: 2px;
}

.postSliderWid .navigSlider i.prev,
.postSliderWid .navigSlider i.next{
    font-size: 15px;
    margin: 0 2px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: 0.4s;
}

.postSliderWid .navigSlider i.prev:hover,
.postSliderWid .navigSlider i.next:hover{color: #fff;}

.postSliderWid ul.slides li a{
    display: block;
    height: 190px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
}

.postSliderWid ul.slides li a .theTitle{
    position: absolute;
    bottom: 7px;
    left: -999px;
    width: 86%;
    padding: 1% 2%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: rgba(0, 155, 230, 0.7);
}


/* ADS in Widgets */
.joy160x600,
.joy120x600,
.joy300x600,
.joy300x250,
.joy336x280,
.a3lan{
    text-align:center;
    max-width:100%;
    overflow:hidden;
}

.joy160x600 img,
.joy120x600 img,
.joy300x600 img,
.joy300x250 img,
.joy336x280 img,
.a3lan img{
    max-width:100%;
}

.a3lan{margin-bottom: 15px;}


/* MAGAZINE Small SideBar Widgets
-------------------------------------*/
#smallSidebar h1 span{
    background: #017eba;
    line-height: 34px;
    height: 34px;
    border: none;
    color: #FFF;
    font-size: 18px;
    margin-left: 0;
    display: block;
    text-align: center;
    font-weight: 600;
}
#smallSidebar h1 span b{font-weight: 600;}


#smallSidebar .widget_trending .theThum{
    height:125px!important;
}

#smallSidebar .widget_instagram_feed a:nth-child(3n+2),
#smallSidebar .widget_pinterest_feed a:nth-child(3n+2),
#smallSidebar .widget_flickr_feed a:nth-child(3n+2),
#smallSidebar .widget_instagram_feed a,
#smallSidebar .widget_pinterest_feed a,
#smallSidebar .widget_flickr_feed a{
    margin: 0px auto 15px auto;
    float: none;
    width: 182px;
}

#smallSidebar .widget_flickr_feed i.icon-circle{
    margin-left: 70px
}

#smallSidebar #SoicalCounter li{
    width: 97px;
}

#smallSidebar aside.widget_youtube_box iframe{
    height: 130px!important;
}

#smallSidebar .widget_search .search-field,
#smallSidebar .widget_search .search-field:focus{
    width: 127px;
}

/* ==========================================================================
   Post
   ========================================================================== */

/* Thumnail Cover
-------------------------------------*/
.thumnailCover{
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    margin-top: 18px;
}


/* TAGS
-------------------------------------*/
#tagList{
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    padding: 0 0 7px 10px;
    margin: 40px 0 20px 0;
}

#tagList a{
    font-size: 14px;
    color: #515151;
    font-weight: 600;
    margin-right: 22px;
}

#tagList a:hover{
    color:#2BB0DE;
    transition: 0.2s;
}

#tagList:before{
	content: '\e89d';
    color: #D6D6D6;
    font-size: 24px;
    text-indent: -25px;
    vertical-align: top;
}

/* About The Author
-------------------------------------*/
#aboutAuthor{
    height: 136px;
    overflow: hidden;
    background-color: #F9F9F9;
    color:#000;
}

#aboutAuthor img.avatar{
    float: left;
    margin-right: 22px;
}

#aboutAuthor h4{
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 27px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: 3px;
}

#aboutAuthor h4 a{
    color: #0C87D4;
}

#aboutAuthor .socialAuthor{
    display: inline-block;
    width: 300px;
    height: 26px;
    overflow: hidden;
    line-height: 25px;
    margin-left: 30px;
}

#aboutAuthor .socialAuthor a{
    display: block;
    width: 33px;
    float: left;
    overflow: hidden;
    font-size: 24px;
}

#aboutAuthor p.bioAuthor{
    margin: 0;
    color: #575757;
    font-size: 17px;
}

#aboutAuthor .socialAuthor .scil-twitter{color:#26c3f9}
#aboutAuthor .socialAuthor .scil-facebook{color:#415185}
#aboutAuthor .socialAuthor .scil-pinterest{color:#a70909}
#aboutAuthor .socialAuthor .scil-google{color:#ce2121}
#aboutAuthor .socialAuthor .scil-linkedin{color:#107fbe}
#aboutAuthor .socialAuthor .scil-url{color:#727272}

/* EDIT Button Post Header
-------------------------------------*/
header.entry-header .post-edit-link{
    padding: 1px 7px;
    margin-left: 15px;
    font-size: 15px;
    vertical-align: middle;
    background-color: #00C3F0;
    color: #FFF;
    border-radius: 3px;
    transition:0.2s;
}
header.entry-header .post-edit-link:hover{background-color:#2BB0DE;}


/* Info Bar
-------------------------------------*/

/*= Main Bar =*/
#postMeta{
    background-color: #F2F2F2;
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    color:#525252;
}

/*= Categories List =*/
#postMeta .post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right:20px;
    float:left
}

#postMeta .post-categories li{
    float:left;
    margin-right:7px
}
#postMeta .post-categories li:first-child:before{content: '\e8c8';}

#postMeta .post-categories a{
    text-transform:uppercase;
    color:#fff;
    background-color:#23bef4;
    border-radius:2px;
    transition:0.2s;
    padding: 1px 8px;
}

#postMeta .post-categories a:hover{
    background-color:#2bb0de;
}

#postMeta .theTime,#postMeta .commentsCount,#postMeta .views,#authorName{
    cursor:default;
    margin-right:20px;
    color: #535353;
}
#authorName{cursor:pointer;}

#postMeta .theTimeParent,#postMeta .commentsCount,#postMeta .views,#authorName{
    float:left;
}

#postMeta .theTime:before,#postMeta .commentsCount:before,#postMeta .views:before{
    color: #202020;
    margin-right: 7px;
}


/*= Next & Prev Posts =*/
#postMeta .prevPost.theEND,#postMeta .nextPost.theEND{
    opacity: 0.6;
    cursor:default;
}
#postMeta .prevPost.theEND:hover,#postMeta .nextPost.theEND:hover{background-color:#23bef4}


#postMeta .prevPost,#postMeta .nextPost{
    display:block;
    float:right;
    background-color:#23bef4;
    border-radius:4px;
    font-size:22px;
    font-weight:700;
    color:#fff;
    height:29px;
    line-height:29px;
    margin-top:6px;
    position:relative;
    transition:0.2s;
}
#postMeta .prevPost:hover,#postMeta .nextPost:hover{background-color:#2bb0de}

#postMeta .prevPost{
    width:28px;
    margin-right:6px;
    text-indent: -1px;
}

#postMeta .nextPost{
    padding-right:37px;
    padding-left:14px
}

#postMeta .nextPost:before{
    position:absolute;
    right:4px;
    top:4px;
    text-indent: 0;
}

#postMeta .thumNextPrev{
    display: block;
    width: 223px;
    height: 114px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-position: 50% 45%;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    bottom: 44px;
    z-index: 99;
}

#postMeta .thumTitle{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    
    display: block;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 3px 5px 3px;
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
    min-width: 217px;
}

#postMeta i.icon-down-dir{
    position: absolute;
    font-size: 28px;
    color: #131313;
    bottom: -15px;
    right: 33px;
}

.prevPost .thumNextPrev {
    right: -40px!important;
}


/* Social Share
-------------------------------------*/
#socialPost {
    padding: 0;
    margin-bottom: 20px;
}

#socialPost li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100px;
    height: 24px;
    line-height: 15px;
    margin-top:15px;
}

#facebookSocialPost {
    width: 150px!important;
}

#googleSocialPost {
    width: 84px!important;
}

#linkedinSocialPost {
    width: 90px!important;
}

/* ==========================================================================
   ShortCodes
   ========================================================================== */
/* Quotes
-------------------------------------*/
.entry-content blockquote{
    background: #F5F5F5;
    padding: 5px 10px 5px 155px;
    margin: 0 0 25px 0;
    position: relative;
    overflow: hidden;
    min-height:130px
}

.entry-content blockquote:before{
	content: '\e8ac';
	color: #FFF;
    font-size: 100px;
    position: absolute;
    left: -20px;
    top: 0;
    border-top: 20px #23BEF4 solid;
    background: #23BEF4;
    padding: 0 18px;
    height: 100%;
}


/* Alerts and Warnings
-------------------------------------*/
.attention-circled,.minus-circled,.ok-circled,.info-circled{
	font-size:20px;
	font-weight:600;
	height:44px;
	margin-bottom:20px;
	position:relative;
    padding-left: 9px;
    padding-bottom: 6px;
    padding-right:27px;
}

.attention-circled span,.minus-circled span,.ok-circled span,.info-circled span{
	margin-left:0px;
}
.attention-circled span:before,.minus-circled span:before,.ok-circled span:before,.info-circled span:before{
	font-size:30px;
	line-height:55px;
	text-indent:-10px;
    vertical-align:middle;
}

.attention-circled button,.minus-circled button,.ok-circled button,.info-circled button{
	background:none;
	border:none;
	position: absolute;
	top: 7px;
	right: 0;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}


.attention-circled.box,.minus-circled.box,.ok-circled.box,.info-circled.box{
    height:auto;
    min-height: 66px;
    padding-top: 10px;
    padding-right:29px;
}

.attention-circled.box span:before,.minus-circled.box span:before,.ok-circled.box span:before,.info-circled.box span:before{
    font-size: 60px;
    float: left;
    margin-top: 7px;
}



.attention-circled{background-color:#fffbcc;color:#a3970f}
.attention-circled button{color:#a3970f}
.attention-circled span:before{color:#ece056}

.minus-circled{background-color:#ffcece;color:#8e1414}
.minus-circled button{color:#8e1414}
.minus-circled span:before{color:#ba2727}

.ok-circled{background-color:#d5ffce;color:#319d1f}
.ok-circled button{color:#319d1f}
.ok-circled span:before{color:#319d1f}

.info-circled{background-color:#cef2ff;color:#0c6c8d}
.info-circled button{color:#0c6c8d}
.info-circled span:before{color:#2bb0de}


/* Check Box
-------------------------------------*/
.checkBoxList{
	margin-left:45px
}

.checkBoxList ol{
	padding: 0 0 0 18px;
}

.checkBoxList h3{
	padding: 0;
	margin: 0;
	font-size: 21px;
	font-weight: 700;
}

.checkBoxList li{
	font-weight:600;
	cursor:pointer;
	list-style:none;
	margin-bottom: 6px!important;
	transition:0.2s;
    font-size:19px
}

.checkBoxList li.icon-check:before{
    color:#519b0f;
}

.checkBoxList li.icon-check{
    color: #B1B4AE;
    text-decoration: line-through;
}

.checkBoxList li:hover:before{
    color:#519b0f;
}

.checkBoxList li:before{
    text-decoration: none;
}


/* Buttons
-------------------------------------*/
.jButtons{
	color:#fff!Important;
	margin-right:20px;
	margin-bottom:20px;
	font-weight:700;
	display:inline-block;
	position:relative;
    border-radius: 2px;
}

.jButtons.bBig{font-size:22px;padding:27px 20px 27px 78px}
.jButtons.bBig.noIcon{padding:17px 20px}
.jButtons.bBig:before{font-size: 55px;position: absolute;left: 0;top: 16px;}

.jButtons.bMid{font-size:18px;padding:21px 15px 21px 65px}
.jButtons.bMid.noIcon{padding:12px 15px}
.jButtons.bMid:before{font-size: 44px;position: absolute;left: 4px;top: 11px;}

.jButtons.bSml{font-size:13px;padding:12px 18px 12px 47px}
.jButtons.bSml.noIcon{padding:8px 18px}
.jButtons.bSml:before{font-size: 26px;position: absolute;left: 9px;top: 8px;}


/* CountDown List (H2 List)
-------------------------------------*/
.entry-content.h2ListDESC h2,.entry-content.h2ListASC h2{
    background: #F2F2F2;
    margin-bottom:0;
}

.entry-content .sortList {
    background: #23BEF4;
    color: #FFF;
    display: inline-block;
    padding: 5px 0;
    margin-right: 6px;
    width: 50px;
    text-align: center;
}


/* Slider Gallery
-------------------------------------*/
div[id^="slider"]{
    overflow:hidden;
    margin: 0 0 5px;
}

div[id^="slider"] .flex-caption{
    color: #FFF;
    background-color: #000;
    display: block;
    font-size: 12px;
    padding: 6px;
    font-style: italic;
}

div[id^="slider"].marginBottom{margin-bottom:40px;}

/* Carousel */
div[id^="carousel"]{
    overflow: hidden;
    margin-bottom:40px;
    background-color:#202020;
}

div[id^="carousel"].flexslider img{display: none}
div[id^="carousel"] li {margin-right:10px;}
div[id^="carousel"] img {display: block; opacity: .5; cursor: pointer;}
div[id^="carousel"] img:hover {opacity: 1;}
div[id^="carousel"] .flex-active-slide img {opacity: 1; cursor: default;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
    width: 40px;
    height: 80px;
    margin: -40px 0 0;
    display: block;
    background: #000;
    border-radius: 50px 0 0 50px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    line-height: 80px;
    overflow: hidden;
    color: #FFF!important;
    font-size: 30px;
    text-indent: 2px;
    opacity: 0;
    transition: all .3s ease;
}
.flex-direction-nav .flex-prev {border-radius: 0 50px 50px 0;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;text-indent: -3px;}
.flexslider:hover .flex-next {opacity: 0.3; right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.3; left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;}
.flex-direction-nav .flex-disabled {display:none}
div[id^="carousel"] .flex-next, div[id^="carousel"] .flex-prev {
    background-color: rgba(0, 0, 0, 0);
    height: 55px;
    border-radius: 0;
    margin-top: -40px;
}
.flex-next:before{content: '\e8f8';}
.flex-prev:before{content: '\e8f7';}



/* LightBox Gallery
-------------------------------------*/
.lightBoxWrap{
    padding-left:0px;
    margin-bottom:30px
}

.lightBoxWrap .lightBoxIMG{
    display: block;
    width: 160px;
    height: 160px;
    margin: 7px 0;
    margin-right: 17px;
    text-align: center;
    border: 1px #F0F0F0 solid;
    float: left;
    background-size:cover;
    background-position:50% 50%;
}

.lightBoxWrap .lightBoxIMG:nth-of-type(5n){margin-right: 0}

.lightBoxWrap .back{
    height: 0%;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    overflow: hidden;
    line-height: 150px;
    color: #FFF;
    font-size: 30px;
}

.tabs.ui-tabs .lightBoxWrap .lightBoxIMG,
.accordions.ui-accordion .lightBoxWrap .lightBoxIMG{
    width: 155px;
    height: 155px;
    margin: 7px;
}


/* Small Videos
-------------------------------------*/
.videoSmall,.notSupportedVideoSmall{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,1) 100%);
    
    background-size: cover;
    background-position: 50% 50%;
    width: 222px;
    height: 125px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    clear: left;
    margin: 10px 25px -2px 0;
    position:relative;
    word-wrap: normal;
}

.videoSmall i.icon-play-circled2,
.notSupportedVideoSmall i.icon-export{
    position: absolute;
    right: 0;
    bottom: 1px;
    text-indent: 0;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.7);
    transition: 0.4s;
}

.notSupportedVideoSmall i.icon-export{
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    font-size: 35px;
}

.videoSmall:hover i.icon-play-circled2,
.notSupportedVideoSmall:hover i.icon-export{
    color:#fff
}

.unSupportedVideos{
    background-size: cover;
    background-position: 50% 50%;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.wrapSmallVideo .closeVideos{
    display: block;
    padding: 0;
    border: 0;
    margin: 0;
    float: right;
    background: none;
    color: #E43A3A;
    font-size: 30px;
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 999;
}

.videosiFrame{
    background-color:#000;
}

.wrapSmallVideo{
    margin: 10px 0 10px 0;
    float: left;
    clear: left;
    position: relative;
}

.joyRespoVideoOut{position: relative;max-width: 100%;}
.joyRespoVideoOut:before{content: "";display: block;padding-top: 56.25%;}
.joyRespoVideoIn{position:  absolute;top: 0;left: 0;bottom: 0;right: 0;}


/* CountDown Slider Post
-------------------------------------*/
/* Reset elements to conform with #countDownSlider */
#countDownSlider h1,
#countDownSlider h2,
#countDownSlider h3,
#countDownSlider h4,
#countDownSlider h5,
#countDownSlider h6{
    clear:none;
}

#countDownSlider .lightBoxIMG{
    width:100px;
    height:100px;
    margin: 0 15px 10px 0;
}

#countDownSlider p{
    margin:0
}

#countDownSlider .lightBoxWrap.cf:before,
#countDownSlider .lightBoxWrap.cf:after {content: none;display: block;}
#countDownSlider .lightBoxWrap.cf:after {clear: none;}

#countDownSlider .lightBoxIMG .back{
    line-height: 100px;
    font-size: 25px;
}

#countDownSlider .lightBoxIMG.fix{
    text-indent: 100%;
    overflow: hidden;
}

/* Style #countDownSlider */
#countDownSlider{
    position:relative;
    margin-bottom: 50px;
}

#countDownSlider .countDownSlide:first-child{
    display:block
}

#countDownSlider .countDownSlide{
    display:none
}

#countDownSlider h2{
    margin:0;
    font-size: 24px;
}

#countDownSlider .viewSort{
    font-size:13px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

#countDownSlider .viewSort:before{
    font-size: 18px;
    vertical-align: bottom;
}

#countDownSlider .currentNUM{
    color:#4db3a6
}

#countDownSlider .totalNUM{
    color:#2bb0de
}

#countDownSlider .slideIMG{
    width:450px;
    float:left;
    margin-right:24px;
    background-position:50% 50%;
    background-size:cover;
    position:relative;
    z-index:999;
}

#countDownSlider .slideContent{
    font-size: 19px;
}

#countDownSlider .prev,#countDownSlider .next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 45px;
    height: 95px;
    border: 0;
    border-radius: 10px 0px 0px 10px;
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.4);
    transition: 0.5s;
    font-size: 45px;
    text-indent: -8px;
}

#countDownSlider .prev:hover,#countDownSlider .next:hover{
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

#countDownSlider .prev{
    left:0;
    border-radius: 0 10px 10px 0;
    text-indent: -11px;
}

#countDownSlider .next{
    right:0;
}

#countDownSlider .noPrev{
    display:none;
}

/* FIX FIREFOX */
@-moz-document url-prefix() {
    #countDownSlider .prev{
        text-indent: -7px;
    }
    
    #countDownSlider .next{
        text-indent: -5px;
    }
    
    #countDownSlider .next.noNext{
        text-indent: -1px;
    }
}

/* Reply Button */
#countDownSlider .noNext{
    margin-top: 130px;
    width: 45px;
    height: 55px;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(0, 0, 0, 0.4);
    font-size: 37px;
    text-indent: -5px;
}

#countDownSlider .noNext:hover{
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.9);
}

/* Loading */
#countDownSlider .loading{
    font-size: 21px;
    color: #9b9b9b;
    text-align: center;
}

#countDownSlider .icon-spin4{
    font-size: 80px;
    margin-left: 360px;
}

#countDownSlider .ldWord{
    display: block;
}

#fixLoadingProblem {
    position: absolute;
    top: -999px;
}

/* Support Videos Inside countDownSlider */
#countDownSlider .videoSmall,#countDownSlider .notSupportedVideoSmall{
    width: 130px;
    height: 75px;
    clear: none;
    margin: 10px 9px 0 0;
}

.videoSmall i.icon-play-circled2, .notSupportedVideoSmall i.icon-export{
    font-size: 35px;
}


/* ==========================================================================
   404 PAGE
   ========================================================================== */
#primary.primary404{
    width: 100%;
    float: none;
    margin-right: 0;
}

#primary.primary404 .not-found{
    width:650px;
    margin:auto;
    margin-top:125px
}

#error404HEAD,#primary.primary404 .content404{
    float:left;
}

#error404HEAD{
    width:250px;
}

#error404HEAD span{
    display: block;
    font-size: 135px;
    line-height: 91px;
    font-weight: 600;
    color: #2BB0DE;
}

#error404HEAD .erorrWord{
    font-size:74px;
}

#primary.primary404 h1.page-title {
    margin: 0;
    color: #2BB0DE;
    font-weight: 400;
    font-size: 44px;
    line-height: 30px;
}

#primary.primary404 .page-description {
    font-size: 15px;
    margin-bottom: 15px;
}


#primary.primary404 .search-form {
    margin-top: 10px;
}

#primary.primary404 .icon-angle-right{
    line-height: 25px;
}

#primary.primary404 .icon-angle-right:before{
    color:#656565
}

#primary.primary404 .content404{
    width:370px;
    padding-left:10px;
}


#primary.primary404 h1{
    background: none;
    padding-left: 0;
}

#trend404{
    margin: 70px 0;
}

#trend404 h1{
    font-size: 37px;
    font-weight: 400;
    text-align: center;
    color: #2BB0DE;
    margin-bottom: 30px;
}

#trend404 a{
    display: block;
    width: 190px;
    height: 195px;
    margin: 0 7px 20px 6px;
    float: left;
    background-size: cover;
    background-position: 49% 49%;
    position: relative;
}

#trend404 a span{
    display: block;
    background: rgba(35, 190, 244, 0.75);
    color: #FFF;
    width: 178px;
    font-size: 18px;
    padding: 6px;
    position: absolute;
    left: 0;
    bottom: 15px;
    opacity:0;
}

#trend404 .big{
    width: 393px;
}

#trend404 .big span{
    width: 381px;
    opacity:1;
}



/* ==========================================================================
   Search Result
   ========================================================================== */
h1.SearchResult{
    font-size: 37px!important;
    font-weight: 400!important;
    color: #2BB0DE!important;
    background: none!important;
    padding-left: 0!important;
    margin-bottom: 30px;
}h1.SearchResult span{color:#d71946}

article.SearchResult{
    padding: 20px 0;
    border-bottom: 1px #E8E8E8 solid;
    margin: 0;
}

article.SearchResult:nth-child(1){
    padding-top: 0!important;
}

article.SearchResult .joyThumb{
    float: left;
    margin-right: 30px;
}

article.SearchResult .wrapSearch{
    width: 608px;
    float: left;
}article.SearchResult .wrapSearch.noThum{width: 100%;}

article.SearchResult .entry-title{
    font-size: 21px;
    margin: 0;
    line-height: 27px;
    font-weight: 400;
}

article.SearchResult .entry-summary{
    margin: 0;
    color: #787878;
    font-size:16px
}article.SearchResult .entry-summary p{margin-top: 5px;}

article.SearchResult .entry-meta{
    font-weight: 600;
    font-size: 15px;
    color:#5e5e5e
}

article.SearchResult .theDate{margin-right: 10px;}


/* ==========================================================================
   Author Page Info
   ========================================================================== */
#aboutAuthorPage{
    background-color: #202020;
    color:#fff;
}

#aboutAuthorPage .wrapingMain{
    background-color: #4b4b4b;
    padding-right:380px;
    width:838px;
    position:relative;
}

#aboutAuthorPage .avatar{
    float:left;
    margin:35px;
    border-radius:4px
}

#aboutAuthorPage h1{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 50px;
}

#aboutAuthorPage .wrapRight{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #404040;
    width: 340px;
    height: 100%;
    text-align: center;
}

#aboutAuthorPage .bioAuthor{
    color: #E9E9E9;
    font-size: 17px;
    margin-top: 10px;
}

#aboutAuthorPage .postCount{
    font-size: 60px;
    font-weight: 700;
    margin-top: 12px;
    display: block;
}

#aboutAuthorPage .socialAuthor{
    margin: 0 30px;
}

#aboutAuthorPage .socialAuthor a{
    font-size: 50px;
    line-height: 60px;
    color: #7C7C7C;
    transition:0.4s;
}

#aboutAuthorPage .socialAuthor a:hover{color:#ccc}


/* ==========================================================================
   Personal Blog Layout
   ========================================================================== */
article.personalLayout{
    margin-bottom:120px;
}

article.personalLayout h1.entry-title{
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    width: 750px;
    margin: 24px auto 0 auto;
}

article.personalLayout .LoopCover{
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-top: 6px solid #009BE6;
    overflow: hidden;
}

article.personalLayout .LoopCover.thumbTop{background-position: 50% 0%;}
article.personalLayout .LoopCover.thumbBottom{background-position: 50% 100%;}

article.personalLayout .LoopCover .linkCover{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
    box-shadow: 0px 0px 60px -7px rgba(0, 0, 0, 0.3) inset;
}

article.personalLayout .LoopCover .flyDate{
    position: absolute;
    top: 10px;
    left: -80px;
    display: block;
    width: 70px;
    height: 75px;
    background-color: #23BEF4;
    color: #FFF;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
}

article.personalLayout .LoopCover .flyDate span{
    display:block
}

article.personalLayout .LoopCover .flyDate span:first-child{
    font-size: 40px;
    line-height: 40px;
}

article.personalLayout .LoopCover .comments-link{
    background-color: #F5F5F5;
    height: 20px;
    line-height: 20px;
    width: 70px;
    position: absolute;
    bottom: -20px;
    color: #363636;
    font-size: 14px;
    font-weight: 400;
    text-indent: -2px;
}article.personalLayout .LoopCover .comments-link a{color:#363636}

article.personalLayout .LoopCover.noThum{
    display: none;
}

article.personalLayout .LoopCover.noThum .flyDate{
    top: 0;
    bottom:auto
}

article.personalLayout .theAuthor{
    margin-right: 20px;
    font-size: 16px;
    font-weight: 600;
}article.personalLayout .theAuthor a{color: #fff}

article.personalLayout .infoBar{
    color: #FFF;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 10px;
    bottom: -30px;
    padding: 2px 8px;
    border-radius: 2px;
    cursor: default;
}

.more-link{
    color: #FFF!important;
    font-size: 14px;
    font-weight: 800;
    background-color: #23BEF4;
    border-radius: 3px;
    padding: 5px 25px;
}

article.personalLayout .entry-content{
    margin: 0;
    text-align: center;
    margin-top: 7px;
}

article.personalLayout p{
    margin: 20px 0 30px 0;
    text-align: left;
}

article.personalLayout .categoryName{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    border-radius: 2px;
    font-weight: 600;
    font-size: 11px;
    padding: 2px 10px;
    text-transform: uppercase;
    cursor: default;
    transition: 0.2s;
}

article.personalLayout .hideCat{
    display: none;
}

/* ==========================================================================
   Two Columns & Three Columns & Two Three Hybrid Masonry
   ========================================================================== */
/*Two Columns*/
#primary article.layout2BIG{
    width: 424px;
    min-height: 230px;
    margin: 0px 25px 40px 0px;
    display: inline-block;
    vertical-align: top;
}
#primary article.layout2BIG:nth-of-type(2n){margin-right: 0px;}

#primary article.layout2BIG .postTitle{
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 7px;
    display: block;
    margin-top: 5px;
}

#primary article.layout2BIG .infoBar{
    color: #ABABAB;
    font-size: 12px;
}

/*Three Columns*/
#primary article.layout3SMALL{
    width: 276px;
    min-height: 180px;
    margin: 0px 20px 25px 0px;
    display: inline-block;
    vertical-align: top;
}

#primary article.layout3SMALL:nth-of-type(3n+3){margin-right: 0px}

#primary article.layout3SMALL .postTitle{
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 4px;
    display: block;
    margin-top: 5px;
    font-weight: 600;
}

#primary article.layout3SMALL .infoBar{
    color: #ABABAB;
    font-size: 11px;
}


/* ==========================================================================
   HomePage Magazine Layout
   ========================================================================== */
#primaryMagazine h1{
    background: #017eba;
    line-height: 34px;
    height: 34px;
    overflow:hidden;
}

#primaryMagazine h1 a{
    background: #FFF;
    color: #036da0;
    font-size: 22px;
    padding: 0px 11px 0 8px!important;
    margin-left: 10px!important;
    height: 34px!important;
    line-height: 32px!important;
    border-top: none!important;
    width: auto!important;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    float: left;
} #primaryMagazine h1 a b{font-weight: 400;}

#primaryMagazine h1.small a{
    background: none;
    color: #FFF;
    padding: 0!important;
    font-size: 18px;
}

#primaryMagazine .twoColWrap section{
    width:315px;
    float:left;
}
#primaryMagazine .twoColWrap section:first-child{margin-right:30px;}

#primaryMagazine section{
    margin-bottom:15px;
}


/* Slider BLOCK */
#primaryMagazine .imagesLayout ul.slides a{
    display: block;
    position: relative;
    height: 350px;
    background-size: cover;
    background-position: 50% 50%;
}

#primaryMagazine .imagesLayout ul.slides a .theTitle{
    position: absolute;
    bottom: -325px;
    left: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    font-size: 33px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
}

.infoBar{text-transform: uppercase;}

#primaryMagazine .imagesLayout .infoBar span.icon-calendar-empty:before{
    font-size: 13px;
    vertical-align: 1px;
    margin-right: 4px;
}
#primaryMagazine .imagesLayout .infoBar span{margin-right: 28px;}

#primaryMagazine .imagesLayout .backGradient{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 19%, rgba(0,0,0,0) 73%, rgba(0,0,0,8) 91%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(0,0,0,0)), color-stop(73%,rgba(0,0,0,0)), color-stop(91%,rgba(0,0,0,8)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 19%,rgba(0,0,0,0) 73%,rgba(0, 0, 0, 0.8) 91%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 19%,rgba(0,0,0,0) 73%,rgba(0, 0, 0, 0.8) 91%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 19%,rgba(0,0,0,0) 73%,rgba(0, 0, 0, 0.8) 91%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 19%,rgba(0,0,0,0) 73%,rgba(0, 0, 0, 0.8) 91%,rgba(0,0,0,1) 100%);
}

#primaryMagazine .imagesLayout ul.slides a .categoryName{
    font-size: 11px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 8px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 10px;
    transition: 0.3s;
}

#primaryMagazine .imagesLayout .flex-control-nav{
    width: auto;
    top: 5px;
    right: 10px;
    max-height: 10px;
    padding: 8px;
}

#primaryMagazine .imagesLayout .flex-control-paging li a{background: rgba(255, 255, 255, 0.5);box-shadow: inset 0 1px 3px rgba(189, 189, 189, 0.6);}
#primaryMagazine .imagesLayout .flex-control-paging li .flex-active{background: #fff;box-shadow: none;}

#primaryMagazine .imagesLayout .flex-direction-nav a{
    background: none;
    width: 50px;
    text-shadow: 1px 1px 0px #868686;
}
#primaryMagazine .imagesLayout .flexslider:hover .flex-prev{left: 10px;}

/* bPTCLayout BLOCK */
#primaryMagazine section.bPTCLayout a{
    display: block;
    width: 320px;
    min-height: 100px;
    float: left;
    padding: 10px 0;
    border-top: 1px #F7F7F7 solid;
    overflow: hidden;
    min-height:0;
}

#primaryMagazine section.bPTCLayout .big{
    width: 660px;
    min-height: 170px;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
#primaryMagazine section.bPTCLayout a:nth-of-type(2n+2){margin-right: 20px;}

#primaryMagazine .theExcerpt{
    margin-top: 7px;
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #535353;
}

#primaryMagazine section.bPTCLayout a .theThum{
    float:left;
    margin-right:7px;
}

#primaryMagazine section.bPTCLayout .big .theThum{
    margin-right:15px;
}

#primaryMagazine section.bPTCLayout a .theTitle{
    font-size: 16px;
    display: block;
}

#primaryMagazine section.bPTCLayout .big .theTitle{
    font-size:22px;
    font-weight:600;
}

#primaryMagazine .infoBar{
    font-size: 12px;
    color: #8F8F8F;
    margin-top: 3px;
}
#primaryMagazine .infoBar span{margin-right: 6px;}

#primaryMagazine .infoBar span.icon-calendar-empty:before{
    font-size: 10px;
    vertical-align: 1px;
    margin-right: 4px;
}

/* tBPTCLayout BLOCK */
#primaryMagazine section.tBPTCLayout a{
    display: block;
    width: 315px;
    min-height: 100px;
    float: left;
    padding: 10px 0;
    border-top: 1px #F7F7F7 solid;
    overflow: hidden;
}

#primaryMagazine section.tBPTCLayout .big{
    width: 315px;
    min-height: 300px;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

#primaryMagazine section.tBPTCLayout a .theThum{
    float:left;
    margin-right:7px;
}

#primaryMagazine section.tBPTCLayout .big .theThum{
    margin-right:0px;
    margin-bottom:14px;
}

#primaryMagazine section.tBPTCLayout a .theTitle{
    font-size: 16px;
    line-height: 20px;
    display: block;
}

#primaryMagazine section.tBPTCLayout .big .theTitle{
    font-size:22px;
    font-weight:600;
    line-height: 27px;
}


/* tBPTCTLLayout BLOCK */
#primaryMagazine section.tBPTCTLLayout a{
    display: block;
}

#primaryMagazine section.tBPTCTLLayout .big{
    overflow: hidden;
    width: 315px;
    min-height: 310px;
    padding: 0;
    margin-bottom: 20px;
    margin-right: 30px;
}

#primaryMagazine section.tBPTCTLLayout .big .theThum{
    float:left;
    margin-right:0px;
    margin-bottom:14px;
}

#primaryMagazine section.tBPTCTLLayout .big .theTitle{
    font-size:22px;
    font-weight:600;
    line-height: 27px;
    display: block;
}

#primaryMagazine section.tBPTCTLLayout .row2 a{
    float:left;
    width:150px;
    min-height:170px;
    margin-bottom:10px;
}

#primaryMagazine section.tBPTCTLLayout .row2{
    border-top: 1px #F7F7F7 solid;
    /*border-bottom: 1px #F7F7F7 solid;*/
    padding: 15px 0 0 0;
    margin-bottom: 15px;
    overflow: hidden;
}

#primaryMagazine section.tBPTCTLLayout .row2 a:first-child{
    margin-right:15px;
}

#primaryMagazine section.tBPTCTLLayout .row2 .theTitle{
    font-size: 15px;
}

#primaryMagazine section.tBPTCTLLayout .icon-angle-right{
    padding-left: 15px;
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #F7F7F7 solid;
}

#primaryMagazine section.tBPTCTLLayout .icon-angle-right:before{
    position:absolute;
    left: -6px;
    color:#656565
}


/* Carousel BLOCK */
.imagesLayout.noTitle{
    margin-top: 10px;
}

#primaryMagazine .sImgLayout.loading{height: 264px;overflow: hidden;}
#primaryMagazine .sImgLayout.loading ul.slides li a{margin-right: 5px;}

#primaryMagazine .sImgLayout .navigSlider{
    color: rgba(255, 255, 255, 0.8);
    font-size: 22px;
    float: right;
}

#primaryMagazine .sImgLayout .navigSlider i{
    transition: 0.4s;
    margin: 0 2px;
    cursor: pointer;
}

#primaryMagazine .sImgLayout .navigSlider i:hover{color: #fff;}

#primaryMagazine .carouselBlock ul.slides li a{
    display: block;
    width: 210px;
    height: 210px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    float: left;
    margin-right: 15px;
}
#primaryMagazine .carouselBlock ul.slides li{margin-right: 15px;}

#primaryMagazine .carouselBlock ul.slides li a .backShadow,
#primaryMagazine .carouselBlock ul.slides li a .backGradient,
#homePagecrosl ul.slides li a .backShadow,
#homePagecrosl ul.slides li a .backGradient,
#primaryMagazine .imagesLayout .backGradient{
   display: block;
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
}

#primaryMagazine .carouselBlock ul.slides li a .backShadow,
#homePagecrosl ul.slides li a .backShadow{
    background: none;
    height: 100%;
}

#primaryMagazine .carouselBlock ul.slides li a .backShadow.nope,
#homePagecrosl ul.slides li a .backShadow.nope{
    background: none;
}

#primaryMagazine .carouselBlock ul.slides li a .backShadow,
#homePagecrosl ul.slides li a .backShadow
{background: rgba(0, 0, 0, 0.1);}

#primaryMagazine .carouselBlock ul.slides li a .backGradient{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.87) 85%, rgba(0,0,0,0.87) 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0)), color-stop(85%,rgba(0,0,0,0.87)), color-stop(97%,rgba(0,0,0,0.87)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.87) 85%,rgba(0,0,0,0.87) 97%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.87) 85%,rgba(0,0,0,0.87) 97%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.87) 85%,rgba(0,0,0,0.87) 97%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.87) 85%,rgba(0,0,0,0.87) 97%);
}

#primaryMagazine .carouselBlock .infoBar{
    color: #a8a8a8;
    font-size: 15px;
    position: absolute;
    /*bottom: 12px;*/
    bottom: -20px;
    left: 10px;
}

#primaryMagazine .carouselBlock .commentsCount{
    margin-right: 20px;
}

#primaryMagazine .carouselBlock .theTitle{
    position: absolute;
    /*bottom: 35px;*/
    bottom: 10px;
    left: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    width: 195px;
}


/* ==========================================================================
   CSS Plugins
   ========================================================================== */

/* Fontello CSS
-------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('inc/fontello/fontello.eot?30771732');
  src: url('inc/fontello/fontello.eot?30771732#iefix') format('embedded-opentype'),
       url('inc/fontello/fontello.woff?30771732') format('woff'),
       url('inc/fontello/fontello.ttf?30771732') format('truetype'),
       url('inc/fontello/fontello.svg?30771732#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('inc/fontello/fontello.svg?30771732#fontello') format('svg');
  }
}

 
[class^="icon-"]:before, [class*=" icon-"]:before,/*Base*/
.entry-content blockquote:before,/*Block Quote*/
#tagList:before,/*TAGS*/
#postMeta .post-categories li:first-child:before,/*Post Meta Categories*/
.flex-prev:before,.flex-next:before,/*FlexSlider*/

/* Widgets */
.widget_archive a:before,/*Archive*/
.widget_meta a:before,/*Meta*/
.widget_pages a:before,/*Pages*/
.widget_categories a:before,/*Categories*/
.widget_nav_menu a:before,/*Nav Menu*/
.widget_recent_entries .post-date:before,/*Recent Entries*/
.widget_rss .rss-date:before,/*RSS*/

.comment-metadata time:before/*Comments Time*/{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-emo-happy:before { content: '\e82f'; } /* '' */
.icon-instagram-filled:before { content: '\e802'; } /* '' */
.icon-emo-unhappy:before { content: '\e831'; } /* '' */
.icon-emo-thumbsup:before { content: '\e832'; } /* '' */
.icon-emo-coffee:before { content: '\e833'; } /* '' */
.icon-emo-sunglasses:before { content: '\e834'; } /* '' */
.icon-emo-grin:before { content: '\e835'; } /* '' */
.icon-spin4:before { content: '\e803'; } /* '' */
.icon-spin6:before { content: '\e807'; } /* '' */
.icon-search:before { content: '\e869'; } /* '' */
.icon-mail-alt:before { content: '\e86b'; } /* '' */
.icon-heart:before { content: '\e86c'; } /* '' */
.icon-user:before { content: '\e872'; } /* '' */
.icon-users:before { content: '\e816'; } /* '' */
.icon-male:before { content: '\e837'; } /* '' */
.icon-female:before { content: '\e836'; } /* '' */
.icon-th-large:before { content: '\e879'; } /* '' */
.icon-th:before { content: '\e87a'; } /* '' */
.icon-th-list:before { content: '\e87b'; } /* '' */
.icon-ok:before { content: '\e87c'; } /* '' */
.icon-ok-circled:before { content: '\e87d'; } /* '' */
.icon-ok-circled2:before { content: '\e87e'; } /* '' */
.icon-ok-squared:before { content: '\e87f'; } /* '' */
.icon-cancel:before { content: '\e880'; } /* '' */
.icon-cancel-circled:before { content: '\e881'; } /* '' */
.icon-cancel-circled2:before { content: '\e882'; } /* '' */
.icon-plus:before { content: '\e883'; } /* '' */
.icon-plus-circled:before { content: '\e884'; } /* '' */
.icon-plus-squared:before { content: '\e814'; } /* '' */
.icon-minus:before { content: '\e887'; } /* '' */
.icon-minus-circled:before { content: '\e888'; } /* '' */
.icon-minus-squared:before { content: '\e889'; } /* '' */
.icon-minus-squared-alt:before { content: '\e811'; } /* '' */
.icon-help:before { content: '\e88c'; } /* '' */
.icon-help-circled:before { content: '\e88d'; } /* '' */
.icon-info-circled:before { content: '\e88e'; } /* '' */
.icon-home:before { content: '\e817'; } /* '' */
.icon-link:before { content: '\e818'; } /* '' */
.icon-eye:before { content: '\e89a'; } /* '' */
.icon-tag:before { content: '\e89c'; } /* '' */
.icon-tags:before { content: '\e89d'; } /* '' */
.icon-bookmark:before { content: '\e89e'; } /* '' */
.icon-download:before { content: '\e8a5'; } /* '' */
.icon-upload:before { content: '\e8a6'; } /* '' */
.icon-download-cloud:before { content: '\e8a7'; } /* '' */
.icon-upload-cloud:before { content: '\e8a8'; } /* '' */
.icon-reply:before { content: '\e8a9'; } /* '' */
.icon-reply-all:before { content: '\e8aa'; } /* '' */
.icon-forward:before { content: '\e8ab'; } /* '' */
.icon-quote-left:before { content: '\e8ac'; } /* '' */
.icon-quote-right:before { content: '\e8ad'; } /* '' */
.icon-code:before { content: '\e819'; } /* '' */
.icon-export:before { content: '\e8af'; } /* '' */
.icon-export-alt:before { content: '\e8b0'; } /* '' */
.icon-chat-empty:before { content: '\e8bb'; } /* '' */
.icon-bell-alt:before { content: '\e810'; } /* '' */
.icon-attention-circled:before { content: '\e812'; } /* '' */
.icon-location:before { content: '\e8c1'; } /* '' */
.icon-folder-open:before { content: '\e8c8'; } /* '' */
.icon-rss-1:before { content: '\e8cb'; } /* '' */
.icon-menu:before { content: '\e81a'; } /* '' */
.icon-cog:before { content: '\e80e'; } /* '' */
.icon-cog-alt:before { content: '\e80d'; } /* '' */
.icon-basket:before { content: '\e80c'; } /* '' */
.icon-calendar-empty:before { content: '\e8d5'; } /* '' */
.icon-login-1:before { content: '\e8d6'; } /* '' */
.icon-logout:before { content: '\e8d7'; } /* '' */
.icon-mic:before { content: '\e80f'; } /* '' */
.icon-clock:before { content: '\e8de'; } /* '' */
.icon-zoom-in:before { content: '\e8e7'; } /* '' */
.icon-zoom-out:before { content: '\e8e8'; } /* '' */
.icon-down-circled2:before { content: '\e8e9'; } /* '' */
.icon-up-circled2:before { content: '\e8ea'; } /* '' */
.icon-down-dir:before { content: '\e8eb'; } /* '' */
.icon-up-dir:before { content: '\e8ec'; } /* '' */
.icon-left-dir:before { content: '\e8ed'; } /* '' */
.icon-right-dir:before { content: '\e8ee'; } /* '' */
.icon-emo-wink:before { content: '\e830'; } /* '' */
.icon-left-open:before { content: '\e8f0'; } /* '' */
.icon-right-open:before { content: '\e8f1'; } /* '' */
.icon-up-open:before { content: '\e8f2'; } /* '' */
.icon-angle-left:before { content: '\e8f3'; } /* '' */
.icon-angle-right:before { content: '\e8f4'; } /* '' */
.icon-angle-up:before { content: '\e8f5'; } /* '' */
.icon-angle-down:before { content: '\e8f6'; } /* '' */
.icon-angle-circled-left:before { content: '\e8f7'; } /* '' */
.icon-angle-circled-right:before { content: '\e8f8'; } /* '' */
.icon-angle-circled-up:before { content: '\e8f9'; } /* '' */
.icon-angle-circled-down:before { content: '\e8fa'; } /* '' */
.icon-angle-double-left:before { content: '\e8fb'; } /* '' */
.icon-angle-double-right:before { content: '\e8fc'; } /* '' */
.icon-angle-double-up:before { content: '\e8fd'; } /* '' */
.icon-angle-double-down:before { content: '\e8fe'; } /* '' */
.icon-down:before { content: '\e8ff'; } /* '' */
.icon-left:before { content: '\e900'; } /* '' */
.icon-right:before { content: '\e901'; } /* '' */
.icon-up:before { content: '\e902'; } /* '' */
.icon-left-circled:before { content: '\e80b'; } /* '' */
.icon-right-circled:before { content: '\e80a'; } /* '' */
.icon-up-circled:before { content: '\e909'; } /* '' */
.icon-down-circled:before { content: '\e90a'; } /* '' */
.icon-cw:before { content: '\e90b'; } /* '' */
.icon-ccw:before { content: '\e90c'; } /* '' */
.icon-arrows-cw:before { content: '\e90d'; } /* '' */
.icon-play-circled:before { content: '\e913'; } /* '' */
.icon-play-circled2:before { content: '\e914'; } /* '' */
.icon-desktop:before { content: '\e921'; } /* '' */
.icon-laptop:before { content: '\e922'; } /* '' */
.icon-tablet:before { content: '\e923'; } /* '' */
.icon-mobile:before { content: '\e924'; } /* '' */
.icon-globe:before { content: '\e926'; } /* '' */
.icon-check:before { content: '\e950'!important; } /* '' */
.icon-check-empty:before { content: '\e808'; } /* '' */
.icon-circle:before { content: '\e952'; } /* '' */
.icon-circle-empty:before { content: '\e809'; } /* '' */
.icon-asterisk:before { content: '\e954'; } /* '' */
.icon-gift:before { content: '\e815'; } /* '' */
.icon-facebook-1:before { content: '\e98a'; } /* '' */
.icon-facebook-squared:before { content: '\e989'; } /* '' */
.icon-gplus-squared:before { content: '\e990'; } /* '' */
.icon-gplus-1:before { content: '\e991'; } /* '' */
.icon-linkedin-squared:before { content: '\e98b'; } /* '' */
.icon-linkedin-1:before { content: '\e98c'; } /* '' */
.icon-pinterest-circled:before { content: '\e98e'; } /* '' */
.icon-pinterest-squared:before { content: '\e98f'; } /* '' */
.icon-twitter-squared:before { content: '\e987'; } /* '' */
.icon-twitter-1:before { content: '\e988'; } /* '' */
.icon-thumbs-up:before { content: '\e82d'; } /* '' */
.icon-thumbs-down:before { content: '\e82e'; } /* '' */
.icon-retweet:before { content: '\e838'; } /* '' */
.icon-bell:before { content: '\e82c'; } /* '' */
.icon-install:before { content: '\e82b'; } /* '' */
.icon-dot-2:before { content: '\e82a'; } /* '' */
.icon-cc:before { content: '\e826'; } /* '' */
.icon-cc-nc:before { content: '\e825'; } /* '' */
.icon-cc-sa:before { content: '\e828'; } /* '' */
.icon-cc-pd:before { content: '\e827'; } /* '' */
.icon-soundcloud-1:before { content: '\e829'; } /* '' */
.icon-behance:before { content: '\e801'; } /* '' */
.icon-mobile-1:before { content: '\e824'; } /* '' */
.icon-tablet-1:before { content: '\e822'; } /* '' */
.icon-ipod:before { content: '\e823'; } /* '' */
.icon-star:before { content: '\e821'; } /* '' */
.icon-movie:before { content: '\e813'; } /* '' */
.icon-trophy:before { content: '\e81e'; } /* '' */
.icon-globe-inv:before { content: '\e820'; } /* '' */
.icon-paper-plane:before { content: '\e81f'; } /* '' */
.icon-dribbble-1:before { content: '\e806'; } /* '' */
.icon-youtube-1:before { content: '\e805'; } /* '' */
.icon-vimeo:before { content: '\e804'; } /* '' */
.icon-github-circled:before { content: '\e81c'; } /* '' */
.icon-soundcloud:before { content: '\e81b'; } /* '' */
.icon-wordpress:before { content: '\e81d'; } /* '' */
.icon-deviantart:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e8ef'; } /* '' */


/* Animation spinners */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}



/* superfish menu CSS
-------------------------------------*/
ul.navMainMenu, ul.navMainMenu * ,
ul.topMenu, ul.topMenu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.navMainMenu li,
ul.topMenu li{
	position: relative;
}
ul.navMainMenu ul,
ul.topMenu ul{
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 9999;
}
ul.navMainMenu > li,
ul.topMenu > li{
	float: left;
}

ul.navMainMenu a,
ul.topMenu a{
	display: block;
	position: relative;
}
ul.navMainMenu ul ul,
ul.topMenu ul ul{
	top: 0;
	left: 100%;
}

ul.navMainMenu,
ul.topMenu{
	float: left;
}
ul.navMainMenu ul,
ul.topMenu ul{
	min-width: 250px;
}
ul.navMainMenu a,
ul.topMenu a{
	text-decoration: none;
}

.sf-arrows .sf-with-ul{
	padding-right: 20px !important
}

.sf-arrows .sf-with-ul:after{
	content: '';
	position: absolute;
	top: 48%;
	right: 7px;
	margin-top: -5px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #dFeEFF;
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after{
	border-top-color: white;
}

.sf-arrows ul .sf-with-ul:after{
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* Main Menu styling  */
#mainNavBar .navMainMenu a{
	color:#fff;
	font-size:18px;
	font-weight:600;
	display:block;
	line-height:60px;
	padding:0 10px;
	background-color:#017eba;
	transition:0.3s;
    text-transform: uppercase;
}

#mainNavBar .navMainMenu a:hover,#mainNavBar .current-menu-item > a,#mainNavBar .current-post-parent > a{
	color:#fff!important;
	background:#009be6!important
}

#mainNavBar .navMainMenu ul{
	padding:0;margin:0;
}

#mainNavBar .navMainMenu li{
	list-style:none;
	margin:0 4px;
}

#mainNavBar .sub-menu li{
	margin:0;
}

#mainNavBar .sub-menu li a {
	font-size: 15px;
	padding: 0 10px;
	background-color: #2487BE;
	color: #FFF;
	border-top: 1px rgba(0, 0, 0, 0.15) solid;
	line-height:40px
}

#mainNavBar .sub-menu li a:hover{
	text-indent: 5px;
}

/* Top Menu styling  */
#topBar .topMenu a{
	color:#848484;
	font-size:12px;
	font-weight:800;
	display:block;
	line-height:40px;
	padding:0 4px;
	background-color:#1f1f1f;
	transition:0.3s;
    text-transform: uppercase;
}

#topBar .topMenu a:hover,#topBar .current-menu-item > a,#topBar .current-post-parent > a{
	color:#c3c3c3!important;
	background:#1f1f1f!important
}

#topBar .topMenu ul{
	padding:0;margin:0;
}

#topBar .topMenu li{
	list-style:none;
	margin:0 6px;
}

#topBar .sub-menu li{
	margin:0;
}

#topBar .sub-menu li a {
	font-size: 12px;
	padding: 0 7px;
	background-color: #383838;
	color: #c3c3c3;
	border-top: 1px rgba(0, 0, 0, 0.15) solid;
	line-height:34px
}

#topBar .sub-menu li a:hover{
	text-indent: 5px;
}

#topBar .sf-arrows .sf-with-ul:after{
    margin-top: -4px;
}


/* prettyPhoto
-------------------------------------*/
.pp_default{min-width:300px}
.pp_default .pp_top,
.pp_default .pp_top .pp_middle,
.pp_default .pp_top .pp_left,
.pp_default .pp_top .pp_right,
.pp_default .pp_bottom,
.pp_default .pp_bottom .pp_left,
.pp_default .pp_bottom .pp_middle,
.pp_default .pp_bottom .pp_right{
    height:13px
}

.pp_default .pp_content .ppt{
	color:#f8f8f8
}

.pp_default .pp_next:hover{
	cursor:pointer
}

.pp_default .pp_previous:hover{
	cursor:pointer
}

.pp_default .pp_expand{
	cursor: pointer;
	width: 37px;
	height: 43px;
	color: #FFF;
	font-size: 26px;
	text-indent: 0;
	overflow: hidden;
	right: 15px;top: 0;
}

.pp_default .pp_expand:hover{
	font-size: 28px;
}

.pp_default .pp_contract{
	cursor: pointer;
	width: 37px;
	height: 43px;
	color: #FFF;
	font-size: 26px;
	text-indent: 0;
	overflow: hidden;
	right: 15px;top: 0;
}
.pp_default .pp_contract:hover{
	font-size: 24px;
	line-height: 38px;
}
.pp_default .pp_close{
	width: 32px;
	height: 27px;
	top: -40px;
	color: #FFF;
	right: -20px;
	font-size: 27px;
	text-indent: 0px;
	overflow: hidden;
	transition: 0.3s
}

.pp_default .pp_gallery ul li.selected a{border:1px rgba(255, 255, 255, 0.2) solid}
.pp_default .pp_social{margin-top:7px}
.pp_default .pp_gallery .pp_arrow_previous,.pp_default .pp_gallery .pp_arrow_next{position:static;left:auto}
.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
.pp_default .pp_arrow_next{left:52px;background-position:-82px -3px}
.pp_default .pp_content_container .pp_details{margin-top:5px}

.pp_default .pp_nav{
	clear:none;
	height:30px;
	width:110px;
	position:relative
}

.pp_default .pp_nav .currentTextHolder{
	font-family:Georgia;
	font-style:italic;
	color:#999;
	font-size:11px;
	left:75px;
	line-height:25px;
	position:absolute;
	top:2px;
	margin:0;
	padding:0 0 0 10px
}

.pp_default .pp_close,.pp_default .pp_nav .pp_play,.pp_default .pp_nav .pp_pause,.pp_default .pp_arrow_next,.pp_default .pp_arrow_previous{opacity:0.7}
.pp_default .pp_close:hover,.pp_default .pp_nav .pp_play:hover,.pp_default .pp_nav .pp_pause:hover,.pp_default .pp_arrow_next:hover,.pp_default .pp_arrow_previous:hover{opacity:1}

.pp_default .pp_description{
	font-size: 12px;
    font-weight: 600;
    margin: 5px 50px 5px 21px;
    color: #FFF;
}

.pp_pic_holder a:focus{outline:none}

.pp_overlay{
	background:#000;
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9500
}

.pp_pic_holder{
	display:none;
	position:absolute;
	width:100px;
	z-index:10000
}

.pp_content{
	height:40px;
	min-width:40px
}

* html .pp_content{width:40px}
.pp_content_container{
	position:relative;
	text-align:left;
	width:100%
}

.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}

.pp_content_container .pp_details{
	float:left;
	margin:10px 0 2px
}

.pp_description{
	-n-display:none;
	margin:0
}

.pp_social{
	float:left;
	margin:0
}

.pp_social .facebook{
	float:left;
	margin-left:5px;
	width:55px;
	overflow:hidden
}

.pp_social .twitter{
	float:left
}

.pp_nav{
	clear:right;
	float:left;
	margin:3px 10px 0 0
}

.pp_nav p{
	float:left;
	white-space:nowrap;
	margin:2px 4px
}

.pp_nav .pp_play,.pp_nav .pp_pause{
	float:left;
	margin-right:4px;
	text-indent:-10000px
}

.pp_arrow_previous,.pp_arrow_next{
	display: block;
	float: left;
	height: 26px;
	overflow: hidden;
	width: 28px;
	margin-top: 27px;
	color: #FFF!important;
	transition: 0.3s;
	font-size: 21px;
}

.pp_arrow_previous{
	margin-right:3px
}

.pp_hoverContainer{
	position:absolute;
	top:0;
	width:100%;
	z-index:2000;
	display: none;
}

.pp_gallery{
	display:block!important;
	opacity: 1!important;
	left:50%;
	margin-top:10px;
	position:absolute;
	z-index:10000
}

.pp_gallery div{
	float:left;
	overflow:hidden;
	position:relative
}

.pp_gallery ul{
	float:left;
	height:77px;
	position:relative;
	white-space:nowrap;
	margin:0 0 0 5px;
	padding:0
}

.pp_gallery ul a{
	display:block;
	float:left;
	height:75px;
	overflow:hidden
}

.pp_gallery ul a img{border:0}

.pp_gallery li{
	display:block;
	float:left;
	margin:0 22px 0 0;
	padding:0
}

.pp_gallery li.default a{
	background:#000;
	display:block;
	height:33px;
	width:50px
}

.pp_expand,.pp_contract{
	cursor:pointer;
	display:none;
	height:20px;
	position:absolute;
	right:30px;
	text-indent:-10000px;
	top:10px;
	width:20px;
	z-index:20000
}

.pp_close{
	position:absolute;
	right:0;top:0;
	display:block;
	line-height:22px;
	text-indent:-10000px
}

.pp_loaderIcon{
	display:block;
	left:50%;
	position:absolute;
	top:50%;
	margin:-12px 0 0 -12px;
	font-size: 30px;
	color: #FFF;
}

#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}

.ppt{
	color:#fff;
	display:none;
	font-size:17px;
	z-index:9999;
	margin:0 0 5px 15px;
	height:35px
}

.pp_default #pp_full_res .pp_inline,.light_rounded .pp_content .ppt,.light_rounded #pp_full_res .pp_inline,.light_square .pp_content .ppt,.light_square #pp_full_res .pp_inline,.facebook .pp_content .ppt,.facebook #pp_full_res .pp_inline{color:#000}
.pp_default .pp_gallery ul li a:hover,.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
.pp_default .pp_details,.light_rounded .pp_details,.dark_rounded .pp_details,.dark_square .pp_details,.light_square .pp_details,.facebook .pp_details{position:relative}

.pp_top,.pp_bottom{
	height:20px;
	position:relative
}

* html .pp_top,* html .pp_bottom{
	padding:0 20px
}

.pp_top .pp_left,.pp_bottom .pp_left{
	height:20px;
	left:0;
	position:absolute;
	width:20px
}

.pp_top .pp_middle,.pp_bottom .pp_middle{
	height:20px;
	left:20px;
	position:absolute;
	right:20px
}

* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{
	left:0;
	position:static
}

.pp_top .pp_right,.pp_bottom .pp_right{
	height:20px;
	left:auto;
	position:absolute;
	right:0;top:0;
	width:20px
}

.pp_fade,.pp_gallery li.default a img{
	display:none
}

.pp_next,.pp_previous{position: absolute;right: 0;top: 45%;background-color: rgba(0, 0, 0, 0.1);color: rgba(255, 255, 255, 0.35);padding: 0 0 0 3px;border-radius: 50px 0 0 50px;transition: 0.2s;
	width: 40px;
	height: 58px;
	line-height: 55px;
	font-size: 30px;
	overflow: hidden;
}
.pp_previous{
	left:0;
	border-radius: 0 50px 50px 0;
	padding: 0 3px 0 0;
}
.pp_next:visited,.pp_previous:visited,
.pp_next:active,.pp_previous:active,
.pp_next:focus,.pp_previous:focus{
    background-color: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.5)!important;
}
.pp_next:hover,.pp_previous:hover{
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF!important;
}



/* jQuery UI Styling
-------------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues */
.ui-state-disabled {
	cursor: default !important;
}


/* Icons */

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals */

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	background-color: #f5f5f5;
	font-size: 20px;
	font-weight:600;
	position:relative;
	transition: 0.2s;
}

.ui-accordion .ui-accordion-icons.ui-state-hover{
	background-color:#f9f9f9
}

.ui-accordion .ui-accordion-icons .icon-angle-down{
	display:none
}

.ui-accordion .ui-state-active,.ui-accordion .ui-state-active.ui-state-hover{
	background-color:#23bef4;
	color:#fff;
	cursor: default;
}

.ui-accordion .ui-state-active .icon-angle-down{
	display:block;
	position:absolute;
	right:0;
	top:2px;
	font-size:30px
}

.ui-accordion p,.ui-tabs p{
	margin-left: 0;
	margin-top: 0;
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 10px;
	border-top: 0;
	overflow: auto;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	background-color:#f5f5f5
}

.ui-tabs .ui-state-default{
	font-size: 20px;
	transition: 0.2s;
}

.ui-tabs .ui-state-default a{
	color:#202020;
	font-weight:600
}

.ui-tabs .ui-tabs-active,.ui-tabs .ui-tabs-active.ui-state-hover{
	background-color:#23bef4;
}

.ui-tabs .ui-tabs-active a{
	color:#fff;
	cursor:default!important;
	outline:0
}

.ui-tabs .ui-state-hover{
	background-color:#f9f9f9
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
/*.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding:10px;
	background: none;
}



/* jQuery FlexSlider v2.0
-------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.no-js #carousel .slides > li:first-child {display: none;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;zoom: 1;}
.flex-viewport {max-height: 2000px;transition: all 1s ease;}
/*.loading .flex-viewport {max-height:300px;}*/
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flexslider li{margin-bottom:0;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li .flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}







/* ===============================================================================================
   Responsive
   =============================================================================================== */
/*==== 1280px ====*/
@media only screen and (max-width : 1355px){
    
    #homePagecrosl .navigSlider i{
        font-size: 40px;
        width: 40px;
        background-color: rgba(255, 255, 255, 0.7);
    }
    #homePagecrosl .navigSlider i:hover{background-color: #fff;}
    #homePagecrosl .navigSlider i.next{right: 0px;text-indent: -3px;}
    #homePagecrosl .navigSlider i.prev{left: 0px;text-indent: -7px;}
}

/*==== 1024px ====*/
@media only screen and (max-width : 1235px){
    
    .wrapingMain{
        width: 978px;
    }

    #logo img{
        margin-left:0px!important;
    }
    
    #headerA3lan img{
        max-width: 675px;
    }

    #boxed{width:988px}
    
    #mainNavBar .navMainMenu a{
        padding: 0 6px;
        font-size: 15px!important;
    }
    
    #mainNavBar .sub-menu li a{
        font-size: 14px!important;
    }
    
    #primary{width: 638px;overflow:hidden;}
    #secondary{width: 325px;}
    
    #mainContent .structures > *{
        margin-right: 15px;
    }

    #secondary.leftSidebar{margin-right: 15px!important;}
    
    #aboutAuthor h4{
        font-size: 24px;
    }
    
    #aboutAuthor .socialAuthor{
        width: 275px;
    }
    
    #aboutAuthor p.bioAuthor{
        font-size: 16px;
    }
    
    #primary article.layout2BIG{
        width: 303px;
        min-height: 210px;
        margin-bottom: 20px;
    }
    
    #primary article.layout2BIG .joyThumb{
        height: 150px!important;
        width: 304px!important;
    }
    
    #primary article.layout2BIG .postTitle{
        font-size: 18px;
    }
    
    article.personalLayout h1.entry-title{
        font-size: 22px;
    }
    
    #primary article.layout3SMALL{
        width: 196px;
        margin: 0px;
        margin-bottom: 15px;
    }
    
    #primary article.layout3SMALL:nth-of-type(3n+2){
        margin: 0px 19px;
        margin-bottom: 15px;
    }
    
    #primary article.layout3SMALL .joyThumb {
        width: 197px!important;
        height: 99px!important;
    }
    
    .lightBoxWrap .lightBoxIMG,
    .lightBoxWrap .lightBoxIMG:nth-of-type(5n){
        margin: 5px 0;
        margin-right: 5px;
    }
    
    #homePagecrosl{
        width: 912px;
        margin: 15px auto 5px auto;
    }
    
    #homePagecrosl .navigSlider i.next{
        right: -21px;
    }
    
    #homePagecrosl .navigSlider i.prev{
        left: -24px;
        text-indent: -7px;
    }
    
    #homePagecrosl .navigSlider i{
        font-size: 40px;
    }
    
    #countDownSlider .slideIMG{
        max-width: 283px;
        max-height: 391px;
        margin-right: 10px;
    }
    
    #countDownSlider .prev,
    #countDownSlider .next{
        width: 30px;
        height: 65px;
        font-size: 32px;
        text-indent: -8px;
    }
    
    #countDownSlider .noNext{
        width: 35px;
        height: 49px;
        font-size: 28px;
        text-indent: -4px;
    }
    
    #smallSidebar{
        width: 100%;
        float: none;
    }
    
    .widgetMagazine.widget_trending a{
        width: 155px;
        margin: 0 4px;
        max-height: 210px;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;
    }
    
    .widgetMagazine.widget_trending a .theTime{
        display:none;
    }
    
    .widgetMagazine.widget_trending a .theTitle{
        font-size: 12px;
    }
    
    #primaryMagazine{
        width: 638px;
    }
    
    article.personalLayout h1.entry-title{
        width: auto;
    }
    
    #primaryMagazine section.bPTCLayout .big{
        width: 638px;
    }
    
    #primaryMagazine section.bPTCLayout a{
        width: 304px;
    }
    
    #primaryMagazine .twoColWrap section,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big .theThum,
    #primaryMagazine .twoColWrap section.tBPTCLayout a,
    #primaryMagazine section.tBPTCTLLayout .big,
    #primaryMagazine section.tBPTCTLLayout .big .theThum{
        width: 304px!important;
    }
    
    #primaryMagazine section.tBPTCTLLayout .row2 a,
    #primaryMagazine  section.tBPTCTLLayout .row2 a .theThum{
        width: 142px!important;
    }
    
    #aboutAuthorPage .wrapingMain{
        width: 598px;
    }
    
    article.SearchResult .wrapSearch{
        width: 418px;
    }
    
    #trend404 a{
        width: 230px;
        height: 180px;
    }
    
    #trend404 a span{
        width: 218px;
    }
    
    #trend404 .big{
        width: 473px;
    }
    
    #trend404 .big span{
        width: 461px;
    }

    #footerWidgets .widget_search .search-field {
        width: 70%;
    }
    
    #footerWidgets .widget_instagram_feed a,
    #footerWidgets .widget_pinterest_feed a,
    #footerWidgets .widget_flickr_feed a{
        margin: 9px;
    }
}


/*==== 768px ====*/
@media only screen and (max-width : 995px){
    
    #primaryMagazine{
        overflow: hidden;
    }
    
    .wrapingMain{
        width: 748px;
    }
    
    #logo{
        text-align:center;
        float:none;
    }
    
    #boxed{width:748px}

    #headerA3lan{
        overflow:hidden;
        margin-bottom:10px;
    }
    
    #homePagecrosl{
        width: 100%
    }
    
    #homePagecrosl .navigSlider{
        display: block;
        margin-bottom: 5px;
        text-align: right;
    }
    
    #homePagecrosl .navigSlider i{
        font-size: 22px;
        width: auto;
        background-color: transparent;
        position: static;
        opacity: 1!important;
        color: #1F1F1F;
    }
    #homePagecrosl .navigSlider i:hover{background-color: transparent;}
    #homePagecrosl .navigSlider i.next{right: 0;text-indent: inherit;}
    #homePagecrosl .navigSlider i.prev{left: 0;text-indent: inherit;}
    
    #primaryMenu,
    #main .page-title:not(.SearchResult),
    #topMenu{
        display:none;
    }
    
    .menu.dropdown-menu,.menuButton{
        display:inline-block;
    }
        
    #primary,#secondary{
        width:100%
    }
    
    #secondary aside{
        width:360px;
        display: inline-block;
        vertical-align: top;
        margin: 15px 7px;
    }
    
    #secondary .widget_instagram_feed a:nth-child(3n+2),
    #secondary .widget_pinterest_feed a:nth-child(3n+2),
    #secondary .widget_flickr_feed a:nth-child(3n+2){
        margin: 15px 20px 0 20px;
    }
        
    #countDownSlider .slideIMG{
        width: 333px;
        height: 453px!important;
    }
    
    .lightBoxWrap .lightBoxIMG{
        width: 144px;
        height: 144px;
    }
    
    .widgetMagazine.widget_trending a{
        width: 140px;
    }
    
    article.SearchResult .wrapSearch{
        width: 528px;
    }
    
    #aboutAuthorPage .wrapingMain{
        width: 528px;
        padding-right: 220px;
        min-height: 260px;
    }
    
    #aboutAuthorPage .wrapRight{
        width: 210px;
    }
    
    #aboutAuthorPage .postCount{
        font-size: 40px;
    }
    
    #primary article.layout3SMALL{
        width: 239px;
    }
    
    #primary article.layout3SMALL:nth-of-type(3n+2){
        margin: 0px 10px;
    }
    
    #primary article.layout3SMALL .joyThumb {
        width: 240px!important;
        height: 120px!important;
    }
    
    #primary article.layout2BIG{
        width: 358px;
        min-height: 230px;
    }
    
    #primary article.layout2BIG .joyThumb {
        width: 359px!important;
        height: 150px!important;
    }
    
    #joyLatestPosts{
        width:100%!important;
    }
    
    #joyLatestPosts li{
        width: 49%;
        margin-right: 1%;
        float: left;
    }
    
    #primaryMagazine {
        margin: 0px!important;
        width: 100%;
    }
    
    #primaryMagazine section.bPTCLayout a{
        width: 359px;
    }
    
    #primaryMagazine section.bPTCLayout .big{
        width: 100%;
    }
    
    #primaryMagazine .twoColWrap section.tBPTCLayout a,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big .theThum,
    #primaryMagazine .twoColWrap section,
    #primaryMagazine section.tBPTCTLLayout .big .theThum,
    #primaryMagazine section.tBPTCTLLayout .big{
        width: 359px!important;
    }
    
    #primaryMagazine section.tBPTCTLLayout .row2 a,
    #primaryMagazine section.tBPTCTLLayout .row2 a .theThum{
       width: 169px!important;
    }
    
    #SoicalCounter li{
        width: 80px;
        margin-right:0;
    }

    #SoicalCounter .counter {
        font-size: 17px;
    }
    
    #joyLatestPosts{
        margin:0!important;
    }
    
    #trend404 a:nth-of-type(8){
        width:230px;
    }
    
    #trend404 a:nth-of-type(8) span{
        width: 218px;
    }

    #postMeta .nextPost {
        width: 0px;
        text-indent: -9999px;
        margin-right: 5px;
        padding-left: 0px!important;
    }
    
    #postMeta .thumNextPrev{
        right: 0px;
    }

    #postMeta .prevPost .thumNextPrev{
        right: -8px!important;
    }

    #postMeta .thumTitle{
        text-indent: 0px;
    }
    
    #postMeta{
        font-size:17px;
    }

    #postMeta i.icon-down-dir{
        text-indent: 36px;
    }
    
    #footerWidgets .widgFotrCul,
    #footerWidgets .widgFotrCul:nth-of-type(2n){
        width: 100%;
        float: none;
        margin: 0;
    }
    
    #SclIconsFooter a {
        margin-bottom: 10px;
    }
    
    #goUp{
        bottom: 125px;
    }
    
    article.personalLayout .LoopCover .flyDate{
        top: 10px;
        left: 10px!important;
    }
    
    article.personalLayout .infoBar{
        bottom: 10px!important;
    }

}


/*==== Smaller than 768px ====*/
@media only screen and (max-width : 764px){

    .wrapingMain,
    #headerA3lan img,
    article.SearchResult .wrapSearch,
    #primary.primary404 .content404,
    #primary.primary404 .not-found
    {max-width: 100%;}

    #boxed{width:100%}
    
    #headerA3lan{
        margin-right:0;
    }
    
    #textLogo{
        float: none;
        margin: 16px auto 0 auto;
        text-align:center;
    }
    
    #main{
        padding: 0 5px;
    }
    
    #aboutAuthor p.bioAuthor{
        font-size: 17px;
        clear: both;
        padding-top: 7px;
        margin: 6px;
    }
    
    #aboutAuthor{
        height:auto
    }
    
    #aboutAuthor img {
        max-width: 65px;
        height:auto;
        margin: 16px 0 0 7px;
    }
    
    #aboutAuthor .socialAuthor{
        margin-left: -6px;
        width: 210px;
    }
    
    #aboutAuthor h4{
        margin-right: 13px;
    }
    
    #comments .comment-form-url,
    #comments .comment-form-email,
    #comments .comment-form-author{
        width:100%;
    }
    
    #commentform input,
    #commentform textarea{
        width: 96%;
        padding: 2%;
    }
    
    #joyLatestPosts li {
        width: 100%;
        margin-right: 0;
    }
    
    #joyLatestPosts a{
        padding: 0 1%;
    }
    
    #secondary aside{
        width: 100%;
        margin: 15px 0;
    }
    
    #secondary .widget_twitter_feed ul{
        margin: 0 5px;
    }
    
    #___page_0 {
        margin: auto!important;
    }
    
    #secondary .widget_google_badge{
        overflow:hidden;
    }
    
    .widget_instagram_feed a:nth-child(3n+2),
    .widget_pinterest_feed a:nth-child(3n+2),
    .widget_flickr_feed a:nth-child(3n+2),
    .widget_instagram_feed a,
    .widget_pinterest_feed a,
    .widget_flickr_feed a{
        margin: 15px 15px 0 15px!important;
        width: 106px!important;
        height: 106px!important;
        line-height:106px!important;
    }
    
    #smallSidebar .widget_flickr_feed i.icon-circle{
        margin-left: 32px
    }

    #smallSidebar .widget_instagram_feed i.icon-export,
    #smallSidebar .widget_pinterest_feed i.icon-export,
    #smallSidebar .widget_flickr_feed i.icon-export{
        bottom: -35px;
    }
    
    #copyRight{
        float:none;
        text-align:center;
    }
    
    .entry-content p{
        font-size:16px!important;
    }
    
    h1{font-size:27px!important}
    h2{font-size:24px!important}
    h3{font-size:21px!important}
    h4{font-size:18px!important}
    h5{font-size:15px!important}
    h6{font-size:13px!important}
    
    #main .entry-header .joyThumb{
        height:170px!important;
    }
    
    #joyLatestPosts .theTitle{
        font-size: 16px!important;
        height: 44px;
    }
    
    #main .videoSmall,#main .notSupportedVideoSmall{
        margin: 10px 10px -2px 0;
        width: 150px;
        height: 75px;
    }
    
    .videosiFrame{
        max-height: 100%;
    }
    
    #trend404 a:nth-of-type(15),
    #trend404 a:nth-of-type(1){
        width:230px;
    }
    
    #trend404 a:nth-of-type(15) span,
    #trend404 a:nth-of-type(1) span{
        width: 218px;
    }
    
    #trend404 a{
        margin: 5px auto;
        float:none;
    }
    
    #error404HEAD, #primary.primary404 .content404{
        float:none;
        margin: auto;
    }
    
    #primary.primary404 .search-form,
    #aboutAuthorPage{
        display:none;
    }
    
    #primary.primary404 .content404{
        padding-left:0;
        width:auto;
    }
    
    #primary article.layout2BIG,
    #primary article.layout2BIG .joyThumb,
    #primary article.layout3SMALL .joyThumb{
        width:100%!important;
    }
    
    #primary article.layout3SMALL{
        width:47%!important;
        margin:7px 1%!important;
    }
    
    #primary article.layout3SMALL{
        min-height: 200px;
    }
    
    #primaryMagazine h1 a{
        line-height: normal!important;
    }

    #primaryMagazine section.bPTCLayout h1 a{
        margin: 0;
        margin-left: 10px!important;
    }
    
    #primaryMagazine h1.small a{
        padding:5px!important;
    }
    
    #primaryMagazine section.bPTCLayout .big,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big{
        height: auto;
    }
    
    #primaryMagazine section.bPTCLayout .big .theThum,
    #primaryMagazine .twoColWrap section.tBPTCLayout .big .theThum{
        margin-right: 0;
        margin-bottom: 4px;
        float: none;
        width: 100%!important;
    }
    
    #primaryMagazine section.bPTCLayout a{
        width: 100%;
        margin-right: 0!important;
    }
    
    #primaryMagazine .twoColWrap section {
        width: 100%!important;
        float: none;
    }
    
    #primaryMagazine section.tBPTCLayout a,
    #primaryMagazine section.tBPTCTLLayout .big .theThum,
    #primaryMagazine section.tBPTCTLLayout .big{
        min-width:100%!important;
        max-width: 100%!important;
        width:100%!important;
    }

    .widget_search .search-field{
        max-width: 80%;
    }

    #primaryMagazine section.tBPTCTLLayout .row2 a{
        width: 49%!important;
    }

    #primaryMagazine  section.tBPTCTLLayout .row2 a .theThum{
        width:100%!important;
    }

    #primaryMagazine section.tBPTCTLLayout .row2 a:first-child{
        margin-right:2%;
    }
    
}

/*==== Small mobiles Fixes ====*/
@media only screen and (max-width : 520px){
    article.SearchResult .joyThumb{
        margin-right: 0;
        margin-bottom: 12px;
        width: 200px!important;
        height: 100px!important;
    }

    #primaryMagazine section.imagesLayout .big,
    #primaryMagazine section.imagesLayout .small{
        width: 100%!important;
        margin-right:0;
        margin-bottom:5px;
    }
    
    #SclIconsTop{
        display: none;
    }
}