/*
Theme Name: The WP
Theme URI: http://ceewp.com/our-themes/wp-wordpress-theme
Author: CeeWP
Author URI: http://ceewp.com/
Description: WP is a elegant multipurpose and responsive WordPress theme. The WP WordPress theme well suited for portfolio, design, art, photography, personal, travel, health, business, finance and any other creative websites and blogs. Developed and coding using CSS3 that makes it mobile and tablets friendly. This theme comes with front-page slider, social media icon integration & widget, Call to Action widget and content blocks widget for highlight your services and projects. It supports 7 custom widgets area, drop-down menus, full width page, javascript slideshow and lots of other useful features. The WP is a free WordPress theme with premium functionality and design. Now theme is optimized to work with WP-PageNavi and other popular free and premium plugins. The WP is translated into over 46 languages : Arabic (العربية), Chinese (简体中文), Danish (Dansk), Dutch (Nederlands), French (Français), German (Deutsch), Italian (Italiano), Japanese (日本語), Korean (한국어), Polish (Polski), Portuguese (Português), Romanian (Română), Russian (Русский), Spanish (Spain) (Español), Turkish (Türkçe), Ukrainian (Українська) and more...
Version: 10.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-wp
Tags: gray, white, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

License
---------------
This theme, like WordPress, is licensed under the GPL.
"The WP" WordPress theme Copyright(C) 2015 CeeWP [http://ceewp.com]
The WP is based on Underscores (http://underscores.me)
The WP WordPress Theme incorporates code from Responsive Brix Theme, Copyright 2015 wpHoot
Responsive Brix is distributed under the terms of the GNU GPL

Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

Other licensing informations is inside the readme.txt


Starting CSS
---------------
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Custom css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
	text-align:center;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

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

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}



td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-size: 14px;
	font-size: 0.95rem;
	line-height: 1.5;
	font-family:Arial, Verdana, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight:normal;
}

p {
	margin-bottom: 0.8em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 2px solid #06BCF9;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	border-left: 2px solid #06BCF9;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	overflow: auto;
	line-height:1.2;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:0;
}

body {
	background-color: #fff;
	/*background-image: url(images/bg.jpg);*/
	background-repeat: repeat;
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 20px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-bottom:1px solid #EBEDED;
}
th{
	padding:5px 0;
	text-align:left;
	text-transform:uppercase;
	border-top:1px solid #EBEDED;
}
td{
	padding:5px 0;
	text-align:left;
	border-top:1px solid #EBEDED;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background: #06BCF9;
	color: #ffffff;
	line-height: 1;
	padding: 10px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px 5px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #BB47A8;
	text-decoration:none;
}

a:hover,
a:focus,
a:active {
	color: #BB47A8;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a:focus {
	outline: 0;
}

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

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#site-navigation li{
	font-family:"Comic Sans MS"!important;	
}
.main-navigation {
	display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0px;
}

.main-navigation li {
	float: left;
	position: relative;
	
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 799px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.site-main #nav-below a {
	border-radius: 4px;
	box-shadow: 1px 1px 0 #7d7d7d;
	padding: 7px 10px;
	color: #fff;
	margin-bottom: 20px;
	background-color: #9a545c;
	display: inline-block;
}
.site-main, .main_page_prev, .stroka{overflow: hidden;}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	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-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. */
}
.entry-post_thumb{
    float: left; margin: 0 20px 0 0;
}
.entry-post_thumb img{
   border: 3px solid #f4f2ed;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

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

/* Search widget. */
.widget_search .search-field {
	width:60%;
	padding: 4px 5px;
	
}
.widget_search .search-submit {
	width: 35%;
}

/* Front Page widget divider. */
.homepage-widget-area {
	display:block;
	width: 30%;
	float: left;
}

/************* Social Icons Widget *************/
.social-icons-widget {
  width:100%;
  text-align:center;
}
.social-icons-icon {
  display: inline-block;
  text-align: center;
  background: #dddddd;
  background: rgba(255, 255, 255, 0.5);
  color: #888888;
  border: solid 1px #dddddd;
  vertical-align: top;
}
.social-icons-small .social-icons-icon {
  width: 40px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
}
.social-icons-medium .social-icons-icon {
  width: 50px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
}
.social-icons-large .social-icons-icon {
  width: 70px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
}
.social-icons-huge .social-icons-icon {
  width: 85px;
  height: 75px;
  font-size: 50px;
  line-height: 75px;
}
.social-icons-widget .social-icons-icon:hover {
  color: #ffffff;
}
.social-icons-widget .fa-behance-block:hover {
  background: #4176fa;
  border-color: #4176fa;
}
.social-icons-widget .fa-bitbucket-block:hover {
  background: #183f73;
  border-color: #183f73;
}
.social-icons-widget .fa-btc-block:hover {
  background: #f7931a;
  border-color: #f7931a;
}
.social-icons-widget .fa-codepen-block:hover {
  background: #000000;
  border-color: #000000;
}
.social-icons-widget .fa-delicious-block:hover {
  background: #0002f5;
  border-color: #0002f5;
}
.social-icons-widget .fa-deviantart-block:hover {
  background: #5e7163;
  border-color: #5e7163;
}
.social-icons-widget .fa-digg-block:hover {
  background: #1b5791;
  border-color: #1b5791;
}
.social-icons-widget .fa-dribbble-block:hover {
  background: #c6356b;
  border-color: #c6356b;
}
.social-icons-widget .fa-dropbox-block:hover {
  background: #0089d1;
  border-color: #0089d1;
}
.social-icons-widget .fa-envelope-block:hover {
  background: #e44321;
  border-color: #e44321;
}
.social-icons-widget .fa-facebook-block:hover {
  background: #3c5a98;
  border-color: #3c5a98;
}
.social-icons-widget .fa-flickr-block:hover {
  background: #0062dd;
  border-color: #0062dd;
}
.social-icons-widget .fa-foursquare-block:hover {
  background: #3ab6e8;
  border-color: #3ab6e8;
}
.social-icons-widget .fa-github-block:hover {
  background: #000000;
  border-color: #000000;
}
.social-icons-widget .fa-google-plus-block:hover {
  background: #e44321;
  border-color: #e44321;
}
.social-icons-widget .fa-instagram-block:hover {
  background: #3f729b;
  border-color: #3f729b;
}
.social-icons-widget .fa-lastfm-block:hover {
  background: #d2013b;
  border-color: #d2013b;
}
.social-icons-widget .fa-linkedin-block:hover {
  background: #00659b;
  border-color: #00659b;
}
.social-icons-widget .fa-pinterest-block:hover {
  background: #cf1d25;
  border-color: #cf1d25;
}
.social-icons-widget .fa-reddit-block:hover {
  background: #ff4500;
  border-color: #ff4500;
}
.social-icons-widget .fa-rss-block:hover {
  background: #ff6501;
  border-color: #ff6501;
}
.social-icons-widget .fa-skype-block:hover {
  background: #00aff0;
  border-color: #00aff0;
}
.social-icons-widget .fa-slack-block:hover {
  background: #352931;
  border-color: #352931;
}
.social-icons-widget .fa-slideshare-block:hover {
  background: #0ca8aa;
  border-color: #0ca8aa;
}
.social-icons-widget .fa-soundcloud-block:hover {
  background: #ff6600;
  border-color: #ff6600;
}
.social-icons-widget .fa-stack-exchange-block:hover {
  background: #205297;
  border-color: #205297;
}
.social-icons-widget .fa-stack-overflow-block:hover {
  background: #f47c23;
  border-color: #f47c23;
}
.social-icons-widget .fa-steam-block:hover {
  background: #000000;
  border-color: #000000;
}
.social-icons-widget .fa-stumbleupon-block:hover {
  background: #ee4723;
  border-color: #ee4723;
}
.social-icons-widget .fa-tumblr-block:hover {
  background: #3e5976;
  border-color: #3e5976;
}
.social-icons-widget .fa-twitch-block:hover {
  background: #6542a6;
  border-color: #6542a6;
}
.social-icons-widget .fa-twitter-block:hover {
  background: #32ccfe;
  border-color: #32ccfe;
}
.social-icons-widget .fa-vimeo-square-block:hover {
  background: #1bb6ec;
  border-color: #1bb6ec;
}
.social-icons-widget .fa-wordpress-block:hover {
  background: #3378b0;
  border-color: #3378b0;
}
.social-icons-widget .fa-yelp-block:hover {
  background: #c41200;
  border-color: #c41200;
}
.social-icons-widget .fa-youtube-block:hover {
  background: #d4231e;
  border-color: #d4231e;
}

/************* CTA Widget *************/
.cta-widget {
  margin: 55px 0 45px;
  text-align: center;
}
.cta-headine {
  font-size: 2.57142857em;
  margin: 0 0 15px;
}
.cta-description {
  line-height: 2em;
}
.cta-widget-button {
  width: 315px;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
/************* Content Blocks Widget *************/
.content-blocks-widget {
  margin: 70px 0;
}
.content-blocks-widget .clearfix {
  margin: 0 0 1em;
  clear:both;
}
.content-blocks-widget .clearfix:last-child {
  margin: 0;
}
.content-blocks-header {
	text-align:center;
	margin:25px 0;
}
.content-blocks-header .title {
	font-size:36px;
	font-weight:bold;
}
.content-blocks-header .desc {
	padding-top:10px;
	font-size:16px;
	width:90%;
	margin:0 auto;
}
.content-blocks-header .desc span {
	border-top:1px #CCCCCC solid;
	padding:0 2%;
}

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:2%;
}

.content-block-column {
	margin: 1%;
	float: left;
	box-sizing: border-box;
	/* flex */
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}
.content-block-column.column-1-1 {
  padding-left: 0;
  padding-right: 0;
  margin:%1 0;
}
.content-block-icon {
  width: 60px;
  height: 60px;
  max-width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 48px;
  line-height: 60px;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear;
}
.icon-style-none {
  line-height: 1em;
  width: auto;
  height: auto;
}
.icon-style-circle {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  	border-radius: 60px;
    height: 35%;
    padding: 17px;
    width: 35%;
	border:6px solid #CCC;
}
.icon-style-square {
    height: 35%;
    padding: 17px;
    width: 35%;
	border:6px solid #CCC;
}
.content-block-content {
  padding-top: 20px;
}
.content-block-content.content-block-content-hasimage {
  padding-top: 0;
}
.content-block-content.no-visual {
	text-align:center;
	padding: 5px;
	margin-top: 0;
}
.content-block-content h4 {
  margin: 0 0 7px;
  font-size:22px;
}
.content-block-content h4 a {
  color: inherit;
}
.content-block-content p {
  margin: 0 0 5px;
  font-size:14px;
}
.content-block-content .readmore {
  font-size:15px;
  font-weight:bold;
}
.content-block-content .readmore a::after {
	content: "\f0a9 ";
    font-family: 'FontAwesome';
    margin-left: 5px;
}

/*** Content Block Styles ***/
.content-block-style1,
.content-block-style2,
.content-block-style3 {
  text-align: center;
}
.content-block-style1 .content-block-image img.content-block-img,
.content-block-style2 .content-block-image img.content-block-img,
.content-block-style3 .content-block-image img.content-block-img,
.content-block-style4 .content-block-image img.content-block-img{
	width:100%;
}
/* Style1 */

/* Style2 */
.content-block-style2 .content-block.no-highlight {
  text-align: left;
}
.content-block-style2 .content-block.highlight-typo {
  padding: 25px 20px 15px;
}
.content-block-style2 .content-block-image {
  margin: -25px -20px 0 -20px;
}
.content-block-style2 .content-block.highlight-typo .content-block-text {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.content-block-style2 .icon-style-circle {
	padding: 12px;
}

/* Style2 &  Style3 */
.content-block-style2,
.content-block-style3 {
	background: #fcfdfe linear-gradient(#fcfdfe, #f4f8fc) repeat scroll 0 0;
    border: 1px solid #c9ddf2;
    border-radius: 5px;
    box-shadow: 0 -2px 0 rgba(204, 223, 243, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.1);
}
/* Style3 */
.content-block-style3 .content-block {
  padding: 30px 15px 20px;
  position: relative;
  margin-top: 27px;
}
.content-block-style3 .content-block-icon {
	width: 80px;
	height: 80px;
	font-size: 33px;
	line-height: 80px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -40px;
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #C4C4C4;
	border-left-color: #E1E1E1;
}
.content-block-style3 .content-block-icon i {
  position: relative;
  top: -20px;
}
.content-block-style3 .icon-style-circle {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.content-block-style3 .icon-style-none i {
	top: 0;
}
.content-block-style3 .content-block-image {
	position: relative;
	top: -90px;
	left: 30%;
	width:40%;
	line-height:0;
	/* box shadow */
		-webkit-box-shadow: 0px -3px 13px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px -3px 13px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px -3px 13px 0px rgba(50, 50, 50, 0.4);
}
.content-block-style3 .content-block-content-hasimage {
	margin-top:-90px;
}
/* Style4 */
.content-block-style4 .content-block-icon {
	position:relative;
	font-size: 35px;
	width: 20%;
	height: 60px;
	float: left;
	margin-right: 5%;
}
.content-block-style4 .icon-style-none {
	font-size: 45px;
}
.content-block-style4 .icon-style-circle i,
.content-block-style4 .icon-style-square i {
	top:-24px;
	left:-10px;
}
.content-block-style4 .content-block-icon i {
	position:relative;
}
.content-block-style4 .content-block-image {
	margin-top:3%;
	width: 25%;
	float: left;
}
.content-block-style4 .content-block-image.icon-style-circle {
	padding:0;
	line-height:0;
}
.content-block-style4 .content-block-image.icon-style-circle img {
	border-radius:60px;
}
.content-block-style4 .content-block-image.icon-style-square {
	padding:0;
	line-height:0;
}
.content-block-style4 .content-block-content {
	padding-top: 0;
	float: left;
}
.content-block-style4 .content-block-content-hasicon {
	width: 75%;
}
.content-block-style4 .content-block-content-hasimage {
	float:right;
	width:70%;
}
.content-block-style4 .content-block-content.no-visual {
	margin-left: 0;
}

/************* Widget Borders *************/
.topborder-none {
  border-top: none;
  margin-top: 0;
}
.bottomborder-none {
  border-bottom: none;
  margin-bottom: 0;
}
.topborder-line {
  border-top: solid 1px #dddddd;
  margin-top:10px;
}
.bottomborder-line {
  border-bottom: solid 1px #dddddd;
  margin-bottom:10px;
}
.topborder-shadow:before,
.bottomborder-shadow:after {
  content: "\00a0";
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  display: block;
  font: 0/0 a;
  height: 3px;
  margin: 0 auto;
}

/************* Column Widths *************/
.column-1-1,
.column-2-2,
.column-3-3,
.column-4-4,
.column-5-5 {
  width: 100%;
}
.column-1-2 {
  width: 48%;
}
.column-1-3 {
  width: 31.33333333%;
}
.column-2-3 {
  width: 65.66666667%;
}
.column-1-4 {
  width: 24%;
}
.column-2-4 {
  width: 49%;
}
.column-3-4 {
  width: 74%;
}
.column-1-5 {
  width: 19%;
}
.column-2-5 {
  width: 39%;
}
.column-3-5 {
  width: 59%;
}
.column-4-5 {
  width: 79%;
}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-links::before {
    content: "\f0c5 ";
	font-family: 'FontAwesome';
	margin-right:5px;
}
.more-link {
    border-radius: 4px;
    box-shadow: 1px 1px 0 #7d7d7d;
    padding: 7px 10px;
    color: #fff !important;
    margin-bottom: 20px;
    background: #61cbe6;
}
.more-link:hover {
	text-decoration:none !important;
	color:#06F;
	background-color:#39F;
}
.more-link::after {
	content: "\f0a9 ";
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.more-link span.meta-nav {
	display:none;
}

/* post types icons */
.sticky .entry-title::before {
    content: "\f08d ";
}

.format-aside .entry-title::before {
    content: "\f0f6 ";
}
.format-image .entry-title::before {
    content: "\f030 ";
}
.format-video .entry-title::before {
    content: "\f03d ";
}
.format-audio .entry-title::before {
    content: "\f001 ";
}
.format-quote .entry-title::before {
    content: "\f10d ";
}
.format-status .entry-title::before {
    content: "\f0e5 ";
}
.format-link .entry-title::before {
    content: "\f08e ";
}
.format-gallery .entry-title::before {
    content: "\f03e ";
}
.post-password-required .entry-title::before {
    content: "\f023 ";
}

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

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
13.0 Custom css
--------------------------------------------------------------*/
/* site */
.site{
	max-width:1000px;
	margin:0 auto;
	/*overflow:hidden;*/
}
/* site borders & shadows */
#content {
	
}
/* header */
header.site-header {
	background-size:cover;
	font: 16px "Comic Sans MS";
}
.site-branding {
	width: 80%;
	line-height:0;
	padding:40px 15px 15px 15px;
}
.header-logo-image {
	display: block;
	margin: auto;

}
.header-text{
	color: #750012;;
	position: absolute;
}
.site-title{
	padding:1px 2px 0 5px;
	position: absolute;
}

.site-title a {
	color:#750012;
	font-size:30px;
	line-height:60px;
	text-shadow:0 0 100px #999999;

}
.site-description {
	display:block;
	color:#750012;
	padding: 0 0 0 5px;
	margin-bottom:10px;
	margin-left:280px;
}
.header-description {
	color:#750012;
	display:inline-block;
	line-height:2em;
	font-size:12px;
	font-weight:bold;
}
.header-description i {
	margin:0 5px 0 10px;
}
.header-search {
	float:right;
	width:35%;
	height:auto;
	text-align:right;
	overflow:hidden;
	word-wrap:break-word;
}
.header-search form {
	float:right;
	margin-left:15px;
}

.header-search .search-field {
  background: url(images/search.png) no-repeat 10px 6px #fcfcfc;
  border: 1px solid #d1d1d1;
  font: bold 12px Arial, Helvetica, Sans-serif;
  color: #bebebe;
  width: 107px;
  padding: 6px 15px 6px 35px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

.header-search .search-field:focus { width: 150px; }

.header-search .search-submit {
	display:none;
}

.phone {
	margin: 35px 30px 0 0;
	float: right;
	font: bold 14px "Comic Sans MS" !important;
	color: #880015;
}

/*navigation*/
.main-navigation {
	width:100%;
	min-height:43px;
	background-color: #af525a ;
	box-shadow: 0 2px 4px #85969f;
}
.main-navigation ul {
	letter-spacing:-4px;
	word-spacing:-4px;
}
.main-navigation li {
	height:43px;
	display:inline-block;
	position:relative;
	letter-spacing:normal;
	word-spacing:normal;
}
.main-navigation li:first-child {
	border-radius:0 0 0 0;
}
.main-navigation .current_page_item {
	text-shadow: 2px 2px 2px #000;
}
.main-navigation .current_page_item,
.main-navigation .current-menu-item {
	
}
.mr li:first-child {
	
}
.main-navigation li a {
	height:43px;
	display:block;
	line-height:43px;
	padding:0 21px;
	color:#ffffff;
} 
.main-navigation li:first-child a {
	border-radius:3px 0 0 0;
}
.main-navigation li a:hover {
	text-shadow: 2px 2px 2px #000;
}

.nav-menu li > a:after {
	color: #fff;
	content: " \f107";
}

.nav-menu li > a:hover:after {
	color: #FFF;
	content: " \f103";
}

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

.main-navigation .sub-menu,
.main-navigation .children {
	height:0;
	left:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:0;
	z-index:99999;
	background-color:#06BCF9;
	color:#ffffff;
}
.main-navigation li:hover > ul,
.main-navigation .focus > ul {
	clip:inherit;
	overflow:inherit;
	height:inherit;
	width:inherit;
}
.main-navigation ul ul a {
	height: auto;
	padding: 8px 15px;
	line-height: 16px;
	margin: 0;
	width: 180px;
	background-color: #005E91;
}
.main-navigation ul ul li {
	padding:0;
	height:auto;
	border-top:1px solid #999999;
}
.main-navigation ul ul li:first-child {
	border-radius:0;
}
.main-navigation ul ul li:first-child a {
	border-radius:0;
}
.main-navigation ul .sub-menu ul,
.main-navigation ul .children ul  {
	border-left:0 none;
	left:100%;
	top:-1px;
}
.main-navigation .menu-toggle {
	width:100%;
	height:43px;
	line-height:43px;
	text-align:center;
	font-size:20px;
	cursor:pointer;
	color:#ffffff;
	padding:0 0;
	border:none;
	box-shadow:none;
	border-radius:0;
}
.nav-foot{
	width:100%;
	height:10px;
	background:#09F url(images/bar.png) center bottom repeat-x;
}

.lin2 {
	width:100%;
	height:10px;
	background: transparent;
}

.lin {
	width:99%;
	height:1px;
	margin: 3px 5px 3px 5px;
	background: #a349a4;
}

/*content border-width: 10px;
	border-color: transparent;*/
.site-content {
	width:100%;
	min-height:600px;
	padding:0 0 50px;
	background:#FFF;
}
.content-area {
	width:73%;
	float:left;
	padding:9px 15px 0;
        margin: 0 2% 0 0;
}
.content-area.full-size {
	width:100%;
}

.page-header {
	line-height:25px;
	padding:10px 0 20px;
}
.page-title{
	font-size:20px;
}
#nav-below {
	height:25px;
	line-height:15px;
}
#nav-below .nav-previous {
	float:left;
}
#nav-below .nav-next {
	float:right;
}
#page-nav-below {
	 padding:30px 15px 0;
}
#page-nav-below .nav-previous {
	float:left;
}
#page-nav-below .nav-next {
	float:right;
}
.page-links {
	height:30px;
	line-height:30px;
	font-size:12px;
}
.page-links a {
	margin:0 0 0 3px;
	text-decoration:underline;
}

.pagination {
	padding:40px 0 0;
	 font-size:14px;
}
.pagination .nav-links {
	width:100%;
	height:42px;
	line-height:40px;
	position:relative;
	text-align:center;
	background:#ffffff;
	border:1px solid #EBEDED;
	font-size:14px;
	font-weight:bold;
}
.pagination .nav-links .fa {
	color:#ffffff;
}
.pagination .nav-links a,
.pagination .nav-links span {
	padding:0 10px;
	display:inline-block;
	height:40px;
}
.pagination .nav-links a {
	color:#555555;
}
.pagination .nav-links a:hover {
	color:#06BCF9;
}
.pagination .prev {
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:16px;
	background:#cccccc;
}
.pagination .prev:hover {
	background:#999999;
}
.pagination .next {
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	font-size:16px;
	background:#cccccc;
}
.pagination .next:hover {
	background:#999999;
}
.pagination .current {
	color:#06BCF9;
}
.pagination .screen-reader-text,
.pagination .nav-links .screen-reader-text {
	display:none;
}

/*post*/
article.post,
article.page {
	margin:0 0 20px;
	padding:8px 0 0 0;
    border-bottom: 1px solid #dddddd;
}
.entry-title {
	width:100%;
	text-shadow:0 1px 0 #DBDBDB;
	line-height:24px;
	font: italic 26px "Times New Roman";
	font-weight:bold;
	color: #777777 !important;
}
.entry-content span.b-share{padding: 0!important;}
span.b-share-form-button{cursor:    pointer;}
.yandex-share {margin: 45px 0 15px 0; clear: both;}
.entry-title,
.entry-title a {
	color: #333;
}
.my-gl{
    overflow: hidden;
}
.entry-gall{
    float: left; margin: 0 3% 3% 0;    width: 29%;
}
.entry-gall img{
    display: block;
}
.ml-gl .yandex-share{
     display: none;   
}
.area-comment{color: #9a545c; font-family: "Comic Sans MS"; font-size: 22px; margin: 0 0 25px 0;}

.entry-title::before {
    
    font-family: "FontAwesome";
    margin-right: 10px;
}

.entry-meta {
	color: #bababa;
	width: 100%;
	padding: 10px 0 0;
	font-size: 12px;
	line-height: 14px;
}
.entry-meta >span {
	margin:0 12px 0 0;
}
.entry-meta span a {
	padding:0 4px 0 0;
	color:#bababa;
}
.entry-meta .comments-link {
	float:right;
	margin:0;
	text-align:right;
}
.entry-meta .comments-link a {
	padding:0;
}
.entry-content {
	width:100%;
}
.entry-title{margin: 0 0 23px 0;}
.entry-content a{
	color: #06BCF9;
}
.entry-content a:hover{
	text-decoration:underline;
}
.entry-content img {
	margin:0 0 5px;     border: 3px solid #f4f2ed;
}
.entry-content p:last-child{
	margin-bottom:0;
}
.entry-content input[type="submit"]{
	line-height:1px;
	padding:14px 20px;
}
.entry-footer {
	color: #bababa;
	width:100%;
	padding:20px 0 0;
	font-size:13px;
	line-height:14px;
}
.entry-footer >span {
	margin:0 12px 0 0;
}

.post-entry-media {
	font-size:0;
	line-height:0;
	margin:0 0 10px;
}

/*sidebar*/
.widget-area {
	width:25%;
	float:left;
	padding:9px 10px 0;
	font: 20px "Times New Roman";
}
.widget-area ul,
.widget-area ol{
	list-style:none;
	margin:0;
	font-size:16px;
	padding:0 0 0 0;
	color: #81454d;
}
.widget-area .widget {
	margin:0 0 25px;
}
.widget-area .widget-title {
	color: #400000 !important;
	min-height: 35px;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	background: #d7969c;
	padding: 10px 10px;
	letter-spacing: 5px;
        margin: 0 0 10px 0;
}
.textwidget{
    overflow: hidden;
}
a.my_info_a{float: right; margin: 7px 0 0 0; color:#BB47A8!important;}


.widget-area li {
	line-height:17px;
	padding:10px 0;
	border-bottom:1px solid #dddddd;
}
.widget-area table {
	 width:100%;
}
.widget-area select {
	max-width:100%;
}
.widget-area ul ul {
	 padding:0 0 0 10px;
}
.textwidget p{
	color:#000; font-size:13px; font-family:Arial,sans-serif;
}
.entry-content p{
	color:#000; font-size:0.95rem;
}
.widget a{
	color:#81454d;
}

/*comments*/
.comments-area{
	padding:20px 0 0;
}
.no-comments {
	line-height:30px;
}
.comments-title{
	display:none;
}
.comment-list {
	list-style:none;
	margin:0;
}
.comment,.pingback {
	padding:0 0 10px;
}
.comment-body {
	position:relative;
	margin-bottom:28px;
}
.comment-author {
	position:relative;
    float: left;
	width:38px;
	height:38px;
    border:1px solid #bdbdbd;
    background: #fff;
    padding: 2px;
    margin-right: 6px;
}
.comment-author img {
	width:100%;
	height:100%;
	
}
.comment-meta {
	line-height:16px;
	padding:0px 0 0 0;
	margin:0 0 0 30px;
	font-size:12px;
        overflow: hidden;
}
.com-date{display: block;}
.comment-meta span {
	margin:0 5px 0 0;
}
.comment-meta .fn {
    margin: 2px 0 4px 0;
    display: block;
	font-size:13px;
	font-weight:bold;
}
.comment-content {
	line-height:18px;
	font-size:12px;
	text-align:Justify;
	text-justify:inter-ideograph;
	padding:20px 0 20px 0;
	margin:0 0 0 6px;
}
.comment-content p:last-child{
	margin-bottom:0;
}
.reply {
	line-height:20px;
	font-size:14px;
    text-transform: lowercase;
    padding: 0 0 0 6px;
}
.reply a{
     color: #0000ff; text-decoration: underline;
}
.reply a:hover{
    text-decoration: none;
}
.comments-area .children {
	list-style:none;
	margin:0 0 0 18px;
    padding: 0;
}
#commentform{overflow: hidden;}
.comments-area .children .comment {
	padding:0;
}
.comments-area.children .comment-body {
	padding:0 0 10px;
}
#comment-form {
	margin:2rem 0;
}
#respond {
	padding:10px 0 0;
}
.comment-reply-title {
	font-size:20px;
	height:55px;
	line-height:60px;
    color: #9a545c;
    font-family:  "Comic Sans MS";
    overflow: hidden;
    display: block;
}
#reply-title a{
    font-size: 13px;
}
.comment-reply-title small {
	   display: block;
    float: right;
    line-height: 2;
    font-size: 11px;
    margin: 20px 8px 0 0;
}
.input-container {
	width: 215px;
	position: relative;
    font-size: 13px;
    color: #81454D;
        margin: 0 0 13px 0;
    line-height: 2;
}
.com-tit{display: block;padding: 0 0 0 2px;}
.input-container-comment {
	display:block;
	width:99%;
	position: relative;
	clear:both;
    margin: 0 0 13px 0;
}
.input-container-button {
	    width: 128px;
    margin: 20px 0 0 0;
    position: absolute;
    bottom: 27px;
}
#submit {
	display:none; 
}
.logged-in-as {
	height:30px;
	line-height:20px;
	font-size:13px;
	margin-bottom:0;
}
.site-main{position: relative;}
.subs{position: absolute; bottom: -13px;}
.subs label{
    color: #81454D; font-size: 14px;
}

p.form-submit{height: 51px;}
.comment #respond {
	margin:25px 0 0 40px;
	padding:10px 0 20px;
}
#commentform button {
    display: block; width: 100%; padding: 5px;
    border:2px solid #939375; font-family: Times New Roman; background: #d2d2c6; font-size: 17px; color: #000;
    font-weight: bold; letter-spacing: -0.5px;
}
#commentform label {
	color: #999;
	padding: 1rem;
	position: absolute;
	top: -13px;
	left: 0;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	pointer-events: none;
	font-size: 12px;
}
#commentform textarea {
  	min-height: 15em;
}
#commentform input,
#commentform textarea {
	padding: 5px;
	border: #CCC 1px solid;
	width: 100%;
	font-size: 13px;
}
#commentform input ~ span,
#commentform textarea ~ span {
	display: block;
	width: 0;
	height: 3px;
	background: #06bcf9;
	position: absolute;
	left: 0;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
}
#commentform input ~ span {
	bottom: 0;
}
#commentform textarea ~ span {
	top:0;
}
#commentform input:focus ~ span,
#commentform textarea:focus ~ span {
	width: 100%;
	-webkit-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
}
#commentform input:focus,
#commentform textarea:focus { outline: 0; }

#commentform input:focus ~ label,
#commentform textarea:focus ~ label
 {
	font-size: 0.75em;
	color: #06bcf9;
	top: -2.25rem;
	-webkit-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
}

/* Footer */
.site-footer {
	width:100%;
	padding:20px 0 25px;
}
.site-footer .site-info {
	font-size:13px;
	padding:0 15px;
	line-height:20px;
}
footer .widgets {
	background-color:#FFF;
	border:#FFF 10px solid;
	border-top: none;
	border-radius: 15px;
	box-shadow: 0 0 16px #85969f;
}
footer .footer-full {
	width:100%;
	overflow:hidden;
}
footer .footer-full .widget-title {
	margin:10px;
	text-align:center;
	font-size:2em;
}
footer .wrap {
	width:100%;
	display: -webkit-flex; /* Safari */
    display: flex;
}
footer .wrap > div {
	width:30%;
	margin:1%;
}
#back_top  {
	border-radius:3px;
	bottom:20px;
	cursor:pointer;
	height:36px;
	opacity:0.8;
	position:fixed;
	right:20px;
	text-align:center;
	width:36px;
	z-index:100;
	background:#444545;
	color:#ffffff;
}
#back_top i {
	line-height:36px;
	font-size:24px;
	color:#ffffff;
}
#back_top:hover {
	opacity:1;
}

/* wp-pagenavi */
.wp-pagenavi {
	padding:30px 0 10px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	 background:#ffffff;
	border: 1px solid #EBEDED;
	padding:5px 10px;
	margin:0 3px 0 0;
}
#main .wp-pagenavi .page {
	 padding:5px 10px;
	margin:0 3px 0 0;
}
.wp-pagenavi a:hover,
 .wp-pagenavi span.current {
	border: 1px solid #EBEDED;
}
.wp-pagenavi span.current {
	color:#06BCF9;
}
.com-block{overflow: hidden; background: #ffe6ee; border: 1px solid #e9e9e9; padding: 4px;}

/* =FEATURED SLIDER
----------------------------------------------- */
.site-slider{
	line-height:0;
	font-size:0;
}
#slider-text-box {
	color: #ffffff;
}
.slider-content {
	font-size: 14px;
}
#featured-slider {
	position: relative;
}
.slider-text-wrap {
	position: absolute;
	bottom: 15%;
	left: 5%;
	width:90%;
}
.slider-text-wrap span{
	display:block;
}
.slider-text-wrap span a{
	display:inline-block;
}
.wide .slider-text-wrap {
	left: 15%;
}
#slider-title {
	font-size: 18px;
	margin-bottom: 2px;
}
#slider-title a {
	color: #FFFFFF;
	padding: 10px;
	line-height: 1;
	background: #06BCF9;
}
#slider-content {
	background: none repeat scroll 0 0 rgb(255, 255, 255);
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	padding: 10px;
	display: inline-block;
	max-width: 40%;
	color: #777777;
	line-height:1;
	font-size:14px;
}
.slider-wrap {
	position: relative;
}
.slider-wrap .displayblock {
    display: block;
}
.slider-wrap .displaynone {
    display: none;
}
/* =SLIDER CONTROLLERS
----------------------------------------------- */
#controllers {
    bottom: 15px;
    line-height: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
#controllers a {
	background-color: #666;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 0 4px;
	overflow: hidden;
	border:#999 1px solid;
	border-radius: 6px;
}
#controllers a:hover, #controllers a.active {
	color: #06BCF9;
	background-color: #06BCF9;
	box-shadow: 0px 0px 5px 2px #FFF;
}
/* =HOME PAGE
----------------------------------------------- */
/* Home Page Post-box */
.post-box {overflow: hidden; border-bottom: 1px solid #dddddd;
}
.post-box .clear {
	height:20px;
}
.post-box-media {
	float:left;
	width:25%;
	margin-right:3%;
}
.post-box-wrap {
	float:left;
	width:100%;
}
.post-box.has-post-thumbnail .post-box-wrap {
	width:70%;
}
.post-box-title {
    margin: 0 0 10px 0; padding: 0 0 0 4px;
}
.post-box-title .entry-title {
	line-height:1.3em;
}
.post-box-meta {
	margin:0 0 5px 0;
}
.post-box-meta a{
    text-transform: lowercase;
}
.post-box-meta span {
	margin-right:20px;
}
.post-box-media img{
    display: block; border:3px solid #f4f2ed;
}
.wp-cat, .posted-on, .comments-link{color: #9a545c;}
span.wp-cat{
    margin-right:4px;
}
.span-block a, .posted-on a, .comments-link a{color: #BB47A8; font-weight: 600;}
.post-box-new{overflow: hidden;}
a.post_readmore{color:#BB47A8;     margin: 0 0 0 4px;}

/* For service & projects section */
.hc_home_border {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 auto 50px;
    width: 97.4%;
	clear:both;
}

/* Turn effect*/
.turn {
    opacity: 1;
    transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s;
}
.turn:hover {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
	opacity: 1;
}

/* responsive css------------------------------------------------------------ */

@media only screen and (max-width: 479px) {
	.widget-area .widget {
		width:100%;
		float:none;
		padding:0;
	}
	.header-search {
		float:none;
		height: auto;
		text-align:center;
		width: 99%;
	}
	
	.site-footer {
		height:auto;
	}
	.site-footer .div1 {
		width:96%;
		padding:0 2% 10px;
	}
	.site-footer .div1 span {
		display:block;
		margin:0;
	}
	.site-footer .div2 {
		width:96%;
		padding:0 2%;
	}
	.site-footer .div2 span {
		display:block;
		margin:0;
	}
}
/* footer------------------------------------------------------------ */
.myfooter {
	font: 16px "This New Roman";
	height: 100%;
	width: 100%;
	background: url(images/foot_img.jpg)!important; overflow: hidden;
	padding: 15px 0;
}

.myfooter ul{
	padding: 0 0 0 20px; overflow: hidden;
}


.myfooter a:hover {
	color: #301f27;
}
.myul{display: block; width: 100%; overflow: hidden;}
.myul li {
	text-decoration: underline;
	list-style: none;
	padding:0 10px;
	float: left;
}
.myul a{
	color:#5b3c4a;
}
li.metr{
    float: right; padding: 0;
}

.mes {
	padding:0 0 0 50px;
}
.entry-date{
    font-size: 14px; color: #BB47A8;
}
.posted-on{
    font-family: Arial, Verdana, sans-serif; font-size: 14px;
}
span.span-block a{
     color: #BB47A8; text-transform: lowercase;  font-weight: bold; font-size: 14px;
}
span.wp-cat{
    font-size: 14px;
}
.entry-title a{
    color:#777777!important;
}
.mytable{
    overflow: hidden;
}
span.comments-link{
    font-size: 14px; 
}
span.comments-link a{
     color: #BB47A8;   
}
.main_page_prev {
	margin-bottom: 10px;
}
.index-bl{
    float: left;     width: 29.4555%; margin: 0 1% 20px 0;
}
.index-bl img{
    display: block; margin: 0; padding: 0;
}
.index-bl:nth-child(1){
       margin: 0 20px 20px 3%;
}
.index-bl:nth-child(4){
           margin: 0 20px 0 3%;
}
.index-bl:nth-child(7){
        margin: 0 20px 20px 3%;
}
.index-bl:nth-child(10){
        margin: 0 20px 20px 3%;
}
.index-bl:nth-child(3){
    margin: 0 0 20px 0;
}
.index-bl:nth-child(6){
    margin: 0 0 0 0;
}
.index-bl:nth-child(9){
    margin: 0 0 20px 0;
}
.index-bl:nth-child(12){
    margin: 0 0 20px 0;
}
.index-bl:nth-child(2){
        margin: 0 20px 20px 0;
}
.index-bl:nth-child(5){
        margin: 0 20px 0 0;
}
.index-bl:nth-child(8){
        margin: 0 20px 20px 0;
}
.index-bl:nth-child(11){
        margin: 0 20px 20px 0;
}
.gal-in{
	background:url(images/bg-gl.jpg); overflow:hidden; padding-top:18px;
}

.mytable {
	position: relative;
	width: 100%;
	padding: 20px 10px 20px 10px;

}

.stroka div{
	position: relative;
	width: 33.33%;
	float: left;
	margin: 0;
	padding: 0;
}


.stroka img{
	position: relative;
	display: block;
	margin: 10px auto;

}

.tit {
	position: relative;
	width: 100%;
	color: #400000 !important;
	height: 36px;
	font: bold 14px "Segoe Script";
	background: #d7969c;
	    padding: 4px 10px;
	letter-spacing: 10px;
	overflow: hidden;
}

.tit2 {
	position: relative;
	width: 100%;
	color: #400000 !important;
	overflow: hidden;
	font: bold 14px "Segoe Script";
	background: #d7969c;
	margin: 0px 0 10px 0;
	padding: 3px 5px;
	letter-spacing: 10px;
}
.header-logo-image, .tit h3, .tit2 h3{text-align: center;}
.footer-a{
    color: #444545; text-decoration:underline;
}

@media only screen and (max-width: 799px) {
	.site-branding {
		min-height:195px;
	}
	.header-logo-image{
		text-align:center;
	}
	.site-title {
		width:100%;
		float:none;
		text-align:center;
		padding:40px 0 20px;
	}
	.header-description{
		text-align:center;
		float:none;
	}
	.main-navigation {
		height:auto;
		background-image:none;
		background-color:#f86906;
		padding-bottom:0;
	}
	.main-navigation .menu-toggle {
		display:block;
	}
	.main-navigation .menu {
		background:#4d4d4d;
	}
	.main-navigation li {
		width:100%;
		height:auto;
		display:block;
		position:inherit;
		border-top:1px solid #cccccc;
		background-color:#4d4d4d;
	}
	.main-navigation .current_page_item {
		background-image:none;
	}
	.mr li:first-child {
		background-image:none;
	}
	.main-navigation li a {
		text-align:center;
	}
	.main-navigation li a:hover {
		background-image:none;
		background:#06BCF9;
	}
	.main-navigation .sub-menu,
	.main-navigation .children {
		border:none;
		position:inherit;
		height:auto;
		width:100%;
		overflow:inherit;
		background-color:#4d4d4d;
	}
	.main-navigation ul ul a {
		padding:5px 0;
		width:100%;
		background:none;
	}
	.main-navigation .menu {
		display:none;
	}
	
	.content-area {
		width:100%;
		float:none;
		margin:0;
	}
	.widget-area {
		width:100%;
		float:none;
		margin:0;
	}
	.widget-area .widget {
		width: 100%;
    float: none;
    padding: 0 0 0 0;
	}
    .textwidget img{
        margin: 0 0 10px 0;
    }
    .wp-pagenavi {
    padding: 30px 0 40px;
}
    .mes {
        padding:0; text-align: center; margin: 0 0 10px 0;
    }
}


@media only screen and (max-width:312px){
    .posted-on{
        display: block; width: 100%; margin: 0 0 5px 0;
    }
    
}
@media only screen and (max-width:799px){
    a#scroll-to-top{display: none!important;}
    
}
@media only screen and (min-width:481px) and (max-width:768px){
    .phone {
    margin: -48px 30px 0 0;
    float: right;
    font: bold 18px "Comic Sans MS" !important;
    color: #880015;
}
    
}

@media only screen and (max-width:480px){
    .site-branding{width: 100%;}   
    .phone {
    margin: 8px 30px 8px 0;
    float: right;
    font: bold 14px "Comic Sans MS" !important;
    color: #880015;
}
    .entry-gall {
        float: left;
    margin: 0 2% 2% 0;
    width: 48%;
}
    .obr{
        width: 100%; overflow: hidden;
        
    }
    .obr input{
        width: 100%; outline: none;
    }
    
}
@media only screen and (max-width:360px){ 
    .entry-post_thumb {
        float: none;
        margin: 0 20px 0 0;
        width: 100%;
        displaY: block;
    }
    .comment-list{
        padding: 0;
    }
    .post-box-title .entry-title {
    margin: 0 0 15px 0;
}
    .post-box-media img {
    display: block;
    margin: 0 auto;
}
    .post-box-media {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
}
    .post-box.has-post-thumbnail .post-box-wrap {
    width: 100%;
    float: none;
}
    span.posted-on{
        margin: 0;
    display: block;
    width: 100%;
    float: none;
    }
    span.span-block{
        display: block;
        width: 100%;
        margin: 0;
    }
    .wp-pagenavi {
    padding: 30px 0 40px;
}
    .textwidget img{
        display: block; margin: 0 auto 10px auto;
    }
    .myfooter ul {
    padding: 13px 0 0 0;
    overflow: hidden;
    margin: 5px 0 10px 0;
}
}
.yand {
	background:#ffaec9; padding: 8px 6px; overflow:hidden; position:relative;
}
.yand input{outline:none;}
.yand input[type="search"]{
	width:130px; float:left; border:1px solid #7f9db9; margin:0 10px 0 0 ;
	}
.yand input[type="submit"]{
	width: 57px;
    float: left;
    text-align: center;
    padding: 8px 0;
    margin: 0;
    color: #000;
    font-size: 13px;
    background: #e1e1e1;
    border: 1px solid #adadad;}
.fone{
	position:absolute; right:0; top:0; background:url(images/ar-bl2.jpg) no-repeat; width:10px; height:47px;
}

@media only screen and (min-width:500px) and (max-width:799px){
.yand input[type="search"]{
		width:80%;
	}
	.yand input[type="submit"]{
		width:15%;
	}	
}

@media only screen and (min-width:1px) and (max-width:499px){
.yand input[type="search"]{
		width:73%; margin:0 3% 0 0;
	}
	.yand input[type="submit"]{
		width:15%;
	}	
}

@media only screen and (min-width:1px) and (max-width:359px){
.yand input[type="search"]{
		width:65%; margin:0 3% 0 0;
	}
	.yand input[type="submit"]{
		width:23%;
	}	
}