/*
Theme Name: Seos Business Premium
Description: Seos Business is the 2015 theme, dark multi-purpose theme with a responsive 2 column layout. Seos Business is 100% responsive built with HTML5 & CSS3, it’s SEO friendly. The theme is tested for speed there are no mistakes in the HTML code. Seos Business Premium has secure and clean code. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.  Customizer - background color, hover color, header color, nav hover color, main color, main background, anker color, anker hover color, footer background, sticky background, header image, background image, social media buttons, upload logo. Theme Options - adsense code, shortcut icon, custum CSS, Google Analitic code, Webmasters Tools verification code, add copyright, welcome mesage, theme color, sidebar position, all google fonts, contact form and more. To learn more about the theme please go to the theme homepage. 
Author: seosbg
Author URI: https://seosthemes.com/
Theme URI: https://seosthemes.com/seos-business/
Tags: black, dark, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, threaded-comments
Version: 2.3.2
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seosbusiness
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Basic - Line 23
# Header - Line 189
# Nav - Line 449
# Main - Line 619
# Section - Line 642
# Article - Line 656
# Aside - Line 441
# Footer - Line 818
# Images - Line 898
# Image Hover Effects - 1007
# Forms - 1097
# Other - 1213
# Media queries -1403

--------------------------------------------------------------*/

/* ----------------------------------- Basic ----------------------------------- */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, font, q, strong, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;	
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin: 0 auto;
	padding-bottom: 20px;
}
 
h1 {
	font-size: 31px;
	color: #000000;
}

h2 {
	font-size: 26px;
	color: #000000;
}

h3 {
	font-size: 22px;
	color: #000000;
}

h4 {
	font-size: 18px;
	color: #000000;
}

h5 {
	font-size: 15px;
	color: #000000;
}

h6 {
	font-size: 15px;
	color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
}

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

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #CE0000;
	text-decoration: none;
}

a:link, a:after, a:active  {
	text-decoration: none;	
}

table {
	border-collapse: separate;
	width: 100%;
}

table td,
table th {
	border: 1px solid #aaa;
	padding: 5px;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
 q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
	background: #F0F0F0;
	display: inline-block;
	border-left: 4px solid #888;
	padding: 4px;
    font-style: italic;
	word-wrap: break-word;
}

b,
strong {
	font-weight: 600;
}

details a,
aside li,
section p,
article li {
	line-height: 22px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.container {
	max-width: 100% !important;
}

label {
	color: #333333;
}

/* ----------------------------------- Header ----------------------------------- */

header {
	margin: 0 10px 0 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

.sb-header {
		background: url(img/custum_header.png);
}

header .animation-h1, header h1 {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 5px;
	word-wrap: break-word;
	font-weight: 900;
	font-size: 70px;
	margin: 0;
	color: #FFFFFF;
}
.site-name p {

}
#header-img {
	height: 100%;
}

header h1 {
	padding-bottom: 14px;
	padding-top: 14px;
}

header .social {
	padding: 10px;
}

.icon:after ,
#header:after ,
header:after {
	content: "";
	clear: both;
	display: block;
}

#header {
	text-align: center;
	min-height: 183px;
}

.fb,
.tw,
.gp,
.yt,
.vi,
.pi,
.li,
.inst,
.flickr,
.tumblr,
.dribbble,
.digg,
.blogger,
.myspace,
.rs {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	opacity: 0.8;
}

.fb:hover,
.tw:hover,
.gp:hover,
.yt:hover,
.vi:hover,
.pi:hover,
.li:hover,
.inst:hover,
.flickr:hover,
.tumblr:hover,
.dribbble:hover,
.digg:hover,
.blogger:hover,
.myspace:hover,
.rs:hover  {
	opacity: 1;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.icon,
.sicial {
	border: none;
	margin: 0;
}

.fb {
	background-image: url(img/social-slider.png);
	background-position: -5px -77px;
}

.fb:hover {
	background-image: url(img/social-slider.png);
	background-position: -5px -144px;
}

.tw {
	background-image: url(img/social-slider.png);
	background-position: -79px -77px;
}

.tw:hover {
	background-image: url(img/social-slider.png);
	background-position: -79px -144px;
}

.gp {
	background-image: url(img/social-slider.png);
	background-position: -301px -77px;
}

.gp:hover {
	background-image: url(img/social-slider.png);
	background-position: -301px -144px;
}

.yt {
	background-image: url(img/social-slider.png);
	background-position: -522px -77px;
}

.yt:hover {
	background-image: url(img/social-slider.png);
	background-position: -522px -144px;
}

.vi {
	background-image: url(img/social-slider.png);
	background-position: -596px -77px;
}

.vi:hover  {
	background-image: url(img/social-slider.png);
	background-position: -596px -144px;
}

.pi {
	background-image: url(img/social-slider.png);
	background-position: -374px -77px;
}

.pi:hover {
	background-image: url(img/social-slider.png);
	background-position: -374px -144px;
}

.li {
	background-image: url(img/social-slider.png);
	background-position: -153px -76px;
}

.li:hover {
	background-image: url(img/social-slider.png);
	background-position: -153px -142px;
}

.rs {
	background-image: url(img/social-slider.png);
	background-position: -227px -76px;
}

.rs:hover  {
	background-image: url(img/social-slider.png);
	background-position: -227px -142px;
}

.inst {
	background-image: url(img/social-slider.png);
	background-position: -886px -76px;
}

.inst:hover  {
	background-image: url(img/social-slider.png);
	background-position: -886px -142px;
}

.flickr {
	background-image: url(img/social-slider.png);
	background-position: -670px -76px;
}

.flickr:hover  {
	background-image: url(img/social-slider.png);
	background-position: -670px -142px;
}

.tumblr {
	background-image: url(img/social-slider.png);
	background-position: -955px -76px;
}

.tumblr:hover  {
	background-image: url(img/social-slider.png);
	background-position: -955px -142px;
}

.dribbble {
	background-image: url(img/social-slider.png);
	background-position: -1025px -76px;
}

.dribbble:hover  {
	background-image: url(img/social-slider.png);
	background-position: -1025px -142px;
}

.digg {
	background-image: url(img/social-slider.png);
	background-position: -1093px -76px;
}

.digg:hover  {
	background-image: url(img/social-slider.png);
	background-position: -1093px -142px;
}

.blogger {
	background-image: url(img/social-slider.png);
	background-position: -1153px -76px;
}

.blogger:hover  {
	background-image: url(img/social-slider.png);
	background-position: -1153px -142px;
}

.myspace {
	background-image: url(img/social-slider.png);
	background-position: -1210px -76px;
}

.myspace:hover  {
	background-image: url(img/social-slider.png);
	background-position: -1210px -142px;
}



/* ----------------------------------- Nav ----------------------------------- */

nav {
	margin: 0 10px 0 10px;
	padding: 5px 0 10px 40px;
	background: #333333;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #262626;
	-webkit-box-shadow: 0px 17px 56px -13px rgba(51, 51, 51, 0.41);
	-moz-box-shadow: 0px 17px 56px -13px rgba(51, 51, 51, 0.41);
	box-shadow: 0px 17px 56px -13px rgba(51, 51, 51, 0.41);
}

nav:after {
	float: none;
	display: block;
}

nav ul, nav li, nav a {
	font-family: 'Oswald', sans-serif;
	list-style: none;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

nav ul {
	display: table;	
	position: relative;
	font-family: 'Oswald', sans-serif;
	list-style: none;
	color: #FFFFFF;
	min-width: 120px;
	z-index: 999;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul:after {
	content: "";
	clear: both;
	display: block;
}

nav ul li {
	float: left;
	min-width: 80px;
	text-align: center;
}

nav ul li a:hover {
	color: #C0C0C0;
}

nav ul li:hover {
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

nav ul li:hover a {
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
	
nav ul li a {
	display: block; 
	padding: 6px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #DEDEE2;
	text-decoration: none;
}
	
nav ul ul {
	position: absolute;
	border-radius: 0px;
	padding: 0;
	min-width: 150px;
}

nav ul ul li {
	position: relative;
	float: none;
	min-width: 100px;
	font-size: 16px;
	z-index: 9999;
	text-align: left;
}

nav ul ul li a {
	font-family: 'Oswald', sans-serif;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #878787;
	background: #585858;
	text-align: left;
}
	
nav ul ul li a:hover {
	color: #2B9BC4;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
	-webkit-box-shadow: inset 0px 0px 135px -21px rgba(0,0,0,0.62);
	-moz-box-shadow: inset 0px 0px 135px -21px rgba(0,0,0,0.62);
	box-shadow: inset 0px 0px 135px -21px rgba(0,0,0,0.62);
}

nav ul ul ul {
	position: absolute; 
	left: 100%;
	top: 0;
	width: 100%;
}

.sb-clear,
nav:after {
	content: "";
	clear: both;
	display: block;
}

.menu-footer ul {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
	
/********* Menu Animation **********/

nav li > a:after {
    padding-left: 10px;
    color: #DEDEE2;
    content: ' ›';
}

nav li > a:hover:after {
    color: #333333;
    content: ' ›';
}

nav li > a:only-child:after {
    content: '';
}

nav ul ul {
	display: none;
}

.nav-header ul {
	float: right !important;
}

/* ----------------------------------- Main ----------------------------------- */

main {
	padding: 10px 60px 10px 60px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #000000;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	background-color: rgba(222, 222, 222, 0.5);
}

.seos-business-home-slider .home-text:after, .home-text,
.footer-sidebar:after,
.footer-aside:after,
.content:after, 
main:after {
	content: "";
	clear: both;
	display: block;
}

/* ----------------------------------- Section ----------------------------------- */

section {
	width: 69%;
	float: left;
	word-wrap: break-word;
}
.section-right {
	width: 69%;
	float: right;
	padding: 0 10px 0 0;
	word-wrap: break-word;
}

/* ----------------------------------- Article ----------------------------------- */

article {
	border: 1px solid #D8D8D8;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 10px;
	color: #888888;
}

article h1 {
	font-family: 'Oswald', sans-serif;
	padding: 15px 0 20px 0;
	color: #000000;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 700;
}


.full-width {
	word-wrap: break-word;
}

.full-width,
section article {
	background: #fff;
}

.entry-meta:after,
.entry-meta:before {
	clear: both;
	display: block;
	float: none;
	content: "";
}

.entry-meta {
	padding: 10px 0 10px 0;
}

.h2-home {
	padding: 15px 0 20px 0;
}

/* ----------------------------------- Aside ----------------------------------- */

aside {
	float: right;
	width: 27%;
	word-wrap: break-word;
	opacity: 0.9;
}

aside h2 {
	font-family: 'Oswald', sans-serif;
	color: #FFFFFF;
	line-height: 28px;
	background-image: url('img/nav.png');
}

main aside h2 {
	padding-left: 10px !important;
}

.footer-sidebar ol, .footer-sidebar ul, .footer-sidebar li,
aside ol,
aside ul,
aside li {
    list-style: none;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

aside ul li > a:before {
    padding:  0 10px 0 10px;
    content: ' ›';

}

aside ul  ul{
	background: #fff;	border: 1px solid #D8D8D8;
	padding: 5px 0 10px 0;
}

aside ul ul li{

	margin: 10px;
	border-bottom: 1px dashed #C0C0C0;
}


.sidebar-left {
	float: left;
	width: 27%;
 	word-wrap: break-word;
    padding-left: 10px;
}

aside ul li a:hover {
	margin-left: 5px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

aside img, .footer-sidebar img {
	max-width: 100%;
}

aside .widget_search{
    background-image: url('img/nav.png');
}

aside .children, aside .children li, aside .sub-menu,  aside .sub-menu li{
	border: none;
	padding: none;
}

.widget {
	margin-bottom: 10px;
}

.widget ul li {
	background-color: rgba(255, 255, 255, 0.8); 
		padding: 5px 10px 15px 10px;
}

.widget li, .widget_text li{
	padding: 10px;
}

.widgettitle a, .footer-sidebar  .tagcloud a, .widgettitle, .footer-sidebar .textwidget {
	color: #FFFFFF;
    font-weight: normal !important;
}

.widgettitle {
	padding: 10px;
}

.widget_search, .widgettitle, .footer-transparent, nav {
    box-shadow: rgba(0, 0, 0, 0.9) 0px -34px 69px -20px inset;
	border-top: 4px #686868 solid;
}


.tagcloud{
	padding: 10px;
}


#calendar_wrap {
	background: #FFFFFF;
	padding:5px;
	-webkit-box-shadow: inset 0px 2px 6px -13px rgba(91,91,91,1);
    -moz-box-shadow: inset 0px 2px 6px -13px rgba(91,91,91,1);
    box-shadow: inset 0px 2px 56px -13px rgba(91,91,91,1);
}


aside .search-form {
	margin-left: 20px;
}


.wp-block-search .wp-block-search__label {
	display: none;
}

.wp-block-search .wp-block-search__button {
    background: #333;
	color: #fff;
}

.wp-block-group__inner-container h2 {
    padding: 10px;
}

ol.wp-block-latest-comments {
    padding: 10px;
}

.wp-block-search .wp-block-search__button {
    margin-left: 0;	
}

#today, #today a {
    background: #333;
    color: #fff;	
}

.wp-block-calendar table caption {
    padding: 5px;	
}

.wp-block-search .wp-block-search__input {
    padding: 8px;
	border-radius: 0;
	border: 1px solid #eee;
}

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

.footer-transparent {
	margin: 0;
	padding: 20px;
	color: #FFFFFF;
	text-align: center;
}

#footer a, .footer-sidebar .widget .textwidget a {
	color: #FFFFFF ;
}

.footer-sidebar .widget .textwidget a:hover {
	color: #E5E5E5;
}
 
details a {
	margin-left: 5px;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

details a:hover {
	color: #CE0000;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.footer-transparent {
	background: #111111;
	opacity: 0.7;
	border-top: 1px solid #555555;
}

.footer-img {
	margin: 0 10px 0 10px;
	background: #333333;
	border-top: 1px solid #444444;
}

.footer-aside {
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.footer-sidebar {
	position: relative;
	vertical-align: top;
	width: 305px;
	text-align: center;
	overflow: hidden;
	word-wrap: break-word;
	margin-left: 10px;
	display: inline-block;
}

.footer-sidebar .calendar_wrap  table td, .footer-sidebar .calendar_wrap  table th, .footer-sidebar .calendar_wrap caption {
    color:#fff;
}

.footer-sidebar .widget {
	margin-top: 20px;
}

.footer-img {
	margin-bottom: 10px;
}

.footer-img ul ul li a {
	padding: 8px !important;
}

.footer-sidebar ul li {
	padding: 6px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

aside .gallery {
	text-align: center;
	padding: 5px;
}

aside .gallery-item  {
	margin: 5px 5px 0;
    max-width: 40% !important;

	line-height: 15px !important;
}

aside .gallery-item:hover {
	opacity: 0.7;
}


footer .gallery {
	text-align: center;
	padding: 5px;
}

footer .gallery-item  {
	margin: 5px 5px 0;
    max-width: 25% !important;
	line-height: 15px !important;
}

footer .widget_media_gallery .widget-title {
	margin-left: 20px;
}


footer.gallery-item:hover {
	opacity: 0.7;
} 

/* ----------------------------------- Images ----------------------------------- */

.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;
}

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
}

.grow img, .img img{
    max-width: 150px;
	height: 150px;
	float: left;
	margin:  0 10px 10px 0;
	box-shadow: 0px 0px 5px #aaa;
    border: 5px solid #fff;
}

.wp-caption {
    background: #fff;
    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;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
	max-width:100%;
	font-size:14px;
}

iframe,
embed {	
	width: 100%;
	min-height: 400px;
}

.logo {
	max-width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
}

.description {
	margin-top: 0px;
}

/*--------------------------------------------------------------
# Image Hover Effects
--------------------------------------------------------------*/

.img-news {
	margin-bottom: 5px;
	border: 5px solid #fff;
}

.sb-view {
   width: 200px;
   height: 150px;
   padding: 0;
   margin: 5px 10px 10px 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.sb-view .sb-mask {
   width: 200px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.sb-view img {
    width: 200px;
    height: 150px;
    display: block;
    position: relative;
    object-fit: cover;
    object-position: 50% 50%;
}

.sb-view a.info {
   text-decoration: none;
   padding: 0;
   bottom: 20px;
   right: 5px;
   position: relative;
   color: #fff;
   font-family: 'Arial', serif;
   background-image: url(img/url.png);
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   display: inline-block;
}

.sb-img-effect .sb-mask {
   opacity: 0;
   overflow: visible;
   border: 0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.sb-img-effect:hover .sb-mask {
   opacity: 1;
   border: 80px solid rgba(0,0,0,0.7);
}

.sb-img-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}

.sb-cat-list a {
    font-style: italic;
}
.wp-block-calendar a {
    color: #fff;	
}


/* ----------------------------------- Forms ----------------------------------- */

form {
	width: 100%;
}

input {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: 3px;
    display: table-cell;
    vertical-align: middle;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #aaa;
	box-shadow: none;
}

#submit {
	display: inline-block;
	min-width: 100px;
	font-size: 14px;
	margin: 10px 0 10px 0;
	padding: 2px 5px 2px 5px;
	border: 1px solid #707070;
	text-align: center;
	color: #FFFFFF;
	background-image: url(img/nav.png);
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#s {
	color: #aaa;
}

textarea {
	width: 100%;
	border: 1px solid #aaa;
}

.blue {
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	color: #21759b;
	padding: 8px;
}

.s-result {
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	padding: 10px;
}

.search-form {
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

.searchform input {
	display: inline;
	width: auto;
	margin-top: 5px;
	padding: 5px;
}

.search-submit {
	color: #333333;
}


.search-field, .search-submit {
	margin-top: 5px;
}

.bypostauthor {
	padding-left: 6px;
}

select {
	width: 100%;
}

button, input[type="text"], input[type="email"], input[type="url"], input[type="password"] {
    box-shadow: none !important;	
}

input[name="seos-name"],
input[name="seos-phone"],
input[name="seos-email"],
input[name="seos-subject"],
textarea[name="seos-message"] {
    width: 90%;
    background-color: #fff;
}
textarea[name="seos-message"] {
	padding: 5px;
}

.comment-respond {
	margin-top: 20px;
}

.comment-respond  label {
	display: block;
}

.sf-sum label{
	margin: 0 10px 0 10px;
	font-size: 26px;
}

.sf-form p {
	color: #333333;
}

.comment-reply-title {
	font-size: 15px;
}

.must-log-in {
	font-size:12px;
}

.logged-in-as {
	font-size: 13px;
}

/* ----------------------------------- Other ----------------------------------- */

#comments{
	padding: 10px;
	margin: 10px 0 10px 0;
}

.nextpage{
	width:100%;
	margin: 10px 0 10px 0;
}

.pagination {
	margin: 0 auto;
	width: 320px;
}

.postpagination{
	text-align: center;
	width: 100%;
	
}

.prevpost {
	float: left;
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
}

.nextpost {
	float: right;
	font-size: 15px;
    font-family: 'Oswald', sans-serif;	
}

.pagination a {
	font-size: 16px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #707070;
	color: #FFFFFF;
	background: #666666;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
}

.pagination a:hover {
	background: #000000;
	color: #FFFFFF;
}


.sticky  {
	background: #C0C0C0;
	padding: 20px;
}

small {
	color: #21759b;
}

.read-more {
	display: inline-block;
	min-width: 100px;
	font-size: 14px;
	margin: 10px 0 10px 0;
	padding: 2px 5px 2px 5px;
	border: 1px solid #707070;
	text-align: center;
	color: #FFFFFF;
	background-image: url(img/nav.png);
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.read-more:hover {
	background: #000000;
	color: #FFFFFF;
}

.seos-business-home-slider {
	height: 500px;
	margin: 0 10px 0 10px;
	display: block;
	position: relative;
	clear: both; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
}

.seos-business-home-slider img {
	width: 100%;
	border-top: 1px solid #222222;
	overflow: hidden;
	word-wrap: break-word;
}

.seos-business-home-slider .home-text {
	font-family: 'Oswald', sans-serif;
	position: absolute;
	text-align: center;
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%); /* IE 9 */
    -webkit-transform:  translate(-50%, -50%); /* Chrome, Safari, Opera */
	font-size: 35px;
	overflow: hidden;
	word-wrap: break-word;
}

.seos-business-home-slider .home-text p {
	background-color:rgba(198,198,198,0.7);
	padding: 10px;
	text-align: center;
	border: 6px solid #404040;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.seos-business-home-slider .home-text  a {
	color: #FFFFFF;
}

.seos-business-home-slider .home-text  p:hover {
	background-color: #ffffff;
	border: 6px solid #333333;
	color: #444444;
	overflow: hidden;
	word-wrap: break-word;
}

.adsense {
	text-align: center;
	width: auto;
	float: none;
	display: block;
	clear: both;
	margin-bottom: 10px;
}

iframe, embed {
	min-height: 90px;
}

.commentlist article {
	margin:10px;
}

.welcomm {
	padding: 5px;
	text-align: center;
	font-size: 30px;
	position: absolute;
	z-index: 9999999;	
	left: 20px;
	top: 80px;
	font-size: 13px;
	background-color: rgba(0,0,0,0.6);
	max-width: 150px;
}

.welcomm a {
	color: #fff;	
}

.welcomm a:hover {
	opacity: 0.9;	
}

.margin {
	margin:10px;
}

.seos-tags a {
	padding: 2px 4px;
    margin: 1px;
    display: inline-block;
    line-height: normal;
    color: #C0C0C0;
	font-size: 10px;
    background-color: #222;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
}

.seos-tags a:hover {
	color: #fff;
}

.cat-links a {
	font-style: italic;
}

/* ----------------------------------- Media queries ----------------------------------- */

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

	.seos-business-home-slider {
		background-position: center !important;
		height: 300px;
	}	
	
	nav ul,
	ul,
	section,
	aside,
	.section-right,
	.sidebar-left,
	nav li,
	nav ul li,
	nav ul ul li,
	table,
	.content ul,
	#calendar_wrap {
		display: block;
		position: relative;
		float: none;
		margin: 0 auto;
		width: 100%;
		padding: 0;
		text-align: center;
    }
	
	main {
		padding: 0;
	}
	
	.animation-h1 {
		font-size: 26px !important;
	}
	
	nav ul li:hover > ul {
	-webkit-animation-name: none !important;
	animation-name: none !important;
	-webkit-transform-origin: none !important;
	transform-origin: none !important;
}
	
	nav ul ul ul {
		word-wrap: break-word;
		display: block;
		float: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		position: static;		
    }	

	article ul {
		position: relative;
		min-width: 170px;
		margin: 0 auto;
    }

	header {
		max-height: 100%;
    }

	nav {
		background: #333333;
    }

	.sticky {
 		padding: 0;
	}
	
	.adsense {
		width: auto;
		overflow: hidden;
	}

	.nav-ico ul{
		display: none;
    }


	.menu-icon {
		width: 52px;
		height: 44px;
		display: block;
    }
	
	nav {
		padding: 5px;
	}
	
	nav .nav-ico {
		width:180px;
		padding:0;
		margin: 0;
		overflow: hidden;
    }
	
	.nav-ico:hover ul,
	.nav-ico:hover ul li,
	.nav-ico:hover ul ul,
	.nav-ico:hover ul ul li {
		display: block;
		position: relative;
		border: none;
		float: none;
		width: 100%;
		text-align: left;
		left: 0;
    }

	nav ul li a, 
	nav ul li, 
	nav ul ul li a {
		border: none;
    }

	nav a:hover {
		color: #2B9BC4;
		-webkit-transition: all 0.4s linear 0s;
		-moz-transition: all 0.4s linear 0s;
		-o-transition: all 0.4s linear 0s;
		transition: all 0.4s linear 0s;
    }

	.menu-button {
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-radius: 2px;
		margin: 8px 0 0 10px;
		width: 40px;
		height: 4px;	
		display: block;
    }
	
	nav ul li {
		margin: 0;
    }
	
	.pagination,
	.grow {
		width: 100%;
    }
	
	.border {
		padding: 0;
	}
	
	.footer-sidebar {
		width: 100%;
		float: none;
		margin: 0;
		overflow: hidden;
		word-wrap: break-word;
	}
	
	.footer-sidebar .widget {
	    margin: 0px;
	}
	
	aside .search-form {
		margin-left: 0;
	}

}