/*
 *  Theme Name: Simple Puzzle
 * Description: Responsive WordPress theme for blogs and magazines. Custom color theme, page layouts and some other options.
 *   Theme URI: http://wp-puzzle.com/simple-puzzle/
 *     Version: 2.3.4
 *      Author: WP Puzzle
 *  Author URI: http://wp-puzzle.com/
 *     License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *        Tags: light, tree-columns, two-columns, one-column, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready
 * Text Domain: simplepuzzle
 */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize 
 * ============================================================================ */ 
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,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}h1{font-size:2em;margin:0.67em 0}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;max-width:100%;}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* ============================================================================ */ 

/* grid 
 * ============================================================================ */ 
.grid{width:90%;margin-left:auto;margin-right:auto}.grid [class*=col]{width:100%;margin-left:0}
@media screen and (min-width:1024px) {.grid{width:100%}.grid [class*=col]{float:left}.grid:after,.grid:before,.grid .newrow:before{display:table;line-height:0;content:""}.grid:after,.grid .newrow,.grid .newrow:before{clear:both}.grid [class*=col]{margin-left:1.694915254%;margin-right:0}.grid .newrow,.grid [class*=col]:first-of-type{margin-left:0}
.grid .col1{width:6.779661017%}.grid .col2{width:15.25423729%}.grid .col3{width:23.72881356%}.grid .col4{width:32.20338983%}.grid .col5{width:40.6779661%}.grid .col6{width:49.15254237%}.grid .col7{width:57.62711864%}.grid .col8{width:66.10169492%}.grid .col9{width:74.57627119%}.grid .col10{width:83.05084746%}.grid .col11{width:91.52542373%}.grid .col12{width:100%}}
.clearfix:before,.clearfix:after,.clear:before,.clear:after{display:table;line-height:0;content:""}.clearfix:after,.clear:before,.clear:after{clear:both}
.on-mobile{display:block}.on-desktop{display:none}
@media screen and (min-width:1024px){.on-mobile{display:none}.on-desktop{display:block}}
/* ============================================================================ */

/* layout
* ============================================================================ */ 
html { height: 100%; }
body { background-color: #f6f6f6; min-width: 280px; padding: 0; margin: 0; word-wrap: break-word; }

.bodywrap { position: relative; }

#header { padding: 30px 0; position: relative; }
#main { padding: 0 0; margin: 0; }
#content { padding: 20px 0 0; }
#sidebar { display: none; padding: 40px 0 0;}
#sidebar.on-mobile { display: block; margin-bottom: 40px; }
#secondbar { display: none; }
#secondbar.on-mobile { display: block; }
#footer { margin: 0; padding: 40px 0; }

.inner { margin: 0 auto; max-width: 1160px }
.pagewrapper {padding:0 5%;background:#fff; }


/* adaptive layout */
@media screen and (min-width:768px) {
	#content { padding: 40px 0; }
}	
@media screen and (min-width:1024px) {
	#header { padding-bottom: 30px; /*70px;*/ position: static; }
	.pagewrapper { /*margin-top:-40px;*/ padding:0;position: relative; }
	.layout-leftbar .pagewrapper:after, .layout-rightbar .pagewrapper:after,
	.layout-both .pagewrapper:before, .layout-both .pagewrapper:after { 
		content: ''; height: 100%; width: 1px; display: block; position: absolute; top: 0;
		background-color: #E0E0E0; border: 40px solid #fff; border-width: 40px 0; box-sizing: border-box; 
	}
	.layout-both .pagewrapper:before { left: 23.27586206896552%; } 
	.layout-both .pagewrapper:after { right: 23.27586206896552%; } 
	.layout-leftbar .pagewrapper:after { right: 68.96551724137931%; }
	.layout-rightbar .pagewrapper:after { left: 68.96551724137931%;  }	

	#content { width: 62.06896551724138%; float: left; padding: 40px 0 40px 3.44827586206897%; }
	#sidebar { width: 24.13793103448276%; float: right; display: block; padding: 40px 3.44827586206897% 0 0;}
	
	.layout-leftbar #sidebar { padding: 40px 0 40px 3.44827586206897%; }
	.layout-leftbar #content { padding: 40px 3.44827586206897% 0 0;}

	.layout-leftbar #sidebar { float: left; }
	.layout-leftbar #content { float: right; }
	.layout-full #sidebar { display: none; }
	.layout-full #content { float: none; width: auto; padding-right: 40px; }
	.layout-center #sidebar { display: none; }
	.layout-center #content { float: none; width: 62.17616580310881%; margin-left: auto; margin-right: auto; }

	.layout-both #content { float: left; width: 48.27586206896552%;/*51.72413793103448%; */}
	.layout-both #sidebar, .layout-both #secondbar { display: block; width: 17.24137931034483%;}
	.layout-both #sidebar { float: right; }
	.layout-both #secondbar { float: left; padding: 40px 20px 0 40px;}
}	
@media screen and (min-width:1180px) {
	.pagewrapper {  }
	.corner-rounded { border-radius: 10px; }
	.border-line { box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12), inset -1px -1px 0 rgba(0, 0, 0, 0.12); }
}
/* ============================================================================ */ 



/* HTML Tags
 * ============================================================================ */ 
body {
	font: normal 18px/1.27em 'PT Sans', Tahoma, Verdana, Segoe, sans-serif;
	color: #474747;
	word-wrap: break-word;
}
a {	color: #006699; text-decoration: none; position: relative; transition: color 0.2s; }
a:hover { color: #00b9eb; }

p { padding: 0 0 1em 0; margin: 0; }
p:last-child { padding-bottom: 0; }

h1, h2, h3, h4, h5, h6 { 
	color: #474747;
	margin: 1em 0 0;
	padding: 0 0 0.5em;
	line-height: 110%;
	font-family: 'PT Sans', TimesNewRoman, Tahoma, Verdana, Segoe, sans-serif;
	font-weight: bold;
}

h1 { font-size: 28px; color: #5a5a5a; border-bottom: 4px double #e0e0e0; padding-bottom: 10px; margin: 0 0 10px; }
h2 { font-size: 28px; color: #006699; }
h3 { font-size: 22px; color: #474747; }
h4 { font-size: 20px; color: #2d2d2d; }
h5, h6 { font-style: italic; font-size: 18px; color: #474747; }

input, textarea, a { outline: none; }

ul { padding-left: 25px; }
ol { padding-left: 40px; counter-reset: section; }
ul,ol{margin: 0.7em 0 1em;}
li { list-style-type: none; margin: 7px 0 8px; position: relative; }
ol ol, ul ol {counter-reset:section;}
.entry ul ol, .entry .widget ul {list-style:none;}
.entry ul {list-style-image: url('svg/list-style-image.svg');}
ol > li:before {
	counter-increment: section; content: counter(section) "";
	display: block; float: left; padding: 3px 10px; margin: -1px 0 0 -40px;
	background-color: #005782; border-radius: 5px;
	color: #fff; font-weight: bold; text-align: center; font-size: 14px;
}
#toc_container ul li:before,#toc_container ul li:after,
.woocommerce-cart .entry li:before, .woocommerce-cart .entry li:after,
.no_bullets ul li:before,.no_bullets ul li:after,.no_bullets ul li a:after {
	display: none;
}
.woocommerce-checkout #content li:before, .woocommerce-checkout #content li:after{padding: 0;margin: 0;height: 0;width: 0;}

blockquote { background-color: #8cbad1; font-style: italic; width: 83%; margin-left: -5%; padding: 20px 5% 20px 22%; position: relative; text-align: right; color: #003752; }
blockquote:before { content: ''; position: absolute; display: block; top: 20px; left: 20px; width: 32px; height: 32px; background: url(svg/sprite.svg) 50% 50% no-repeat; background-size: auto 96px; }

td {border: 1px solid #bbb;padding: 7px;}
table {margin: 0 0 1em 0;}
th {padding: 7px;background: #bdbdbd;border-right: 1px solid #fff;color: #fff;}

.responsive-table table {margin: 0;}
.responsive-table {max-width: 100%;overflow-x: scroll;}

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin-bottom: 1em;  }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;  }


input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], 
input[type=date], input[type=datetime], input[type=datetime-local], input[type=time],
input[type=month], input[type=week], input[type=number], input[type=search],
select, textarea {
	padding: 10px;
	border: 1px solid #ccc; 
	font-size: 16px; 
	line-height: 20px; 
   	border-radius: 3px; 
   	transition: border-color 0.3s;
}
textarea { padding: 5px 10px; }
input[type=file] { border-radius: 3px; border: 0; margin: 10px 0; font-size: 16px; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus,  input[type=tel]:focus, input[type=number]:focus,
input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, 
input[type=time]:focus, input[type=month]:focus, input[type=week]:focus,
input[type=search]:focus, textarea:focus {
	border-color: #069;
}

input::-webkit-input-placeholder { font-style: italic }
input::-moz-input-placeholder { font-style: italic }
input::-ms-input-placeholder { font-style: italic }
textarea::-webkit-input-placeholder { font-style: italic }
textarea::-moz-input-placeholder { font-style: italic }
textarea::-ms-input-placeholder { font-style: italic }


input[type=button], input[type=submit],
button, .button {
	border: 0;
	padding: 10px 20px;
	color: #fff;
	line-height: 20px;
	background-color: #069;
	transition: background 0.3s;
   	border-radius: 3px; 
}
input[type=button]:hover, input[type=submit]:hover,
button:hover, .button:hover {
	background-color: #0089ce;
}

#commentlist input[type=text], 
#commentlist input[type=email], 
#commentlist textarea {
	padding: 10px 10px 10px 40px;
	box-sizing: border-box; 
	width: 100%; 
}

.svgicon {
	display: block;
	height: 24px;
	width: 24px;
}

/* ============================================================================ */ 




/* ============================================================================
 * TOP INFOBAR
 * ============================================================================ */ 

.infobar, .mobbar { background: #006699; }
.infobar { position: relative; box-shadow: inset 0 -1px 5px rgba(0, 0, 0, .3); }
.top-social, .top-message { display: none; }


/* ___ mobile menu buttons ____ */
.mobbar { /*background: rgba(0, 0, 0, 0.12);*/ padding-right: 50px;/*position: absolute;top: 0;left: 0;*/}
.mm-button { float: left; width: 50%; height: 50px; padding: 15px 0; font-weight: bold; color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 20px; text-transform: uppercase; text-align: center; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.mm-button:hover { color: rgba(255, 255, 255, 0.84); }
.mm-button.opened { color: #fff; background: #006699; }
.mm-button.w100 {width: 100%}
.mobile-search { position: absolute; top: 0; right: 0; width: 50px; border: 0; padding: 0; }
.withoutinfobar .mobile-search { display: none; }
.top-message { color: rgba(255, 255, 255, 0.84); font-size: 14px; font-weight: normal; line-height: 16px; padding: 5px 10px; }


/* ____ mobile menu ____ */
.mobmenu { display: none; position: absolute; background: #069; padding: 0; margin: 0; top: 50px; left: 0; width: 100%; z-index: 100; max-width: 300px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) }
.mobmenu li:before,.mobmenu li:after { display: none }
.mobmenu li { padding: 0; margin: 0 }
.mobmenu li a, .mobmenu li span { padding: 17px 20px; margin: 0; color: #fff; font-size: 15px; line-height: 16px; display: block; border-top: 1px solid rgba(255, 255, 255, 0.2) }
.mobmenu .sub-menu, .mobmenu .children { padding: 0; margin: 0 }
.mobmenu .sub-menu li a, .mobmenu .children li a,
.mobmenu .sub-menu li span, .mobmenu .children li span { padding-left: 50px }

@media screen and (min-width: 400px) {
	#right_mobile { right: 50px; left: auto; }
}
@media screen and (min-width: 600px){
	#right_mobile { right: auto; left: 50%;margin-left: -25px;}
}



/* ============================================================================
 * HEADER
 * ============================================================================ */ 

#header { background-position: top center; background-repeat: no-repeat; }
.logo {text-align:center;font-size:50px;letter-spacing:-0.03em;font-weight:bold;line-height:50px;padding:0;color:#069;display:block;}
img#logo {max-height: 100px; width: auto;}
h1.logo{border:0;padding:0;margin:0}
.sitedescription {font-style: italic;font-size:14px;text-align: center}
.header-img {margin-top:0;margin-right:0;display:block}

#header .align-center, #header .align-center .logo, #header .align-center .sitedescription { text-align: center; }
#header .align-left, #header .align-left .logo, #header .align-left .sitedescription { text-align: left; }
#header .align-right, #header .align-right .logo, #header .align-right .sitedescription { text-align: right; }

#header .align-center .header-img { margin-left: auto; margin-right: auto; }
#header .align-left .header-img { margin-right: auto; }
#header .align-right .header-img { margin-left: auto; }

/* ___ search topbar ___ */
#topsearch { right: 0; left: auto; }
#topsearch input.s { background-color: transparent; }
.soc-item, .search-button, .search-underform { display: block; height: 22px; width: 22px; padding: 14px; }
.soc-item, .search-button, .search-underform { fill: #fff; fill-opacity: 0.5; transition: all 0.3s; }
.soc-item:hover, .search-button:hover, .search-button-box:hover .search-underform { fill-opacity: 0.84; }
.search-underform, input[type="submit"].search_submit { position: absolute; right: 0; top: 0; border: 0; padding: 0; margin: 0; width: 50px; height: 50px;}
.search-underform { height: 20px; width: 20px; padding: 15px;  }
input[type="submit"].search_submit, input[type="submit"].search_submit:hover { background-color: transparent; }
input.s {width:100%;box-sizing:border-box;height:50px;border:none;box-shadow:none;background-color:#005c89;color:#fff;font-size:16px;padding:0 40px 0 20px; }
input.s::-webkit-input-placeholder {font-style:italic;color:rgba(255,255,255,0.8);}
input.s::-moz-input-placeholder {font-style:italic;color:rgba(255,255,255,0.8);}
input.s::-ms-input-placeholder {font-style:italic;color:rgba(255,255,255,0.8);}

.main-menu {display: none;}

@media screen and (max-width:600px){
	.logo {font-size:2.5em !important;}
}


/* ======================================================================== */



/* ========================================================================
 *            CONTENT
 * ======================================================================== */

/* ____ review post ____ */
.review { padding-bottom: 30px; border-bottom: 4px double #e0e0e0; margin-bottom: 30px; }
.review_title {color:#595959;font-size: 36px; line-height: 36px;/*font-size:24px;line-height:24px;*/margin-top: 0;}
.review_title a {transition: all 0.3s;}
.review_title a:hover {opacity: 0.8; }
.review img.thumbnail { display: none; }
.review .anons-thumbnail.on-mobile, .review .anons-thumbnail.on-mobile img { display: block; }
.review .entry-meta { display: none; }
.review .entry { color: #737373; font-size: 16px; line-height: 18px; padding-bottom: 20px; }
.more-link { color: #fff; padding: 10px 20px 10px 20px; background-color: #006699; border-radius: 5px; position: relative; display: inline-block; overflow: hidden; margin: 20px 0 0; transition: ease 0.3s; }
.more-link:hover { color: #fff; background-color: #0089ce; padding: 10px 52px 10px 20px; }
.more-link:before { content: ""; position: absolute; height: 20px; width: 20px; background: url(svg/readmore.svg) 0 0 no-repeat; -webkit-background-size: 20px; background-size: 20px; left: 130%; top: 50%; margin-top: -9px; opacity: 0.6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.more-link:hover:before { left: 80%; }

.inform {margin-bottom:60px;}
.inform p { font-style: italic}

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

/* ____ entry ____ */
.entry a:hover { color: #069; }
.entry a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #006699; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }
.entry a:hover::after { height: 1px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
.review.sticky { border: 4px double #e0e0e0; padding: 30px; margin-bottom: 60px; }

.toc_list li:before, .toc_list li:after {display: none;}

/* ___ meta info ___ */
.entry-meta { color: #a5a5a5; font-size: 13px; padding: 0; margin: 0 0 30px; }
.entry-meta a { color: #a5a5a5; }
.entry-meta a:hover { color: #00b9eb; }
.entry-meta span { padding: 0 10px 0 20px; position: relative; }
.entry-meta span::before { 
	content: ''; position: absolute; 
	top: 1px; left: 0; 	width: 14px; height: 14px;  
	background: url(svg/sprite.svg) no-repeat 25% 0; background-size: auto 42px; 
	transition: opacity 0.3s; 
}
.entry-meta span:hover::before { opacity: 0.6; }
.entry-meta .date::before { background-position: 50% 0; }
.entry-meta .comments::before, .view-box .comment::before, li.recentcomments::before { background-position: 100% 0; }


/* __ search results ___ */
.serp h2 { font-size: 20px; margin: 0; line-height: 20px; }
.serp { padding-bottom: 10px; }


/* ___ images ___ */
.entry iframe { max-width: 100%; }
.entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; }
.alignleft img {display: block;margin: 0 auto 0 0;}
.alignright img {display: block;margin: 0 0 0 auto;}
img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; }
img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; }
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
.attachment, .caption, .gallery-caption { text-align: center; }
.attachment .navigation { height: 150px; }
.wp-caption, .attachment img { text-align: center; max-width: 100%; }
.wp-caption img { margin-top: 0; margin-bottom: 0;}
.wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; }
.entry .wp-smiley { margin: 0; padding: 0; border: 0; }

img { max-width: 100%; height: auto;}
.entry img {max-width: 100%;height: auto;}
img.aligncenter {display: block;margin: 0px auto;}
.thumbnail { margin: 0 auto; display: block; }



/* ____ social share  ____ */
.stats { border-top: 4px double #e0e0e0; margin: 30px 0px; }
.social-share { margin: 0; text-transform: uppercase; font-weight: bold; border-bottom: 4px double #e0e0e0; padding: 20px 0 15px; }
.social-share br {display: none !important;}
.social-share .like { color: #006699; }
.social-share .social_item { height: 30px; width: 30px; border-radius: 3px; display: inline-block; margin: 0 5px 0 0; padding: 0; position: relative; top: 0; transition: top 0.3s; }
.social-share .social_item .soc-item { fill: #fff; fill-opacity: 1; padding: 5px; }
.social-share .social_item:hover { top: 2px; }
.social-share .tw { background-color: #58c3f8; }
.social-share .fb { background-color: #324596; }
.social-share .vk { background-color: #16648b; }
.social-share .go { background-color: #c63700; }
.social-share .od { background-color: #ef8505; }
.entry .social-items ul, .entry .social-items li {padding-left: 0;}
.entry .social-items li:before, .entry .social-items li:after,
.social-items a:hover:before, .social-items a:hover:after {display: none;}

/*.share-normal{margin-top:80px}*/
/*.share-btn.hide{display:none}*/
.share-bottom,.share-left,.share-right{position:fixed;top:200px;z-index:1000;box-shadow:-1px 1px 3px rgba(0,0,0,.5);background:rgba(255,255,255,.74)}
.share-left{left:0;padding:10px 6px 0 9px;}
.share-right{right:0;text-align:right;padding:10px 7px 0 10px;}
.share-left,.share-right{width: 30px; border: 0;}
.share-left .social-share,.share-right .social-share,.share-bottom .social-share{padding:0 0 3px;border:0;}
.share-left .like,.share-right .like,.share-bottom .like,
.share-left .view-box,.share-right .view-box,.share-bottom .view-box{ display: none;}
.share-bottom{bottom:0;padding:10px 7px 0 10px;top:auto;width:100%;left:0;text-align:center;margin:0;border:0;}
.share-left a,.share-right a{display:block}
.share-right a:after{left:auto;right:0}
.share-right a{padding-left:0;padding-right:30px}
.share-bottom .like{margin:0 20px 0 0;padding:0;position:relative;top:-19px;border:0}
.share-bottom .like,.share-left .like,.share-right .like{display:none}
@media screen and (min-width:1024px){.share-bottom .share-title{display:inline-block}
    .share-right a{padding-right:40px}
}

.pagination { margin-bottom: 40px;}


/* ____ total views ____ */
.view-box { padding: 0; margin: 0; font-size: 15px;/*float: right;*/ }
.view-box .view { margin: 10px 0 0; line-height: 14px; color: #555555; padding: 8px 5px 8px 55px; width: 50px; background-color: #e0e0e0; position: relative !important; border-radius: 3px; display: block; }
.view-box a:hover { color: #006699; }
.view-box .view::before, .view-box .view::after { content: ''; position: absolute; }
.view-box .view::after, .view-box .view:hover::after { opacity: 1; transform: none; transition: none; height: 100%; }
.view-box .view::before { left: 14px; top: 7px; height: 16px; width: 16px; background: url(svg/sprite.svg) no-repeat; background-size: auto 48px; }
.view-box .see::before { background-position: 75% 0; }
.view-box .comment::before { background-position: 100% 50%; }
.view-box .view::after { top: 0; left: 40px; height: 100%; width: 1px; background: #fff; }
.view-box.hide , .view-box .hide { display: none; }

/* ___ pagination ____ */
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{padding: 0;margin: 0;bottom: 0;float: none;border: 0;}
.woocommerce nav.woocommerce-pagination ul {display: block;border: 0;text-align: center;}

.woocommerce .woocommerce-pagination a.page-numbers, .woocommerce-page .woocommerce-pagination span.page-numbers{line-height:26px;}
.woocommerce .woocommerce-pagination a.page-numbers, .woocommerce-page .woocommerce-pagination span.page-numbers,
.pagination .page-numbers { border: 1px solid #e0e0e0; color: #5a5a5a; font-size: 16px; padding: 5px 12px 7px; border-radius: 5px; transition: background-color 0.3s, border 0.3s; }

.woocommerce .woocommerce-pagination a.page-numbers:hover, .woocommerce-page .woocommerce-pagination a.page-numbers:hover,
.woocommerce .woocommerce-pagination .page-numbers.current, .woocommerce-page .woocommerce-pagination .page-numbers.current,
.pagination .page-numbers:hover, .pagination .page-numbers.current { background: #069; border-color: #069; color: #fff; }


/* ___ prev next posts  ___ */
.post-nav-links .view { background-color: #e0e0e0; color: #494949; box-sizing: border-box; width: 100%; margin: 20px 0; position: relative; }
.post-nav-links .view:hover { background-color: #006699;  }
.post-nav-links a { color: #494949; display: block; font-size: 18px; font-weight: bold; line-height: 18px; transition: color 0.3s; }
.post-nav-links .view:hover a { color: #fff; }
.post-nav-links .prev { transition: background 0.3s; }
.post-nav-links .next { transition: background 0.3s; }
.post-nav-links .prev a { padding: 20px 5% 20px 15%; text-align: right; }
.post-nav-links .next a { padding: 20px 15% 20px 5%; text-align: left; }
.post-nav-links .view:after { content: ''; position: absolute; height: 30px; width: 30px; top: 50%; margin-top: -15px; background: url(svg/sprite.svg) 0 50% no-repeat; background-size: auto 90px; border: none; }
.post-nav-links .prev:after { left: 10px; }
.post-nav-links .next:after { right: 10px; transform: rotate(180deg); }
.post-nav-links .view:hover:after { background-position: 25% 50%; }
.post-nav-links .next:hover:after { transform: rotate(180deg); }

/* ___ tocplus ___ */
#toc_container {width: 100%;box-sizing: border-box;border: 4px double #eaeaea;padding: 10px 30px 20px;background: #fcfcfc;}
#toc_container p.toc_title {text-transform: uppercase;border-bottom: 4px double #eaeaea;padding: 0 0 10px;}
#toc_container a {  transition: all 0.3s;}


/* __________ galleries __________*/
.gallery { border: 2px solid #eee;padding: 15px 20px;margin: 20px 0 30px; }
.gallery:after { content: '';display: table;clear: both;}
.gallery-item img { display: block;margin: 0 auto; }

.gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; }

.gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; }
.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; }

.gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; }

.gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; }
.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; }

.gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%;float: left; }
.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; }

.gallery-columns-6 .gallery-item { width: 14.66666666666667%;padding: 10px 1%; float: left; }
.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; }

.gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; }
.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; }

.gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; }
.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; }

.gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; }
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }


/* ___ comments ____ */
#comments { margin-top: 60px; }
.comment-list {padding: 0;margin: 0;}
.comment-list li:before, .comment-list li:after { display: none; }
.comment-body {margin: 0 0 20px 0;padding: 0;}
.comment-author .fn { text-transform: uppercase; color: #2f2f2f; font-size: 15px; font-weight: bold; display: inline; }
.comment-author .avatar { display: none; }
.comment-author {float: left; margin-right: 20px;}
.comment-metadata { display: inline; font-style: italic; font-size: 14px}
.comment-metadata a { color: #898989; }
.comment-metadata .edit-link { margin-left: 10px; }
.comment-content { margin: 10px 0 0; padding: 0px; color: #707070; font-size: 16px; line-height: 18px; }
.comment a:hover { color: #006699; }
.comment .reply {text-align: right;}
.comment-reply-link { font-weight: bold; color: #727272; text-transform: uppercase; font-size: 13px; }
.bypostauthor .comment-author .fn, .bypostauthor .comment-author a {color: #00b9eb;}
.pingback .comment-body { margin: 0; background: #eee; padding: 20px; border-radius: 3px; }
#comments .children { margin: 0; padding: 0; }


/* ___ respond ____*/
#respond {margin: 80px 0 0;}
.widget-title, #reply-title { text-transform: uppercase; color: #5a5a5a; font-weight: bold; border-bottom: 4px double #e0e0e0; padding: 0 0 3px; margin: 0 0 20px; }
#reply-title {font-size: 16px;}

.comment-form textarea { width: 100%; box-sizing: border-box; }
.comment-form > p {font-size: 16px;font-style: italic;}
.comment-form .row { display: block; padding: 0; margin-bottom: 10px; position: relative; }
.comment-form .row input { padding-left: 40px; box-sizing: border-box; width: 100%; }
.row-message { clear: both; }
.row-name:before, .row-email:before, .row-site:before { content: ''; display: block; position: absolute; height: 16px; width: 16px; left: 12px; top: 12px; background: url(svg/sprite.svg) 50% 100% no-repeat; background-size: auto 48px; }
.row-name:before { background-position: 75% 100%; }
.row-email:before { background-position: 100% 100%; }
.row-site:before { background-position: 50% 100%; }
.row-name:after, .row-email:after {content: '*';position: absolute;top: 3px;right: 6px;color: #a2a2a2;}
.comment-form .form-submit { padding: 10px 0; clear: both; position: relative; }
.comment-form .form-submit::before { content: ''; position: absolute; top: 18px; left: 10px; z-index: 1; height: 24px; width: 24px; background: url(svg/sprite.svg) 0 100% no-repeat; background-size: auto 72px; }
.comment-form .form-submit:hover::before { background-position: 25% 100%; }
.comment-form #submit { color: #fff; font-size: 16px; font-style: normal; padding: 10px 15px 10px 45px; border-radius: 5px; display: block; margin: 0 auto 0 0; position: relative; border: none; transition: background-color 0.2s; }
.comment-form #submit:hover { opacity: 0.9; /*background-color: #003e5d;*/ }

/* __ bbpress fix ___ */
#bbpress-forums li:before, #bbpress-forums li:after { display: none;}
span.bbp-admin-links {float:none}
#bbpress-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results{
    font-size: 16px;
}
.bbp-meta{  font-size: 12px;}
#bbpress-forums div.bbp-topic-tags {display: block;clear: both;float: none;}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar{
margin-top: 0;}
form#bbp-search-form input {padding: 6px 10px;margin-bottom: 20px;}
.wp-editor-container {border: 1px solid #ccc;}


/*!
 *!  S H O R T C O D E S
 *!_________________________________________________________________ */
.postslist img,.postslist-title{display:block}
.message{box-sizing:border-box}
.p30{padding-top:30px;padding-bottom:30px}
.p40{padding-top:40px;padding-bottom:40px}
.p50{padding-top:50px;padding-bottom:50px}
.m30{margin-top:30px;margin-bottom:30px}
.m40{margin-top:40px;margin-bottom:40px}
.m50{margin-top:50px;margin-bottom:50px}
.message-attention,.message-error,.message-info,.message-note,.message-offtop,.message-warning{padding:20px;font-style:italic;border-radius:10px;margin: 0 0 1em 0;}
.message-info{background:#cbf0ce;color:#001e00;}
.message-warning{background:#ffe3b7;color:#652500;}
.message-attention{background:#c7f1fb;color:#013f4e;}
.message-note{background:#cadff4;color:#000f1f;}
.message-error{background:#ffddda;color:#330500;}
.message-offtop{background:#e8e8e8;color:#191919;}
.message-promo{position:relative;text-align:center;background-size:contain;background-color:#2d3e50}
.message-promo h1,.message-promo h2,.message-promo h3,.message-promo h4{color:#fff}
.message-promo p{color:rgba(255,255,255,.5)}
.message-promo :after,.message-promo :before{content:"";position:absolute;left:0;right:0;height:50px;width:100%}
.message-promo:before{top:0;box-shadow:0 30px 64px -35px #000 inset}
.message-promo:after{bottom:0;box-shadow:0 -30px 64px -35px #000 inset}
.message .button{padding:20px 30px;font-size:24px;line-height:30px;margin:20px 0}
.postslist-box{margin:40px 0}
.postslist-box .postslist-box-title{margin:0;padding:0 0 40px;color:#ff8f00;font-weight:400;text-align:center;font-size:40px;line-height:42px}
.grid.postslist,.postslist-box .textbox-maxwidth{width:100%}
.postslist{margin-bottom:40px;text-align:center}
.postslist a{color:#2d3e50}
.postslist:hover a{color:#ff8f00}
.postslist-title{margin:10px 0 0;font-size:20px;line-height:120%;font-family:'PT Sans',Georgia,"Times New Roman",Times,serif}
@media screen and (min-width:600px) and (max-width:1024px){
    .postslist-box .rows{max-width:40%;float:left;box-sizing:border-box;margin:0 5% 30px}
    .postslist-box .rows:nth-child(even){clear:both}
}
@media screen and (min-width:1024px){
    .rows{float:none;max-width:none;height:auto}
    .postslist-box h2{padding:0 0 40px;font-size:60px;line-height:60px}
}
.entry .custom-list ul{margin:0;list-style:none;padding-left:30px}
.entry .custom-list li{position:relative;line-height:120%;margin-bottom:10px}
.entry .list-type-info ul {list-style-image:url(svg/list-info.svg)}
.entry .list-type-warning ul {list-style-image:url(svg/list-warning.svg)}
.entry .list-type-error ul {list-style-image:url(svg/list-error.svg);/*background-size:16px;top:4px*/}
.entry .list-type-pin ul {list-style-image:url(svg/list-pin.svg)}
.entry .list-type-arrow ul {list-style-image:url(svg/list-arrow.svg)}

.shortcode-grid {margin:1em 0;}


/* ========================================================================== */



/* ========================================================================== *
 * 	HOME
 * ========================================================================== */

/* _______ big slider ____ */
.first-slider { width: 110%; margin: 0 auto 0 -5%; padding: 0; position: relative; z-index: 1;}
.first-slider:before { display: none; content: ''; position: absolute; bottom: 0; height: 60px; width: 90%; z-index: 99; background: #fff; }
.bigslider { padding: 0; margin: 0; border: 0; }
.bigslider h2 { margin: 0 0 30px; padding: 0; color: #fff; }
.bigslider .inside-info { padding: 30px; color: #fff; }
.bigslider .more-link { background-color: rgba(0, 0, 0, 0.4); margin-top: 10px; }
.slide-item { min-height: 200px; overflow: hidden; padding: 0; margin: 0; position: relative; }

.bx-wrapper {position:relative;margin:0 auto 20px;padding:0;}
.bx-wrapper img {max-width:100%;display:block;width: 100%;}
.bx-viewport{ background: #069; }
.bx-wrapper .bx-loading{min-height:50px;background:url(img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
/*  pager */
.bx-wrapper .bx-pager { position: absolute; z-index: 999; top: 20px; left:0; padding:20px; text-align:left; font: bold 0.85em/100% Arial, sans-serif; color:#666; }
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.3); text-indent: -9999px; display: block; width: 40px; height: 5px; margin: 0 5px; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: rgba(255,255,255,0.8);}
/*  prev/next */
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{ background:url(img/controls.png) no-repeat 0 0; opacity: 0.4; transition: opacity 0.3s;}
.bx-wrapper .bx-prev{left:20px; background-position: 0 0;}
.bx-wrapper .bx-next{left:62px; background-position: -40px 0;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity: 1;}
.bx-wrapper .bx-controls-direction a{display: none;position:absolute;top:20px;outline:0;width:40px;height:40px;text-indent:-9999px;z-index:99;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}


/* _______ small slider ____ */
.wrap-second-sl { /*max-width: 340px; margin: 0 auto !important;*/ }
.wrap-second-sl .bx-viewport { background: #fff; }
.wrap-second-sl li:before, .wrap-second-sl li:after { display: none; }
.wrap-second-sl .bx-wrapper .bx-pager { padding-bottom: 0; top: auto; bottom: 0; }
.second-slider .bx-wrapper .bx-viewport { background-color: #fff; height: 271px; }
.second-slider .ssi-link {
	position: relative;
	display: block;
}
/*.second-slider .ssi-title { position: absolute; top: 0; left: 50%; margin-left: -150px; padding: 20px; max-width: 300px; }*/
.second-slider .ssi-title {
position: absolute;
top: 30px;
left: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;}
.second-slider .inside-info, .second-slider .inside-info a { color: #fff; font-size: 24px; text-align: center; }
.black-text .second-slider .inside-info, .black-text .second-slider .inside-info a { color: #000;  }
.second-slider { position: relative; margin: 0; padding: 0; }
.second-slider .bx-wrapper .bx-pager, 
.second-slider .bx-wrapper .bx-controls-auto { top: auto; bottom: 0; padding-bottom: 0; }
.second-slider img { margin: 0 auto; }
.wrap-second-sl .bx-wrapper .bx-prev { left: 0; top: 0 }
.wrap-second-sl .bx-wrapper .bx-next { left: 42px; top: 0 }
/*.wrap-second-sl .bx-wrapper .bx-prev,*/
/*.wrap-second-sl .bx-wrapper .bx-next,*/
.wrap-second-sl .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(0,0,0,0.3); }
/*.wrap-second-sl .bx-wrapper .bx-prev:hover,*/
/*.wrap-second-sl .bx-wrapper .bx-next:hover,*/
.wrap-second-sl.black-text .bx-pager.bx-default-pager a.active,
.wrap-second-sl .bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color: rgba(0,0,0,0.8); }
.wrap-second-sl .bx-wrapper .bx-pager {    position: absolute;
	z-index: 999;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	text-align: CENTER;
	font: bold 0.85em/100% Arial, sans-serif;
	color: #666;
}

/*.ssi-title {*/
	/*position: absolute;*/
/*}*/


/* ____ front-page text ____  */
.front-page h2:first-child { margin-top: 0;}
.post.front-page-top { padding-bottom: 100px; /*40px; border-bottom:4px double #eee;*/ }
.post.front-page-bottom { margin-top: 40px; padding-top: 60px; border-top:4px double #eee; }

/* ____ small announce && related posts ____  */
/*.featured-posts-box { margin: 0 0 50px 0; }*/
/*.featured-posts-box:last-child { margin: 0; }*/
.featured-posts-box .featured-cat-wrapper { margin-bottom: 50px; }
/*.featured-posts-box .featured-cat-wrapper:last-child { margin-bottom: 0; }*/
.featured-posts-box, .featured-posts-box .grid {width: 100%;}
.recent-posts { margin-top: 60px; }
.featured-posts-title { position: relative; }
.featured-posts-link { position: absolute; right: 0; top: 4px; height: 16px; width: 16px; background: url(svg/sprite.svg) 75% 50% no-repeat; background-size: auto 48px; opacity: 1; transition: opacity 0.3s; }
.featured-posts-link:hover { opacity: 0.8; }

.small-post { margin-bottom: 30px; line-height: 16px; }
.small-post .entry-meta { padding: 0; margin: 8px 0 0 0; }
.anoncethumb { color: #494949; font-weight: bold; font-size: 18px; }
.anoncethumb:hover { color: #006699; text-decoration: underline; }
.anoncethumb .wrap-img img { display: block; }
.anoncethumb .wrap-img { display: none; }
.anoncethumb .wrap-img.on-mobile { display: block; float: left; margin-right: 10px; }
.small-post-bigimg .anoncethumb { font-size: 24px; line-height: 100%; }
.small-post-bigimg .anoncethumb .wrap-img { display: block; height: auto; width: 100%; margin: 0 0 10px 0; max-height: 300px; overflow: hidden; }
.small-post-bigimg .anoncethumb .wrap-img img { width: 100%; }
.small-post .theexcerpt { font-size: 16px; line-height: 18px; margin: 10px 0 0 0; }

/* ========================================================================== */


/* ==========================================================================
 *  WooCommerce
 * ========================================================================== */
.woocommerce #reviews #comments ol.commentlist li:before,
.woocommerce #reviews #comments ol.commentlist li:after {height: 0;width: 0;padding: 0;}

.woocommerce div.product #reviews .commentlist {  padding: 0;}
.woocommerce ul.products li.product a img {margin: 0;transition:all 0.3s}
.woocommerce ul.products li.product a img:hover {transform: scale(1.1);}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {border: 0;}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {margin: 1em 0;}
.woocommerce ul.products li.product .button {margin: 0.25em auto 0;}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce ul.products li.product .button,.woocommerce #review_form #respond .form-submit input {background: #006699;color: #fff;}
.woocommerce ul.products li.product .price del {display: inline-block;}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover,.woocommerce #review_form #respond .form-submit input:hover{background: #0089ce;color: #fff;}
.woocommerce .comment-form-rating label {float: left;margin-right: 10px}
.woocommerce #review_form #respond p {margin: 0;padding: 0;}
.woocommerce #review_form #respond p.comment-form-rating {padding: 10px 0 5px;}
.woocommerce #review_form #respond p.comment-form-rating p.stars {font-style: normal}
.woocommerce .stars a,.woocommerce .star-rating {color: #f4b304;}
.woocommerce #review_form #respond .form-submit input {left: auto;float: right;padding: 15px 50px 15px 20px;margin: 8px 0 0;color: #fff;text-transform: uppercase;}
.woocommerce span.onsale{ z-index:99;left:0;right:auto;margin:-.5em 0 0 -.5em;text-indent:-9999px;overflow:hidden;background:#5ba22c;}
.woocommerce ul.products li.product span.onsale{ left:0;right:auto;margin:-.5em 0 0 -.5em;}
.woocommerce span.onsale:after{content:'%';position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0;font-size:1.8em;line-height:54px;}
.woocommerce table.shop_table { border-collapse:collapse;}

.woocommerce .widget_layered_nav ul li:after, .woocommerce .widget_layered_nav ul li:before{background: none;}
.widget_shopping_cart_content a.button {margin: 10px 10px 0 0;display: inline-block;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color: #005c89}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color: #00b9eb}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color: #eee}
/* ========================================================================== */




/* ==========================================================================
 *  sidebar
 * ========================================================================== */
.wlist { padding: 0;margin: 0; font-size: 16px; line-height: 18px; }
.wlist a { color: #5a5a5a; }
.wlist a:hover { color: #006699; }

.widget { margin: 0 0 50px;  }
.widget:before {display: none;}

.widget-title { font-size: 15px; }
#sidebar .widget ul, #sidebar .wlist > li ul, #secondbar .widget ul, #secondbar .wlist > li ul, #wlist > li ul { margin: 0; padding: 0; position: relative; }
.wlist > li:before, .wlist li:after { display: none; }
#secondbar .widget ul ul,  #sidebar .wlist > li  ul ul, #wlist > li  ul ul { margin-top: 10px; }
#secondbar .widget ul > li, #sidebar .widget ul > li, .wlist .categories ul > li { padding-left: 30px; }

#sidebar .wlist > li > ul > li:before,
#sidebar .widget ul > li:before,
#secondbar .wlist > li > ul > li:before,
#secondbar .widget ul > li:before {
	content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 16px;
	background: url(svg/sprite.svg) no-repeat transparent; background-size: auto 48px; 
	transform: none; border-radius: 0; 
}
.wlist .cat-item::before { background-position: 25% 0; }


/* ========================================================================== */



/* ==========================================================================
 *  FOOTER
 * ========================================================================== */

#footerbar { position: relative; padding: 40px 0 0; }
#footerbar .wlist { padding: 40px 0 0; margin: 0; border-top: 4px double #eee; }
#footerbar .widget {margin-bottom: 50px;}
#footerbar .widget:before, #footerbar li:after {display: none;}
#footerbar .widget li:before { transform: none; border-radius: 0;}
#footerbar .widget-title { border-bottom: none; padding: 5px 14px; font-size: 16px; background-color: #006699; display: inline-block; color: #fff; border-radius: 5px; }

#footer { font-size: 14px; text-align: center; margin-top: 0; margin-bottom: 0; }
.counters { margin-bottom: 30px;}
#footer p { color: #5a5a5a; line-height: 14px; }
#copyrights p {padding: 0;}
#footer a:hover { text-decoration: underline; }
#toTop { position: fixed; z-index: 1000; bottom: 20px; right: 20px; margin: 0; padding: 14px 12px; display: none; cursor: pointer; background: #222; border-radius: 3px; transition: background-color 0.2s; }
#toTop:hover { background: #999; text-decoration: none !important; border-radius: 3px; }


.db { display: block;}
.sitelogo-img.db { display: block !important;}
#header .align-center .sitelogo-img.db { margin-left:auto;margin-right:auto;}
#header .align-left .sitelogo-img.db { margin-right:auto;}
#header .align-right .sitelogo-img.db { margin-left:auto;}

.mb50{ margin-bottom: 50px;}
.mt50{ margin-bottom: 50px;}



/* ==========================================================================
 *  
 *  
 *  				*****  ADAPTIVE *****
 *  
 *  
 * ========================================================================== */


/** TABLET
 * ========================================================================== */
@media screen and (min-width:768px) {

	blockquote { margin-left: 40px; margin-right: 0px; width: auto; border-radius: 5px; padding: 20px 20px 20px 60px; }

	/* __ infobar __ */
	.infobar .inner { width: 90%; }
	#left_mobile, #right_mobile {/*left: 5%;*/ left: 0; margin-left: 0;}
	/*.mobbar{padding-right: 0;border-left: 1px solid rgba(255,255,255,0.2);box-shadow: inset 0 0 0 rgba(0, 0, 0, .3);width: 100%; box-sizing: border-box; }*/
	.mobbar{padding-right: 0;border-left: 1px solid rgba(255,255,255,0.2);box-shadow: inset 0 0px 0px rgba(0, 0, 0, .3);width: 300px; position: absolute;top: 0;left: 0;}
	.mobbar .mobile-search { left: auto; right: 0; display: none}
	.withoutinfobar .mobbar { position: static;  width: 100%;  box-sizing: border-box; }
	.withoutinfobar #right_mobile {left: 50%; margin-left: 0;}


	/* __ soclinks infobar __ */
	.top-social { background: rgba(0, 0, 0, 0.12); }
	.soc-link { float: left; height: 50px; width: 50px; margin: 0; border-right: 1px solid rgba(255,255,255,0.2); }
	.soc-link:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
	.soc-item.mm-button { transition: background-color 0.2s; }
	.soc-link:hover, .mm-button:hover  {background-color: rgba(0,0,0,0.4); }

	/* search infobar */
	#topsearch { width: 300px; display: block !important; float: right; box-shadow: 0 0 0 transparent; position: relative;
		top: auto; right: auto; border: 1px solid rgba(255, 255, 255, 0.2); border-width: 0 1px; background: transparent; }
	.search-underform { height: 20px; width: 20px; padding: 15px; }

	/* anounces */
	/*.review h2 { font-size: 36px; line-height: 36px; }*/
	.review img.thumbnail { display: block; margin-top: 5px; margin-bottom: 20px; }
    .review .entry-meta { display: block;}
    .review .anons-thumbnail.aligncenter img.thumbnail {float: none;display: block;margin: 0 auto 10px;}



	/* ------------------------------- */
	.entry-meta:before { background-image: none; }
	h1 { font-size: 36px; /*padding-top: 20px;*/ }
	.entry ul { padding-left: 80px; /*margin-top: 0;*/ }
	.entry ol { padding-left: 80px; }
	.thumbnail { float: left; margin-right: 30px; }
	.thumbnail.aligncenter { float: none; }

	/* prev next */
	.view-box { float: right; margin-top: -85px; }
	.view-box > li { margin-bottom: 0; }

	/* comments */
	#comments .children { margin-left: 30px; }
	.row-name, .row-email, .row-site { width: 32%; margin-right: 2%; float: left; }
	.row-site {margin-right: 0;}
	.row-submit { padding: 0px; width: auto; float: right; }
	.comment-form .form-submit::before { left: auto; right: 10px; }
	.comment-form #submit { padding: 10px 45px 10px 15px; margin: 0 0 0 auto; }

	/* sliders */
	.bx-wrapper .bx-pager { bottom: 0; top: auto; padding-bottom: 0; }
	.bigslider .slide-img { display: block; float: left; border-right: 1px solid #fff; margin: 0 30px 0 0; max-width: 50% }
	.bx-wrapper img {width: auto;}
	.bigslider .slide-text { display: none; }
	.bx-wrapper .bx-controls-direction a {display: block;}
	/*.wrap-second-sl { width: 46%; float: right; }*/

	/* magazine posts */
	/*.featured-posts-box .featured-cat-wrapper { float: left; width:32.20338983%; margin-right: 1.694915254%; margin-left: 0 }*/
	/*.featured-posts-box .featured-cat-wrapper:nth-child(3n) { margin-right: 0 }*/
    .featured-cat-wrapper.col3 .anoncethumb .wrap-img { max-width: 35%; }

	.small-post { margin-bottom: 20px; }

	.left-wrap-two { margin-right: 4%; width: 50%; float: left; }
	.left-wrap-two .small-post-bigimg .wrap-img { max-height: 150px; overflow: hidden; }
	.left-wrap-two .small-post-bigimg .anoncethumb { color: #069; }
	
	.little-wrapper .small-post { width: 48%; float: left; margin-right: 4%; }
	.little-wrapper .small-post:nth-child(2n) { margin-right: 0; }
	.big-wrapper .small-post-bigimg .wrap-img { float: left; width: 50%; margin: 0 20px 0 0; }


	/* ___ footerbar ___ */
	#footerbar .wlist ul { padding-left: 25px; }
	#footerbar .widget { width: 46%; float: left; }
	#footerbar .widget:nth-child(3n) li { width: 40%; float: left; }
	#footerbar .widget:nth-child(3n) li:nth-child(even) { margin-left: 8% }
	#footerbar .widget:nth-child(3n) { width: 100%; }
	#footerbar .widget:nth-child(3n+1) { margin-right: 8%; }

}





/** DESKTOP
 * ========================================================================== */

 @media screen and (min-width:1024px) {

	/* infobar */
	.infobar { margin: 0 auto; }
	.infobar .inner {width: auto;}
	.mobbar {display: none;}
	.top-social, .soc-item, .top-message {display: block;}
	.soc-link {height: 40px;width: 40px;}
	.soc-item {padding: 10px;width: 20px;height: 20px;}
	.logo,.sitedescription { text-align: left; }

	 .first-slider:before { display: block; }
    .header-info{ text-align: right;}

	 /* ___ topsearch ___ */
	#topsearch.fl {float: left}
	#topsearch.fr{float: right;}
	#topsearch.hide {display: none !important;}
	.searchform {position: relative;}
	.search-underform { padding: 10px; }
	input.s { height: 40px;}
	input[type="submit"].search_submit {height: 40px;width: 40px;right: 0; top: 0; }

	/* header */
	#header .inner, .infobar .inner { width: auto; padding: 0;}
	img#logo {max-height: none;}

	/*.menu {*/
	#categories {display: none;}
	.top-pages { display: block; float: right; text-align: right; margin: 10px 0; padding: 0; position: static; background: transparent; max-width: none; box-shadow: 0 0 0 transparent; }
	.top-pages li:before, .top-pages li:after {display: none;}
	.top-pages li { display: inline-block; border-bottom: 5px solid transparent; margin-bottom: 0; } 
	.top-pages li a, .top-pages li span { padding: 10px; border: 0; display: inline-block; color: #595959; font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase; border-radius: 5px; transition: background-color 0.2s; }
	.top-pages li.current-menu-item span, .top-pages li.current_page_item span, .top-pages a:hover { background-color: #dedede; }
	.top-pages .sub-menu:before, .top-pages .children:before { content: ''; display: block; position: absolute; top: -5px; right: 20px; height: 0; width: 0; border-bottom: 5px solid #069; border-left: 5px solid transparent; border-right: 5px solid transparent; }
	.top-pages .sub-menu, .top-pages .children { display: none; position: absolute; width: 260px; right: 0px; z-index: 100; overflow: visible; background: #069; border-radius: 5px; padding: 0; margin: 0; top: 45px; }
	.top-pages li:hover > .sub-menu, .top-pages li:hover > .children { display: block; }
	.top-pages .sub-menu .menu-item, .top-pages .children .page_item { display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.top-pages .sub-menu .current-menu-item span, .top-pages .children .current_page_item span {background: #00b9eb !important;}
	.top-pages .sub-menu li a, .top-pages .children li a, .top-pages .sub-menu li span, .top-pages .children li span { display: block; text-transform: none; font-weight: normal; text-align: left; padding: 15px 20px; color: #fff; text-transform: none; border-radius: 0; }
	.top-pages .sub-menu li a:hover, .top-pages .children li a:hover { background-color: rgba(255,255,255,0.2); }
	.top-pages .sub-menu li:last-child, .top-pages .children li:last-child { border: 0; }
	.top-pages .sub-menu li:first-child a, .top-pages .children li:first-child a, .top-pages .sub-menu li:first-child span, .top-pages .children li:first-child span { border-radius: 5px 5px 0 0 !important; }
	.top-pages .sub-menu li:last-child a, .top-pages .children li:last-child a, .top-pages .sub-menu li:last-child span, .top-pages .children li:last-child span { border-radius: 0 0 5px 5px; }
	.top-pages .sub-menu .sub-menu, .top-pages .children .children { top: 0; left: 100%; }
	.top-pages .sub-menu .sub-menu:before, .top-pages .children .children:before { top: 50%; left: -7px; transform: rotate(-90deg); }

	/* ___ main menu ___ */
     .dark-gradient{
         background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
         background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
         background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
         /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 );*/
     }
     .main-menu { display: block; margin: 0; border-bottom: 1px solid #c2c2c2; text-align: left; position: relative; z-index: 99; padding: 0; background-color: #DEDEDE; }

	.main-menu li { padding: 0; margin: 0; display: block; float: left; }
	.main-menu li:before, .main-menu li:after { display: none; }
	.main-menu a, .main-menu li span { color: #595959; font-size: 16px; text-shadow: 0 1px 0 rgba(255, 255, 255, .3); font-weight: normal; text-transform: none;
		padding: 14px 27px; border-right: 1px solid rgba(0,0,0,0.12); display: block; transition: background 0.2s; margin: 0; }

     .main-menu a:hover, .main-menu .current-menu-item span, .main-menu .current-menu-item a { background: #069; color: #fff; text-shadow: 0 0 transparent; }
	/*.main-menu a:hover, .main-menu .current-menu-item li span, .main-menu .current-menu-item a { background: #069; color: #fff; text-shadow: 0 0 transparent; }*/
	.layout-leftbar #main-menu:before, .layout-rightbar #main-menu:before, .layout-both #main-menu:before { content: ''; display: block; width: 100%; height: 40px; background: #fff; position: absolute; top: 101%; z-index: 99; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.12); border-width: 0 1px; }
	.main-menu .sub-menu { position: absolute; top: 100%; left: 0; padding: 0; margin: 0;  border: 1px solid #C2C2C2; border-top: 0; background: #E7E7E7; z-index: 99; width: 240px;}
	.main-menu .sub-menu li { padding: 0; margin: 0; border: 0;display: block; width: 100%; }
     .main-menu .sub-menu li span, .main-menu .sub-menu li a { margin: 0; border:0; border-top: 1px solid rgba(0,0,0,0.12); display: block; border-radius: 0; padding: 10px 20px; }
	.main-menu .sub-menu .sub-menu { /*position: static; border:0;*/ top:0; left: 100%; }
	.main-menu .sub-menu {display: none;}
	.main-menu li:hover > .sub-menu {display: block;}

	/* ___ content ____ */
	.content { width: 66.97%; padding: 40px; margin: 0;	float: left; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
	.post { padding: 0; }
	h1 { margin-top: 0; padding-top: 0; line-height: 34px; }
	
	/* comments */
	.comment-body { margin: 0 0 30px 80px; position: relative; }
	.comment-author .avatar { margin-right: 20px; float: left; display: block; border-radius: 3px; position: absolute; top: 6px; left: -80px; }

	/* prevv & next post*/
	.post-nav-links .view { width: 48%; }
	.post-nav-links .prev { float: left; }
	.post-nav-links .next { float: right; }
	.post-nav-links .prev a { padding: 20px 20px 20px 60px; text-align: right; }
	.post-nav-links .next a { padding: 20px 60px 20px 20px; text-align: left; }

	/* announces & posts */ 
	.review img.thumbnail { display: block; padding: 0; }
	.review { padding-bottom: 30px; border-bottom: 4px double #e0e0e0; margin-bottom: 30px; }

	/*.avd-pagination { padding: 0; margin-top: 0; }*/
	.pagination { padding: 0; margin-top: 0; }
	.pagination .page-numbers { display: inline-block; padding: 4px 12px; height: 23px; position: relative; margin-bottom: 10px; }


	/* ___ slider ____ */
	.first-slider { width: auto; padding: 0; margin: 40px 40px -40px; }
	.first-slider .bx-wrapper { margin-bottom: 60px; }
	.bigslider .slide-img { max-width: 60%; }
	.bigslider .slide-text { display: block; }

	/* __ small post announce __ */
	.anoncethumb .wrap-img { display: block; position: relative; float: left; margin: 0 10px 0 0; height: 100px; overflow: hidden; }
	.anoncethumb .wrap-img:before { position: absolute; content: ''; background-color: transparent; top: 0; left: 0; right: 0; bottom: 0;  background-size: 30px 30px; background-repeat: no-repeat; background-position: center; transition: background 0.5s;  }
	.anoncethumb:hover .wrap-img:before { background-color: rgba(0, 101, 153, .85); z-index: 10; background-image: url('svg/readmore.svg'); }

	.left-wrap-two { width: 64.40677966%; margin-right: 1.694915254%; }
	/*.left-wrap-two .small-post-bigimg { float: left; width: 48%; margin-right: 4%; }*/
	/*.left-wrap-two .small-post-bigimg:nth-child(2n) { margin-right: 0; }*/
	.left-wrap-two .small-post-bigimg .wrap-img { max-height: 270px; }
	.wrap-second-sl { width: 32.20338983%; max-height: none; }
     .small-post-bigimg {margin-bottom: 40px;}

	.little-wrapper { float: left; width: 32.20338983%; margin-right: 1.694915254%; }
	.little-wrapper .small-post { width: 100%; margin-right: 0; }
	.big-wrapper { float: left; width: 64.40677966%;   }
	.big-wrapper .small-post-bigimg .wrap-img { max-height: 220px }
	.big-wrapper .small-post-bigimg { margin-bottom: 20px; }

	/* ______ SIDEBAR ________ */
	.widget_calendar table { border: 1px solid #eee; }
	.widget_calendar caption { padding: 10px 0; background: #eee; font-weight: bold; }
	.widget_calendar td, .widget_calendar th { padding: 0; width: 5%; text-align: center; box-shadow: 1px 1px 0 #eee; line-height: 40px }
	.widget_calendar td a { display: block; background: #F6F6F6; height: 100%; width: 100%; transition: color 0.3s, background-color 0.3s; }
	.widget_calendar td a:hover { display: block; background: #222; color: #fff; }

	/* footerbar */
	#footerbar { padding: 40px 40px 0; background: #fff; z-index: 99; margin-bottom: 10px; }
	.border-line #footerbar { border: 1px solid #E1E1E1; border-top: 0; }
	#footerbar .widget:nth-child(3n), #footerbar .widget:nth-child(3n+1),
	#footerbar .widget {width: 30%;margin-right: 5%;padding: 0;}
	#footerbar .widget:nth-child(3n) {margin-right: 0;}
	#footerbar .widget:nth-child(3n) li:nth-child(even),
	#footerbar .widget:nth-child(3n) li { width: auto; float: none; margin-left: 0; }

	footer { border-top: none; }
	/*.center:after { right: 6%; }*/

}

@media screen and (min-width:1200px) {
	#header .inner, .infobar .inner { width: 100%; padding: 0; }
    .corner-rounded .main-menu {border-radius: 10px 10px 0 0;}
	.main-menu > li:first-child > span, .main-menu > li.current-menu-item:first-child > span,
	.main-menu > li:first-child > a, .main-menu > li.current-menu-item:first-child > a { border-radius: 10px 0 0 0; }
	.corner-rounded #footerbar { border-radius: 0 0 10px 10px; }
	.bigslider .slide-img { max-width: 70%; }
}
@media screen and (min-width:1162px) {
	.widget .counter span { float: right; padding: 8px 6px 8px 4px; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; color: #4b4b4b; font-size: 15px; }
	.widget .counter span { display: block; border: 1px solid #b3b3b3; float: left; border-radius: 0 5px 5px 0; border-left: none; }
	.widget_social .sidebar-buttons { border-radius: 5px 0 0 5px; float: left; transition: ease-out 0.3s; }
	.widget_social .counter { display: inline-block; width: 27.5%; margin-right: 6.75%; }
}

/* same addintions classes */
.hide{display:none}.fl{float:left}.fr{float:right}
.fc{display:block;margin-left:auto;margin-right:auto}
.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}


/* __ magnific popup gallery ____ */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
	.mfp-img-mobile img.mfp-img{padding:0}
	.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
	.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
	.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
	.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
	.mfp-img-mobile .mfp-counter{right:5px;top:3px}
	.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
	.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
	.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
	.mfp-container{padding-left:6px;padding-right:6px}
}