/* 
Theme Name: Seos Blue Premium
Description: Seos Blue Premium is the 2015 HTML5 theme, blue multi-purpose theme with a responsive 2 column layout. 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. Theme Options: Social Icons, Post Type - Testimonials, Testimonials Options and Shortcode, Animations Menu, Animations Social Icons, Animations Site Title, Scroll Animations Boxes, Scroll Animations Featured, Scroll Animations Slider, Back To Top Button Options, Menu Colors, Sidebar Colors, Seos Blue Slider, Slider Options, Testimonial Colors, Header Logo, Header Options, Footer Options, WooCommerce Options, Under Construction, Declared support for WooCommerce, Contact Form, Home Page Boxes, Home Page Featured, Fa Icons 4.5.0, Footer Widgets, Body Width 100%, Translation ready ?, Google Analytics Tracking Code, Google Fonts, Sticky Post, Add Bottom Menu, Add Top Menu
Author: SEOS - Tsvetomir Tsvetanov
Author URI: http://seosthemes.com/
Theme URI: http://seosthemes.com/seos-blue/
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, threaded-comments
Version: 1.2.9
License: Seos Blue Premium WordPress Theme Copyright 2015.
License URI: Seos Blue WordPress Theme, Copyright 2015, http://seosthemes.com/
Text Domain: seos-blue
*/

/*--------------------------------------------------------------
 TABLE OF CONTENTS:
----------------------------------------------------------------
# Basic
# Header
# Nav
# Main
# Section
# Testimonial
# Article
# Aside
# Footer
# Images
# Forms
# Other
# Media queries

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

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
    box-sizing: border-box;
}

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, 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;
	max-width: 1300px;
	margin: 0 auto;
}

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

h1 {
	font-size: 31px;
	color: #21759b;
}

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

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

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

h5,
h6 {
	font-size: 15px;
	color: #21759b;
}

a {
    word-wrap: break-word;
	color: #21759b;
	text-decoration: none;
}

a:hover {
	color: #CE0000;
}

table {
	border-collapse: separate;
}

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

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

header {
	position: relative;
	background: #0094FF;
	-webkit-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	-moz-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	max-width: 1300px;
	height: 100%;
	border-bottom: 2px solid #031321;
	color: #FFFFFF;
}

header .site-name {
    word-wrap: break-word;
	letter-spacing: 5px;
	height: 100%;
	font-weight: 900;
	font-size: 100px;
	padding-top: 0;
	margin: 0;
	color: #FFFFFF;
	text-shadow: -3px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

header p {
	padding-bottom: 10px;
}


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

#header {
	text-align: center;
	height: auto;
	padding: 40px;
}

#header-home {
	height: auto;
}

.social-ico {
	width: auto;
	margin: 0 auto;
	padding-top:10px;
}

.sb-fb, .sb-twitter, .sb-gp, .sb-in, .sb-rss, .sb-pinterest, .sb-ytube, .sb-vimeo, .sb-instagram, .sb-tumblr, .sb-dribbble, .sb-digg, .sb-blogger, .sb-skype, .sb-myspace, .sb-yahoo{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sb-fb {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: 10px -7px;
	width: 133px;
	height: 115px;
}

.sb-in  {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -125px -7px;
	width: 120px;
	height: 115px;
}

.sb-gp  {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -255px -7px;
	width: 120px;
	height: 115px;
}

.sb-twitter {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -375px -7px;
	width: 130px;
	height: 115px;
}

.sb-rss {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -495px -8px;
	width: 130px;
	height: 115px;
}

.sb-pinterest {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -620px -8px;
	width: 130px;
	height: 115px;
}

.sb-ytube {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -748px -8px;
	width: 125px;
	height: 115px;
}

.sb-vimeo {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -870px -8px;
	width: 130px;
	height: 115px;
}

.sb-instagram {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -995px -8px;
	width: 130px;
	height: 115px;
}

.sb-tumblr {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1120px -8px;
	width: 130px;
	height: 115px;
}

.sb-dribbble {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1247px -8px;
	width: 130px;
	height: 115px;
}

.sb-digg {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1373px -8px;
	width: 130px;
	height: 115px;
}

.sb-blogger {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1495px -8px;
	width: 130px;
	height: 115px;
}

.sb-skype {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1623px -8px;
	width: 130px;
	height: 115px;
}

.sb-myspace {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1745px -8px;
	width: 130px;
	height: 115px;
}

.sb-yahoo {
	background-image: url(img/social-slider.png);
	display: inline-block;
	background-position: -1872px -8px;
	width: 130px;
	height: 115px;
}


.sb-fb:hover, 
.sb-twitter:hover, 
.sb-gp:hover, 
.sb-in:hover , 
.sb-rss:hover, 
.sb-pinterest:hover, 
.sb-ytube:hover, 
.sb-instagram:hover,
.sb-tumblr:hover,
.sb-dribbble:hover,
.sb-digg:hover,
.sb-blogger:hover,
.sb-skype:hover,
.sb-myspace:hover,
.sb-yahoo:hover,
.sb-vimeo:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.sb-home-img {
	position: relative;
    box-sizing: border-box;
	font-size:1px;
}

.sb-home-img  img {
	position: relative;
    box-sizing: border-box;
	width: 100%;
}

.sb-home-img  .sb-read-more {
	position: absolute;
	top: 50%;
    width: 100%;
	text-align: center;
	display: block;
	-webkit-animation-duration: 0.7s !important;
    animation-duration: 0.7s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	z-index: 111;
}

.sb-home-img  .sb-read-more a{
	text-align: center;
	background: #fff;
	padding: 10px;
	border: 4px solid;
	font-size: 30px;
	opacity: 0.7;
	font-family: Audiowide, sans-serif;	
	
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

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

nav {
	max-width: 1300px;
	border-top: 1px solid #105FA8;
	background: #003154;
	-webkit-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	text-align: center;
}



nav ul {
	display: inline-table;	
	position: relative;
	list-style: none;
	color: #FFFFFF;
	z-index: 9999;
}

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: 120px;
	text-align: center;
	border-right: 1px solid #0E5490;
	margin: 5px 5px 0 0;
}

nav ul li a:hover {
	color: #2B9BC4;
}

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; 
	font-size: 16px;
	font-weight: bold;
	color: #DEDEE2;
	text-decoration: none;
	border-right: 2px solid #031321;
	padding: 10px;
}
	
nav ul ul {
	position: absolute;
	border-radius: 0px;
	padding: 0;
}

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

nav ul ul li a {
	font-size: 14px;
	border-bottom: 2px solid #031321;
	border-top: 1px solid #105FA8;
	background: #003154;
	padding: 15px;
}
	
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;
}

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

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

.menu {
	padding: 0;
	margin: 0;
}

/********* 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;
}

na {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/* ----------------------------------- Main ----------------------------------- */

main {
	max-width: 1300px;
	padding: 20px 60px 20px 60px;
	background-color: #F0F0F0;
	border: 1px solid #aaa;
	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);

}

main:after {
	content: "";
	clear: both;
	display: block;
}

.content:after {
	content: "";
	clear: both;
	display: block;
}

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

.sb-logo {
	width: auto;
	height: auto;
}

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

section {
	width: 69%;
	float: left;
	word-wrap: break-word;
}

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

section img {
	max-width: 100%;
}

section .ol-comments li,
section .ol-comments {
	list-style: none;
}

/* ----------------------------------- Boxes ----------------------------------- */

blockquote:before,
blockquote:after,
.seos-blue-boxes:before,
.seos-blue-boxes:after {
	display:block;
	clear: both;
	float: none;
}

.seos-blue-boxes .seos-box{
	vertical-align: top;
    width: 23%;
    padding: 20px;
    display: inline-block;
}

.seos-blue-boxes {
	color: #333333;
    width: 100%;
	display: block;
    text-align: center;
	padding: 4px;
	margin: 60px 0 0px 0;
}

.seos-box h3 {
	margin-top: 30px;
	font-family: 'Oswald', sans-serif;
}

.seos-box img,
.seos-box .fa{
	font-size: 120px;
	height: 130px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.seos-center img {
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.seos-box img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: FlipH;
    -ms-filter: "FlipH";
	-webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	z-index: 99999;
}

/* ----------------------------------- Testimonial ----------------------------------- */

.title-testimonial {
	text-align: center;
	font-weight: 900;
	font-size: 60px;
	margin: 20px;
	text-align:center;
}

.seos-testimonial-boxes {
    position: relative;
	margin: 0 auto;
    width: 100%;
    text-align: center;
}
	
.seos-testimonial {
	background-color: #EAEAEA;
    border: 1px solid #C6C6C6;
    overflow: hidden;
	width: 31%;
	height: auto;
	vertical-align: top;
	text-align: center;
	padding: 10px 10px 40px 10px;
	margin: 10px;
	color: #333333;
	word-wrap: break-word;
    text-align: center;
    display: inline-block;	
}

.seos-testimonial img {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
}

.seos-testimonial h4 {
	padding: 10px 0 10px 0;
	font-weight: 900;
	font-size: 25px;
	color: #21759b;
}

.seos-testimonial p {
	text-align: left;
}

.testimonial-shortcode img {
	width: 50%;
	margin: 0 auto;
	height: auto;
}

.seos-testimonial:hover   {
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
	-moz-box-shadow: inset 0 1000px 60px -60px #093960;
	-webkit-box-shadow: inset 0 1000px 60px -60px #093960;
	 box-shadow: inset 0 1000px 60px -60px #093960;
}

.seos-testimonial:hover h4, .seos-testimonial:hover p {
	color: #FFFFFF;
}

.seos-testimonial .read-more {
	background: #21759b;
}

.seos-testimonial:hover .read-more {
	background: #2488AF;
}

.seos-testimonial:hover .read-more:hover {
	background: #2BA3CE;
}

.testimonial-shortcode {
	margin-left: auto;
	margin-right: auto;
	text-align:	center;
	width: 100%;
	display: inline-block;
}

.testimonial-shortcode .seos-testimonial {
	width: 100%;
	min-height: 460px;
	text-align: center;
	display: inline-block;
}

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

article {
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #C0C0C0;
	padding: 10px;
}

article h1 {
	padding: 15px 0 20px 0;
	color: #21759b;
}

article p,
article ul,
article ol,
article table,
article dl {
	margin-bottom: 20px;
}

article ul,
article ol {
	margin-bottom: 20px;
}

article ul,
article ol {
	padding: 0 0 0 16px;
}

article ul ul,
article ol ol {
	margin-bottom: 0;
}

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

.full-width .content{
	padding: 10px;
}

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

.entry-meta .fa{
	color: #0e5891;
}


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

aside {
	float: right;
	width: 27%;
	word-wrap: break-word;
	padding-top: 40px;
}

aside h2 {
	margin: 10px 0 10px 0;
	color: #FFFFFF;
	padding: 8px;
	background: #21759b;
}

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

.widget-title {
	font-weight: 900;
}

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

.footer-widgets ul,
.footer-widgets ol,
aside ol,
aside ul {
	list-style: none;
	padding-left: 0;
}

.footer-widgets ul ul,
.footer-widgets ol ol,
aside ol ol,
aside ul ul {
	padding-left: 5px;
}

aside select, .footer-widgets select {
	max-width: 100%;
}

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


footer {
	padding: 10px 0 20px 0;
	color: #FFFFFF;
	text-align: center;
	word-wrap: break-word;
    -webkit-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
    box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	background: #005791;
}

#footer {
	background-image: url(img/backgroundseos.png);
	height: 100%;
	word-wrap: break-word;
}

.footer-center {
	margin: 0 auto;
    width: 100%;
	text-align:center;
}

.footer-widgets {
	padding: 20px;
	vertical-align: top;
	width: 20.4%; 
	font-size: 14px;
	line-height: 20px;
	height: auto;
	text-align: left;
	word-wrap: break-word;
    margin: 0 auto;
	display: inline-block;
}

.footer-widgets .widget-title {
	color: #FFFFFF;
	padding: 5px 5px 5px 0;
	line-height: 33px;
}

.footer-widgets ul {
	list-style-type: none;
}
.footer-widgets ul li{
	padding: 2px;
}

.footer-widgets a{
	color: #B5B5B5;
}

.footer-widgets  a:hover {
	color: #FF7260;
}

footer a {
	color: #FFFFFF;
}


#myname,
#company,
#email,
#tel{
	display:inline;
	font-size: 16px;
	line-height:22px;
}

.option-con {
	max-width:30%;
	min-width: 200px;
	margin: 0 auto;
	margin-top:10px;
	border-left: 1px solid #105FA8;
	border-right: 1px solid #105FA8;
	border-bottom: 1px solid #105FA8;

}

.option-con p {
	word-wrap: break-word;
}

details {
	margin-top: 10px;
	opacity: 0.8;
}

details p{
	line-height: 22px;
}

details a {
	margin-left: 15px;
	-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;
}

summary {
	word-wrap: break-word;
}

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


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

img aside {
	max-width: 27%;
}

.img-search img {
	width: 100%;
	height: auto;
}



.avatar {
	width: 100px;
}

.img {
	height: auto;
	margin: 0 auto;
	padding-left: 0;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.grow {
	width: 400px;
	margin: 0 auto;
}

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

iframe,
embed {	
	width: 100%;
}

.description {
	margin-top: 0px;
	padding-bottom: 20px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.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
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    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;
}

/* 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. */
}

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

form {
	width: 100%;
}

input {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #aaa;
	letter-spacing: 3px;
    display: table-cell;
    vertical-align: middle;
}

#submit {
	background-image: url(img/button.png);
	font-weight: bold;
	letter-spacing: 3px;
	border-radius: 4px;
	border: 1px solid #aaa;
	color: #003154;
	height: 34px;
}

#s {
	color: #333333;
	width: 50%;
}

#searchform {
	width: 100%;
}

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

label {
	font-weight: bold;
	margin-bottom: 6px;
	margin-right: 10px;
	min-width: 100px;
	color: #21759b;
}

.blue {
	font-size: 22px;
	color: #21759b;
}

.sb-form input, .sb-form textarea {
	width: 100%;
	padding: 9px;
}

.sb-form .noselect, .sb-form  input[name=text] {
	width: 90px;
	margin-right: 10px;
}

#searchsubmit {
	background-image: url(img/search-button.png);
	width: 34px;
	height: 32px;
    margin-left: 5px;
	padding-left: 7px !important;
}

.bypostauthor {
	padding-left: 6px;
}

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

.back-to-top-link {
	background-image: url(img/back-top.png);
	width:80px;
	height: 40px;
	margin: 0 auto;
}

.back-to-top-link:hover {
	opacity: 0.8;
}

.read-more {
	display: block;
	width: 90px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	background: #003154;
	-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;
}

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

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

.pagination {
	margin: 0 auto;
}

.pagination a {
	font-size: 14px;
	padding: 6px;
	background: #1A5D7A;
	color: #FFFFFF;
	border-radius: 2px;
}

.pagination a:hover {
	opacity: 0.8;
	color: #FFFFFF;
}

.sticky  {
	background: #0E5891;
    -webkit-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
    box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	color: #FFFFFF;
}

.sticky h1 a, .sticky p, .sticky .post-edit-link {
	color: #FFFFFF;
}

small {
	color: #21759b;
}

.ads {
	margin: 0 auto;
	width: 728px;
	padding: 10px 0 10px 0;
}

.social-ico {
	text-align: center;
}


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


@media screen and (max-width: 770px) {
		
	footer img {
        width: auto;	
    }
	
	section,
	aside,
	.section-right,
	.sidebar-left,
	img,
	table,
	.content ul {
       		display: block;
		position: relative;
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
    }
	
	article ul {
		position: relative;
		width: 100px;
		margin: 0 auto;
    }

	header {
		max-height: 100%;
		word-wrap: break-word;
    }
	
	header .site-name {
		font-size: 40px !important;

    }

	.nav-ico ul{
		display: none;
    }


	.menu-icon {
		width: 52px;
		height: 44px;
		display: block;
    }

		nav .nav-ico {
		width:180px;
		padding:0;
		margin: 0;
    }
	
	.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;
		-webkit-box-shadow: inset -2px -9px 125px 18px rgba(7,44,73,1);
		-moz-box-shadow: inset -2px -9px 125px 18px rgba(7,44,73,1);
		box-shadow: inset -2px -9px 125px 18px rgba(7,44,73,1);
    }

	.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 {
		float: none;
    }

	.ads {
	        width: auto;
    }
   
   	.img-search img {
		height: auto;
	}
	
	.rss-widget-icon {
		width: 20px;
		height: 20px;
	}
	
	.footer-widgets {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	
	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 {
		top: 0;
    }
	
	nav ul li, nav ul li a{ 
		border-right: none !important;
	}
	
	main {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	summary {
		word-wrap: break-word;
	}
	
		
	.seos-blue-boxes .seos-box {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}	
	
	.sb-info {
		padding: 0;
		margin: 0 auto;
		display:block;
	}	
	
	.sb-grid li {
		width: 220px !important;
		height: 220px !important;
	}
	
	.ads {
		max-width: 100%;
		overflow: hidden;
	}

}

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

	.seos-testimonial-boxes,
	.seos-testimonial,
	.title-testimonial,
	.seos-testimonial img,
	.seos-testimonial-boxes h4,
	.seos-testimonial-boxes h2,
	.seos-testimonial-boxes h5,
	.seos-testimonial-boxes p  {
		width: 100% !important;
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		word-wrap: break-word !important;
		float: none;
		clear:both;
	}

}