/*
Theme Name: Selfie
Theme URI: https://d5creation.com/theme/selfie/

Author: D5 Creation
Author URI: https://d5creation.com/

Description: Selfie is CSS3 Powered and Latest WordPress Version Ready Responsive Theme.  Super Elegant and Professional Selfie Theme will be adjusted automatically with all smart devices.  Full Wide Template can be used for showing showcase or other pages. You can Visit the Selfie Demo at http://demo.d5creation.com/themes/?theme=Selfie

Requires at least: 4.9
Tested up to: 5.6
Requires PHP: 5.6

Version: 2.1

Tags: one-column, two-columns, right-sidebar, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, full-width-template, rtl-language-support, translation-ready, theme-options 

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Selfie WordPress Theme, Copyright 2014: D5 Creation (www.d5creation.com)
Selfie is distributed under the terms of the GNU GPL

Text Domain: selfie
Domain Path: /languages/

*/

@font-face {
	font-family: 'Genericons';
	src: url('fonts/genericons/genericons-regular-webfont.eot');
	src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
	     url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
	     url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;}
ol,
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";}
blockquote,
q{quotes:"" "";}
a img{border:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:5px auto 5px auto;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFFFFF;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

body{color:#555555;  font-family:'Open Sans',Arial, Genericons, sans-serif;  font-size:14px;line-height:1.5;word-wrap:break-word; font-weight: 100; min-width: 1280px; }

img{max-width:100%;border:0 none;}
#container{width:90%;margin:40px auto;}

#header{background: #FFFFFF; background: rgba( 255, 255, 255, .97 ); width: 100%; display: table; border-top: 7px solid #09a0e7; border-bottom: 1px solid #09a0e7; top: 0; z-index: 9999; position: fixed; }
img.site-logo,.site-title{width:25%;height:auto;padding:5px 0;float:left; font-size: 45px; font-weight: 700;}
#header-content{width:90%;margin:auto;  }
.site-title-hidden{display:none;}

#content{float:left;width:70%;}
#content-full{width:100%;}
.content-ver-sep{background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:1px;}
.lsep{background:url("images/lsep.png") no-repeat scroll center top transparent;clear:both;height:5px;margin:10px auto; max-width: 90%;}
#right-sidebar{float:right;width:25%;}
#footer { background: url("images/back3.png") repeat scroll 0 0 #252525; border-top: 10px solid #141414; clear: both; width: 100%; }
.versep{background:#141414;border-bottom:1px solid #141414;border-top:80px solid #333333;height:2px;}
#footer-content{width:90%;margin: 20px auto 0;}

#main-menu-con{color:#EEEEEE;float:right;line-height:1;max-width:70%; font-family: 'Roboto Condensed', Genericons, sans-serif; }
#main-menu-con ul{list-style:none outside none;}
#main-menu-con li{float:left;position:relative;margin:0 1px;}
#main-menu-con a{color:#0a96d8;display:inline-block;font-size:15px;padding:10px 15px 15px;position:relative;text-align:center;text-transform:uppercase; font-weight: 500; border-radius: 5px; opacity: 1; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
#main-menu-con a:hover,
#main-menu-con .selected a,
#main-menu-con .current-menu-item > a,
#main-menu-con .current-menu-ancestor > a,
#main-menu-con .current_page_item > a,
#main-menu-con .current_page_ancestor > a{background: #0a96d8; color: #FFFFFF; border-radius: 5px 5px 0 0;}
#main-menu-con li ul{float:left;position:relative;margin:0;}
#main-menu-con ul ul,
.sub-menu, .sub-menu ul ul{display:none;float:left;left:0;position:absolute;background:#0a96d8;padding:5px;z-index:10000; border-radius: 0 5px 5px 5px;}
#main-menu-con ul li ul li{margin:0;}
#main-menu-con ul ul ul{left:100%;top:0;}
#main-menu-con ul ul a{ border-bottom: 1px solid rgba(0, 0, 0, 0.15);color:#FFFFFF;padding:9px 15px;width:200px;text-align:left;text-transform:none; font-weight: 100; border-radius: 0;}
#main-menu-con ul ul a:hover,
#main-menu-con ul ul .current-menu-item > a,
#main-menu-con ul ul .current-menu-ancestor > a,
#main-menu-con ul ul .current_page_item > a,
#main-menu-con ul ul .current_page_ancestor > a{background:rgba(0, 0, 0, 0.15);color:#EEEEEE; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.03);}
#main-menu-con .active { background: #000000; }
#main-menu-con ul li:hover > ul{display:block;}

#main-menu-con .menu-item-has-children > a, #main-menu-con .page_item_has_children > a { padding-right: 20px; }
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f431';  font-size: 17px; margin-left: 7px; right: 3px; position: absolute; top: 50%; transform: translateY(-50%); }
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after { transform: rotate(270deg); right: -3px; line-height: 0; }

#top-menu-con { min-height: 40px; display:block; float: right; width:70%; padding: 7px 0 0 0; }
#top-menu-con ul.menu {list-style:none outside none; display: table; float: right;}
#top-menu-con ul.menu ul{display: none;}
#top-menu-con .menu li{float:left;position:relative;margin:0 3px;}
#top-menu-con .menu a{color:#777777; display:inline-flex; align-items: center; font-size:13px; padding:5px 10px 5px 13px; position:relative; text-align:center; border-radius: 5px; font-weight: 500; opacity: 1; text-shadow: 0 1px 0 #FFFFFF; transition:all 1s; }
#top-menu-con .menu a::before { content: '\f431'; font-size: 11px; transform: rotate(270deg); position: absolute; left: 3px; }
#top-menu-con .menu a:hover { background: #DDDDDD; color: #777777; }

#top-menu-con #searchform { float: right; margin-top: 3px;  }
#top-menu-con input#s { padding: 5px 10px; min-width: 100px; border-radius: 5px 0 0 5px; border-color: #DDDDDD; background: #FFFFFF;  transition-duration: 400ms; transition-property: width, background; transition-timing-function: ease;  width: 72px; color: #AAAAAA; }
#top-menu-con #searchsubmit { background: url("images/search.png") no-repeat scroll center center #09a0e7; border-radius: 0 5px 5px 0; font-size: 14px; font-weight: normal; padding: 5px 20px;  text-indent: -90000px; margin-left: -5px; border: 1px solid #09a0e7; background-size: auto 85%; }

#top-menu-con input#s:focus { width: 150px; color: #777777; background: #FFFFFF; }
.connumber { float: right; padding: 5px 10px; font-weight: 500; }
.connumber:before { content: '\f437'; font-size: 25px; line-height:1; padding-right: 5px; float: left;}

.post-meta { display: table; font-weight: 500; margin: 5px 0 10px; line-height: 2;}
.up-bottom-border span:before { padding-right: 5px; font-size: 20px;}
.post-meta span { padding-right: 20px;}


.widget{display:block;word-wrap:break-word;}
#right-sidebar .widget{background:#EEEEEE;margin-bottom:20px;padding:15px; border-radius: 5px; }
.widget h3{color:#09a0e7;padding-bottom:5px;text-transform:uppercase; font-weight: 500;}
#right-sidebar .widget,
#right-sidebar .widget li,
#right-sidebar .widget a {color:#555555;text-decoration:none;}
#right-sidebar .widget a:hover{color:#333333;text-decoration:underline;}
#right-sidebar .widget ul, #right-sidebar .widget ul{margin: 0 0 10px 15px;;}
#right-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
#footer-sidebar .widget{margin-bottom:30px;}
#footer-sidebar .first-footer-widget { float:left; width: 22%; min-width: 200px; min-height: 1px; }
#footer-sidebar .footer-widgets { margin-left: 4%; float:left; width: 22%; min-width: 200px; min-height: 1px; }
#footer-sidebar .widget,
#footer-sidebar .widget li,
#footer-sidebar .widget a{color:#AAAAAA;text-decoration:none;}
#footer-sidebar .widget a:hover{color:#FFFFFF;text-decoration:underline;}
#footer-sidebar .widget ul, #footer-sidebar .widget ul { margin: 0 0 10px 15px; }
#footer-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
#right-sidebar input#s,
#footer-sidebar input#s{width:60%;min-width:100px;}
#right-sidebar form#searchform input[type="submit"],
#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px;}
.textwedget{width:100%;}
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.25;margin:0 0 10px; text-decoration:none;}
h1,h2,h3,h4,h5,h6{clear:both;text-decoration:none; font-family:'Roboto Condensed',Arial, Genericons, sans-serif;}
.utext { text-transform: uppercase; }

hr{background-color:#CCCCCC;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 25px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
strong{font-weight:bold;}
cite, i{font-style:italic;}
em { font-weight: 700; }
blockquote cite,
blockquote em,
blockquote i{font-style:normal;}
pre{background:#FFFFFF;border-radius:5px 5px 5px 5px;color:#141414;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;}
abbr,
acronym{border-bottom:1px dotted #777777;cursor:help;}
sup,
sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%;}
sup{bottom:1ex;}
sub{top:.5ex;}
address{background:#EEEEEE;border:2px solid #DDDDDD;border-radius:5px 5px 5px 5px;font-weight:500;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;}
embed{max-width:100%;}
#container .gallery{margin:0 auto 1.625em;}
#container .gallery a img{border:none;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}
img#wpstats{display:block;margin:0 auto 1.625em;}
#container .gallery-columns-1 .gallery-item{width:80%;}
#container .gallery-columns-2 .gallery-item{width:40%;}
#container .gallery-columns-3 .gallery-item{width:27%;}
#container .gallery-columns-4 .gallery-item{width:19%;}
#container .gallery-columns-4 .gallery-item img{width:100%;height:auto;}
h1{font-size:30px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
p{margin-bottom:15px;}

a {color:#09a0e7; text-decoration:none;}
a:hover { color:#076896; }

b, strong{font-weight:bold;}
.displaynone{display:none;}
.clear{clear:both;}
table{background-color:#EEEEEE;border:1px solid #FFFFFF;border-radius:3px;padding:5px;min-width:200px;color:#333333;}
td{padding:5px 7px;vertical-align:top;}
th{font-weight:bold;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);background:#CCCCCC;}
caption{color:#555555;}

/* Calendar
------------------------------------------------------------- */
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th{text-align: center; background:#e5e5e5; }
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:  all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar caption{font-size:17px; font-weight: 700; text-align:center;}
#wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
caption{color:#555555}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select{background:#DDDDDD;border-radius:3px;font-size:14px;padding:10px 7px;width:98%;border-top:1px solid #AAAAAA;border-left:1px solid #AAAAAA;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
input[type="password"]{width:200px;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus {background:none repeat scroll 0 0 #F0F0F0;}
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
.contactcontainer input[type="submit"]{  background: #0a96d8; background-image: -webkit-linear-gradient(top, #0a96d8, #076896); background-image: -moz-linear-gradient(top, #0a96d8, #076896);   background-image: -ms-linear-gradient(top, #0a96d8, #076896); background-image: -o-linear-gradient(top, #0a96d8, #076896); background-image: linear-gradient(to bottom, #0a96d8, #076896); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; color: #ffffff; font-size: 19px; padding: 10px; text-decoration: none; border: none;cursor: pointer; }
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.contactcontainer input[type="submit"]:hover { background: #076896; background-image: -webkit-linear-gradient(top, #076896, #0a96d8); background-image: -moz-linear-gradient(top, #076896, #0a96d8);   background-image: -ms-linear-gradient(top, #076896, #0a96d8); background-image: -o-linear-gradient(top, #076896, #0a96d8); background-image: linear-gradient(to bottom, #076896, #0a96d8); text-decoration: none; }
button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active{position:relative;top:1px;}
input#s{width:70%;min-width:235px;}
.sticky:before{ content: "\f005 \f005 \f005"; letter-spacing: 10px; font-size: 20px; padding: 5px; display: block; text-align: center; background: #AAAAAA; color: #FFFFFF; border-radius: 5px 5px 0 0; }
.sticky .post-container { border-radius: 0 0 5px 5px; }
.gallery-caption{clear:both;width:95%;}
.bypostauthor{}
#container,
#content,
#content-full{font-size:14px;text-align:justify;}
#content-full #content { width: 100%; }
#content img,
#content-full img{height:auto;max-width:100%;vertical-align:middle;}
#content img.wp-smiley,
#content-full img.wp-smiley{border:none;box-shadow:none;}

.featured-boxs{padding:0 0 10px;display:block; margin: 70px -2.4% 0; text-align:center;}
.featured-box{width:21.5%; background: #FFFFFF; min-width: 200px; margin:0 1.5% 20px; display:inline-block; text-align:justify; vertical-align:top;border: 1px solid #EEEEEE; padding: 8px; border-radius: 5px; ransition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }
.featured-box:hover { background: #F6F6F6; margin-top: -10px;  }
.featured-box h3.ftitle{font-weight:100;font-size:25px;color:#141414; text-align: center; transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.box-icon{  border-radius: 150px; display: block; font-size: 40px; height: 115px; line-height: 1; margin: 0 auto 20px; padding: 30px; text-align: center; width: 115px; border: 2px solid #FFFFFF; color: #FFFFFF; box-shadow: 0 0 0 130px #09a0e7 inset; transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; }
.featured-box:hover .box-icon { color: #09a0e7; box-shadow: 0 0 0 3px #FFFFFF inset; border: 2px solid #09a0e7; background: #FFFFFF; }
.featured-box:hover h3.ftitle { color:#09a0e7; }

.bqpcontainer { padding: 30px 0 0; min-height: 300px; }
.bqpcontainer .tesheading { color: rgba(0, 0, 0, 0.7); }
.bqpcontainer .tesheading .read-more { margin: 10px 0 0 0; font-size: 20px; line-height: 1.5; padding: 5px 15px; position: absolute; right: 5%; border-radius: 3px;}
.bqpcontainer .tesheading .read-more:after { font-size: 20px;}
.bqpcontainer .featured-boxs{margin: 30px -2.4% 0; }
.bqpcontainer .featured-box { width:29.7%; padding: 0; margin: 0 1.5% 40px; overflow: hidden; border-width: 1px 1px 5px 1px; border-style: solid; border-radius: 3px; border-color: #EEEEEE #EEEEEE #09a0e7 #EEEEEE;  }
.attachment-fpage-thumb { width: 100%; height: auto; position: relative; }
.fppost-content { padding: 7px; }
.bqpcontainer .featured-box:hover { margin-top: 0; border-bottom: 5px solid #076896; }
.bqpcontainer .featured-box:hover .read-more {  background: #076896; }
.bqpcontainer .fpthumb { max-height: 17vw; }
.bqpcontainer .fpthumb img { min-height: 17vw; }
.fpthumb { width: 100%; overflow: hidden; margin-bottom: 15px; position: relative; }
.mask { position: absolute;  top: 0; left: 0;  }
.mask:before { content: '\f107'; padding:10px; font-size: 25px; line-height: 1; border: 2px solid #FFFFFF; color: #FFFFFF; position: absolute; top: -100px; left: -20px; border-radius: 150px;  }
.effect img { opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.effect .mask { opacity:0; overflow:visible; border-color:rgba(0,0,0,0.7) transparent transparent transparent; border-style:solid; border-width:230px; width:0; height:0;    -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px);    -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; }
.effect:hover img { opacity:0.9; -moz-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); transform:scale(1.5,1.5); }
.effect:hover .mask { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

blockquote, q {background:#DDDDDD;background:rgba(200, 200, 200, 0.10);border-left:10px solid #CCCCCC;margin:20px 10px;padding:10px;quotes:'<<' '>>';}
blockquote:before, q:before {color:#CCCCCC;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote:after, q:after {color:#CCCCCC;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote p, q p {display:inline;}

#container .attachment-thumbnail{border:1px solid #AAAAAA;border-radius:3px 3px 3px 3px;margin:0px 15px 10px 0;padding:3px;float:left;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}

h1.page-title, h1.arc-post-title{font-size:40px;text-shadow:-1px -1px 3px #FFFFFF;text-align:left;color:#076896; font-weight: 500;}
h2.post-title, h2.commentsbox, h3#reply-title, h2.post-title-color{font-size:35px;}
h2.commentsbox:before { font-size: 35px; padding-right: 10px; }

.searchinfo h1.page-title:before { font-size: 100px; position: absolute; width: 100px; margin-left: -110px; line-height: 1; } 
.searchinfo h3.arc-src, .searchinfo h1.page-title, .searchinfo #searchform, .searchinfo .backhome { padding-left: 110px; }

.entrytext{padding:10px 20px 10px;}
h3.arc-src{text-transform:uppercase;color:#076896;font-size:20px;}
h3 span{color:#777777;}
.post, .hentry, .no-results{margin-bottom:40px;}

.post-container { border: 1px solid #EEEEEE; border-radius: 5px; overflow: hidden; }
.post-container .fpthumb { max-height: 25vw; }
.post-container a { transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; -webkit-transition:all 2s; }
.post-container .fpthumb img { -moz-transition:all 2s; -o-transition:all 2s; -webkit-transition:all 2s; }
.post-container:hover .fpthumb img { -moz-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); transform:scale(1.5,1.5); }

.read-more{font-size: 13px; font-weight: 300; padding: 5px 7px; margin: 11px -7px 0 0; float: right; text-transform: uppercase; background: #09a0e7; color: #FFFFFF; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.read-more:after { content: '\f429'; font-size: 25px; padding-left: 5px; line-height: 1;}
.read-more:hover { background: #076896; opacity: 1; color: #FFFFFF; }

.up-bottom-border { background: #eeeeee; border-top: 1px solid #dddddd; display: block; padding: 5px 15px; margin-top: 15px; overflow: hidden; }
.up-bottom-border, .up-bottom-border a, .up-bottom-border a:hover { color: #777777; text-shadow: 0 1px 0 #ffffff; }
.page-link{font-weight:500; border-bottom: 1px solid #EEEEEE; padding: 10px 0;}
.page-link:before { font-size: 25px; margin-right: 5px; padding: 10px 0; position: relative; top: 3px; }
.page-link a{ background: #09a0e7; border-radius: 150px 150px 150px 150px; color: #FFFFFF; padding: 3px 10px;}

.floatleft{float:left;width:47%; min-width: 200px;}
.floatright{float:right;width:47%; min-width: 200px;}

.up-bottom-border .floatleft { padding: 10px; text-align: left; font-weight: 700; }
.up-bottom-border .floatright { padding: 10px; text-align: right; font-weight: 700; }

#page-nav .alignright{text-align:right;}
#page-nav .alignleft{text-align:left;}
#page-nav a{border-width:1px;font-size:17px;font-weight:500;padding:10px;}
#page-nav a:before { font-size: 25px; }

.commentsbox { border-bottom: 1px solid #EEEEEE; }
#comments .commentlist{margin:0;}
#comments .watermark{color:rgba(150, 150, 150, 0.7);font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase;}
#comments .comment-author cite,
#comments .comment-author cite a{color:#076896;letter-spacing:3px;font-style:normal;font-weight:bold;}
#comments img.avatar{border: 5px solid #FFFFFF; border-radius: 5px; box-shadow: 0 0 3px 0 #AAAAAA; height: 80px; left: 0; position: absolute; width: 80px;}
#comments ul.children{padding:0;}

.comment-body{ background: #EEEEEE; border-radius: 5px; padding: 10px;}
.comment-body:after { border-bottom: 15px solid transparent; border-right: 15px solid #EEEEEE; border-top: 15px solid transparent; content: ""; margin: 0 0 0 -25px; position: absolute; top: 60px; }

#comments .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 115px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-meta,
#comments .comment-meta a:link,
#comments .comment-meta a:visited{color:#AAAAAA;font-size:12px;padding-bottom:10px;text-shadow:none;}
#comments .commentlist .children li{border-top:2px solid #FFFFFF;list-style:none outside none;margin:0 0 0 -25px;}
#comments .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{max-width:650px;}
#respond .required{color:#076896;font-weight:bold;position:absolute;}
#comments ol.commentlist, #comments li.commentlist{padding:0;list-style:none;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#respond input{margin:0 0 9px;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{font-size:13px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
#main-menu-con.gobottom { position: absolute; bottom:0; right: 5%; }
#top-menu-con.displaynone { display: none; }

.go-top:after { content: '\f432'; }
.go-top { background: #0a96d8; border-radius: 150px; bottom: 10px; color: #FFFFFF; display: none; font-size: 20px; opacity: 0.5;     padding: 10px; position: fixed; right: 10px; width: 45px; height: 45px; line-height: 1.3; text-align: center; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }
.go-top:hover { opacity: .9;  color: #FFFFFF;}
.headerheight { display: block; clear: both; height: 1px; margin-bottom: -1px; }

#footer-sidebar{overflow:hidden;}
#creditline { color: #EEEEEE;font-size: 13px; text-align: center; background: #141414; padding: 13px 20px; }
#creditline a{font-weight:bold;}

.heading1container { width: 100%; background: #141414; padding: 10px 0; overflow: hidden; }
.heading1vcenter { width:90%; margin: 0 auto; display: table;}
.heading1container .vcenter { width: 30%; display:table-cell; vertical-align: middle; }
.heading1container .vcenter button { float: right; }
#heading1{font-size:23px;text-align:left;font-weight:100; width: 100%; color: #FFFFFF; float: left; }
.heading-desc1{color:#AAAAAA;font-size:17px;text-align:left;width: 100%; font-weight: 100; line-height: 25px; float: left;}
#heading1 em { color: #09a0e7; font-weight: 100; }
.bannerimage , .bannerimage img{ width: 100%; }

*, *:before, *:after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; vertical-align: middle;  }

.box100 { width: 100%; display: block; clear: both; }
.box90 { width: 90%; display: block; margin: 0 auto; }
.box90-5 { margin:0 -5%; }

.social { display: flex;padding: 15px 20px; justify-content: center; align-items: center; background: #333333; border-bottom: 1px solid #141414; }
.social a { background: rgba(0, 0, 0, 0.15); border-radius: 5px; height: 50px; width: 50px; margin: 0 5px 3px;  transition:all 1s; display: inline-flex; justify-content: center; align-items: center; }

.social a:hover { transform: rotate(360deg); }
.social a::before { content: '\f408'; font-size: 30px; }

.social a[href*="wordpress.org"]::before,.social a[href*="wordpress.com"]::before{content:'\f205';color:#09b6db}
.social a[href*='facebook.com']::before{content:'\f204';color:#455afa}
.social a[href*="twitter.com"]::before{content:'\f202';color:#3cf}
.social a[href*="dribbble.com"]::before{content:'\f201';color:#ea4c89}
.social a[href*="plus.google.com"]::before{content:'\f218';color:#f32e0d}
.social a[href*="pinterest.com"]::before{content:'\f210';color:#c8232c}
.social a[href*="github.com"]::before{content:'\f200';color:#555}
.social a[href*="tumblr.com"]::before{content:'\f214';color:#455afa}
.social a[href*="youtube.com"]::before{content:'\f213';color:#F90909}
.social a[href*="flickr.com"]::before{content:'\f211';color:#ff0084}
.social a[href*="vimeo.com"]::before{content:'\f212';color:#1AB7EA}
.social a[href*="instagram.com"]::before{content:'\f215';color:#05ace3}
.social a[href*="codepen.io"]::before{content:'\f216';color:#555}
.social a[href*="linkedin.com"]::before{content:'\f208';color:#05ace3}

.genericon-next:before { content: "\f429"; }
.genericon-previous:before { content: "\f430"; }
.genericon-edit:before { content: "\f411"; }
.genericon-user:before { content: "\f304"; }
.genericon-time:before { content: "\f303"; }
.genericon-tag:before { content: "\f302"; }
.genericon-category:before { content: "\f301"; }
.genericon-comment:before { content: "\f300"; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.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-size: 0.875rem; 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. */ }