/*
Theme Name: AVovkDesign
Description: Шаблон для блога и портфолио Александры Вовк
Version: 1.2
Author: Alexandra Vovk
Author URI: http://avovkdesign.com/
*/

/*@import url(http://fonts.googleapis.com/css?family=Exo+2:300,300italic,500,600&subset=latin,cyrillic);*/
@font-face {
    font-family: 'AG Bengalyc';
    src: url('font/agbengalyc-wf.eot');
    src: url('font/agbengalyc-wf.eot?#iefix') format('embedded-opentype'),
         url('font/agbengalyc-wf.woff') format('woff'),
         url('font/agbengalyc-wf.ttf') format('truetype'),
         url('font/agbengalyc-wf.svg#agbengalycregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==============================================================================
			RESET CSS
   ============================================================================== */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend	{ margin: 0; padding: 0; border: 0; }
img:active, input:active, textarea:active, a:active, 
img:focus, input:focus, textarea:focus, a:focus { outline: 0; }
main { display: block; }

/* tables */
table { display: table; border-collapse: collapse; margin: 1em 0; }
tr { display: table-row; }
th, td { display: table-cell; padding: 0.3em; vertical-align: top; text-align: left; }
th { text-align: center; font-weight: bold; }

/* lists */
ul, ol { display: block; margin: 0 0 1em 0; }
ul { list-style: none; }
ul li, ol ul li { padding: 0 0 0 20px; }
ol { list-style-type: decimal; list-style-position: outside; padding-left: 20px; }
ol li { background: none; padding: 3px 0; }
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 1em; }

/* definition lists */
dl { margin: 5px 0; }
dt { font-weight: bold; }
dd { margin: 0 0 0 10px; }

/* forms */
form table, form table td, form table th { padding: 0; margin: 0; }
legend  { margin: 0; font-weight: bold; }
input   { margin: 0; }
textarea { padding: 5px; margin: 0; }

/* hr */
hr { display: block; height: 1px; margin: 0.5em auto; padding: 0; width: 100%; 
		border: none 0; color: #ccc; background-color: #ccc; }

/* other */
blockquote { margin: .5em 0 2em 50px; padding: 20px; font-style: italic; line-height: 135%; font-size: 16px; border: 1px solid #ccc; border-radius: 3px; }
blockquote, blockquote p { text-align: left; /*font-weight: 400;*/ }
blockquote p { padding: 0; }

code, pre { font: 14px/20px "Courier New", Courier, Fixed, monospace;  }
pre { margin: 0.5em 0 1em 0; padding: 1em; background: #fafafa !important; border: 1px solid #eee; word-wrap: break-word; }
sup { font-size: 0.5em; }		
small { font-size: 1em; color: #b6b6b6; line-height: 10px; }
acronym, abbr { font-size: 0.9em; letter-spacing: .07em; }	
/* ============================================================================== */





/* ==============================================================================
 * CLASSES for all projects  aka  AVD Mini Framework
 * ============================================================================== */
.fl { float: left; }
.fr { float: right; }
.b  { font-weight: bold; }
.i  { font-style: italic; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.pn { padding: 0; }
.mn { margin: 0; }

.hide { display: none; }
.clear { width: 100%; height: 1px; clear: both; }
.box:after, .row:after { content: ""; display: block; clear: both;
    visibility: hidden; line-height: 0; height: 0; margin:0; padding:0; }

.row { 
	margin-left: -15px; 
	margin-right: -15px; 
}    
.col2, .col3, col4 { 
	position: relative; 
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col2 img, .col3 img, col4 img { width:100%; height:auto; }
@media only screen and (min-width: 768px)  {
	.col2, .col3, col4 { float: left; }
	.col2 { width: 50%; }
	.col3 { width: 33.33333333%; }
	.col4 { width: 25%; }
}   
/* ============================================================================== */    


.feedback { 
	border: 1px solid #ccc;
	padding: 20px;/*40px;*/
	margin-bottom: 70px;
	/*padding-left: 230px;*/
	position: relative;
}
.feedback-avatar { 
	/*position: absolute;
	top: 40px; left: 40px;*/
	/*float: left;*/ width: 50px; height: auto; margin-bottom: 10px;
}
.feedback-author { margin-bottom: 20px; }
.feedback-author  h2 { margin: -3px 0px 0 0; }
.feedback-author p { padding-top: 7px; font-size: 0.8em; line-height: 100%; }
.feedback-author p, .feedback-author a { color: #b1b1b1; }
.feedback-author a:hover { color: #37c3a6; }
.feedback-text { font-style: italic; }
body.slug-testimonials .showmore { margin-bottom: 50px; }

/* feedbackform */
.fboverlay { 	
	position: fixed; display: none; 
	background: rgba(0,0,0,0.3);
	height: 100%; width: 100%;
	left: 0; top: 0; z-index: 9999;
	overflow-y: scroll;
}
body.slug-testimonials #avdform {
	position: absolute;
	left: 50%; top: 30px;
	width: 90%; padding: 20px;/*40px;*/ 
	margin: 0 0 0 -45%;
	background: #1a5c4f; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
form#avdform br {
    display: none;
}
.avdfeedbackform h2 { 
	margin-top: 0;
	color: #fff;
}
body.slug-testimonials #avdform input[type=text]:focus,
body.slug-testimonials #avdform textarea:focus { 
	background-color: #F2FFFC;
}
body.slug-testimonials #avdform p { color: #fafafa; }
body.slug-testimonials .avdclose { 
	position: absolute;
	top: 10px; right: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 0 5px;
	cursor: pointer;
}
#avdwork { background-position: 0 -755px; }
body.slug-testimonials #avdsubmit,
body.slug-testimonials #avdcancel { width: 130px; margin: 0 0 10px; display: inline-block; }
body.slug-testimonials p.but { text-align: center; padding: 0; margin: 0; }




/* ==============================================================================
 * LAYOUT 
 * ============================================================================== */ 
body { 
	width: 100%;
	min-width: 300px;  
}
body, html { 
	height: 100%; 
	margin: 0; 
}
#top { 
	position: relative;
	background-color: #37c3a6;
}
.pagebox { 
	padding: 0 0 200px;
	min-height: 90%;
	height: auto !important;
	height: 90%;
}
.pagebox:after { 
	content: ''; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0; 
	margin:0; padding:0; 
}
#center {
	padding: 40px 0;
}
.content, .wcontent { 
	width: 100%;
}
#sidebar { 
	width: 100%; 
	margin: 50px auto 0;
}
#bottom {
	margin-top: -200px; 
	height: 200px;
}
.inset { 
	width: 90%; 
	margin: 0 auto; 
}
.home .inset { 
	/*overflow-y: hidden;*/
}
/* ============================================================================== */ 




/* ==============================================================================
 * MAIN STYLE SHEET
 * ============================================================================== */ 

/* __________ TEXT __________ */
body { 
	background-color: #fff;
	color: #333; /*#767676; */
	font: 300 16px/130% 'Exo 2', Tahoma, Verdana, Segoe, sans-serif; 
}

a, .hl { color: #2cab91; text-decoration: underline; }
a:hover, .hl:hover { color: #ff9048; }
a.pseudo { text-decoration: none; border-bottom: 1px dashed #767676; }
a.pseudo:hover {  border-bottom: 1px dashed #ff9048; }
.hl { cursor: pointer; }

p { padding: 0 0 1em; margin: 0; text-align: left; }
p:last-child { padding-bottom: 0; }
em, i { font-style: italic; font-weight: 300 !important; }
strong { font-weight: 600 !important; }
	
h1, h2, h3, h4, h5, h6, .pa-name {
	color: #434343;
	font: normal 16px/110% 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	margin: 1.2em 0 .7em;/*30px 0 20px 0;*/ padding: 0;
	-webkit-font-smoothing: antialiased;
}
h1 { font-size: 34px; color: #fff; margin: 0; }
h2, .pa-name { font-size: 24px; color: #2cab91;/*#ff9048;*/ }
body.single h2 { color: #333; }
h3 { font-size: 18px; color: #ff812d;/*#2cab91;*/ font-weight: 500; }

.page-id-48 h2 { font-size: 34px; margin: 0; text-align: center; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }



/* __________ FORMS __________ */
input, textarea {
	height: 20px;
	margin: 10px 0; padding: 5px 10px;
	color: #555; /*#969696;*/
	font: 300 14px/20px 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;
	background: #fff; 
	border: 2px solid #a0a0a0;
	-webkit-border-radius: 2px; border-radius: 2px;
}
textarea { min-width: 200px; min-height: 80px; }
input:focus, textarea:focus { 
	border-color: #cccccc;
}

/* _____ submit _____ */
.submit, .button,
input[type=submit], input[type=button] { 
	height: 40px; 
	border: none 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 600 14px/20px 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;
	padding: 10px 15px;
	background: #37c3a6;
	cursor: pointer;
	/*-webkit-border-radius: 2px; border-radius: 2px;*/
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
}
.button:hover,
input[type=submit]:hover, input[type=button]:hover { 
	color: #fff;
	background-color: #ff9048;
}
.button:active, 
input[type=submit]:active, input[type=button]:active { 
	background-color: #ff812d;
	-webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 0 rgba(0,0,0,0.2);
}

/* _____ invert submit _____ */
.submit { 
	display: block; 
	background-color: #ff9048;
	color: #fff !important;
}
.submit:hover  { 
	background-color: #37c3a6; 
	color: #fff !important;
	text-decoration: none !important;
}
.submit:active  { 
	background-color: #2cab91; 
}

/* _____ darksubmit _____ */
.darksubmit { 
	display: block; 
	background-color: #1a5c4f;
	color: #fff !important;
}
.darksubmit:hover  { 
	background-color: #ff9048; 
	color: #fff !important;
	text-decoration: none !important;
}
.darksubmit:active  { 
	background-color: #ff812d;
		-webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 0 rgba(0,0,0,0.2); 
}

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





/* ==============================================================================
 * HEADER
 * ============================================================================== */
.topnav { background: #fff; transition: top 0.3s; }
#nav { /*background: #37c3a6;*/ padding: 50px 0 0; }
.menu { background: #37c3a6; margin: 0; display: none; }
.showmenu { display: block; }
.menu-item { display: block; padding: 0; margin: 0; }
.menu-item:hover { background: rgba(255,255,255,0.2); }
.menu-item a { 
	display: block; 
	padding: 1em 5%;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: 500 14px/10px 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.sub-menu { margin: 0; }
.sub-menu .menu-item a { padding-left: 10%; text-transform: none; }


/*.toplinks*/.topnav { min-height: 50px; position: relative; }
#logo { 
	float: left; display: block; 
	height: 50px; width: 65px;
	margin-left: 5%;
	background: url(img/logo.png) 0 49% no-repeat;
}
#mmenu { 
	float: right;
	height: 50px; 
	padding: 0 5%;
	margin-right: 33%;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	color: #4b4b4b;
}
#mmenu:hover,
.mmenu-active {
	color: #fff !important; 
	background-color: #37c3a6;
}

#getnow { 
	position: absolute;
	top: 0; right: 0;
	width: 25%; height: 30px;
	font-size: 14px;
	line-height: 15px; 
	padding: 10px 4%;
	text-align: center;
	-webkit-border-radius: 0; border-radius: 0;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	background: #ff9048;
	
	word-wrap: break-word;
}
#getnow:hover { 
	background: #2cab91;
}

.darktop { 
	background: #37c3a6;
	padding: 30px 0 40px 0;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.1); 
}
.darktop a, .darktop .hl, .myvcard a { color: #1a5c4f; }
.darktop a:hover, .darktop .hl:hover, .myvcard a:hover { color: #fff; }
.darktop p,
.darktop .desc, .myvcard p { 
	color: #185448; 
	font-weight: 500;
	font-size: 16px;
	line-height: 115%;
	text-align: left;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.12) !important; 
}
.darktop .desc { margin-top: 20px; }
.topimg { display: none; }
.single .darktop .desc { color: #0c3f35; }
/* ============================================================================== */ 




/* ==============================================================================
 * PORTFOLIO
 * ============================================================================== */
#myworks { overflow: hidden; } 
 
#filters { font-size: 14px; margin: 20px 0 2em; text-align: center; /*line-height: 36px;*/ }
#filters a { display: inline-block; padding: 7px 6px; margin-bottom: 10px; text-decoration: none; color: #767676; }
#filters a:hover, #filters a.active { background: #37c3a6; color: #fff; }


#infscr-loading {
    position: fixed; z-index: 100;
    bottom: 50px; left: 50%;  
    padding: 15px; margin-left: -125px;
    background: none repeat scroll 0% 0% rgba(0,0,0,0.8); /*rgba(55, 195, 166, 0.8);*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 15px;
    font-weight: bold;*/
    text-align: center;
}


.work { 
	display: block; 
	width: 100%;
	height: 196px;/*300px;*/
	margin: 0 0 2.5em;
	overflow: hidden; 
	position: relative; 
}
.work h2 { margin: 0; }
.work a { 
	position: absolute; 
	top: 0; left: 0;
	padding: 175px 0 0; /*276px 0 0;*/
	width: 100%; 
	color: #434343; 
	font: 500 16px/120% 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	text-align: center;
}
.imgbox { 
	overflow: hidden; 
	height: 165px;/*270px;*/
}
#container img { max-width: 100%; height: auto; }
.workthumb { 
	/*opacity: 0.8; */
	width: 100%; 
	height: auto;/*270px;*/
	background-size: cover;
}
.work:hover .workthumb { /*opacity: 1;*/ }
.work:hover a { color: #767676; }


.ebook { 
	width: 44%; height: 230px;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
}
.ebook a { 
	/*position: static;
	display: block;
	top: auto; left: auto;
	padding: 0 !important;
	line-height: 1.2em;
	max-height: 2.4em;*/
}
.ebook .imgbox {/* height: auto !important; */}



#container { position: relative; margin-bottom: 50px; }
.loading { 
	position: absolute; z-index: 9999;
	top: 20px; left: 50%;
	width: 160px; height: 24px; 
	padding: 20px;
	margin: 0 0 0 -100px;
	background: url(img/loading.gif) center center no-repeat rgba(255,255,255,0.85); 
	border-radius: 3px;
}
#container .showbox { position: relative; }
.showmore { display: block; margin: 0 auto; height: 22px; width: 200px; }



/*
.isotope,
.isotope .work {	
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .work {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .work ,
.isotope .work.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}*/
/* ============================================================================== */ 





/* ==============================================================================
 * PROJECT
 * ============================================================================== */
.project { margin-bottom: 50px; }

.browser {
	background: url(img/browser.png) 0 25px no-repeat #eee;/* #ebebeb;*/
	padding: 70px 0 0 0;
	-webkit-border-radius: 5px 5px 3px 3px; border-radius: 5px 5px 3px 3px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05); box-shadow: 0 0 15px rgba(0,0,0,0.05);
}


.worksnav { 
	height: 40px; width: 122px;
	margin: 0 auto 20px;
	position: relative;
	/*overflow: hidden;*/
	/*-webkit-border-radius: 2px; 
	border-radius: 2px;*/ 
}
.worksnav a { 
	display: block; /*float: left;*/
	position: absolute; top: 0; 
	height: 40px; width: 40px;
	margin-right: 1px;
	background: url(img/icons.png) 50% 0 no-repeat #1a5c4f;
}
.worksnav a:hover { background-color: #ff9048; }
/*.worksnav a:first-child { border-radius: 2px 0 0 2px; }
.worksnav a:last-child { border-radius: 0 2px 2px 0; }*/
.worksnav .next { left: 0; background-position: 0 -5px; }
.worksnav .home { left: 41px; background-position: 0 -105px; }
.worksnav .prev { left: 82px; background-position: 0 -55px; margin: 0; }


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





/* ==============================================================================
 * SERVICES page
 * ============================================================================== */
.service { margin-bottom: 60px; text-decoration: none; display: block; color: #999999; }
.service:hover { color: #999999; }
.service, .service p { text-align: center; padding: 0 !important; } 
.service h2 { margin-top: 0; }
.service:hover h2 { color: #ff812d; }
.service-icon { 
	display: block;
	height: 120px; width: 140px;
	margin: 0 auto 10px;
	background: url(img/services.png) 0 0 no-repeat; 
}
.service-webdevelopment .service-icon { background-position: 0 -130px; }
.service-seo .service-icon { background-position: 0 -260px; }

/*  */
.readmore { 
	display: inline-block;
	padding: 9px 20px 11px; 
	color: #8c8c8c;
	font-size: 16px; 
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #a1a1a1;
	cursor: pointer;
}
.readmore:hover,
.service:hover .readmore { 
	border-color: #37c3a6;
	background: #37c3a6; 
	color: #ffffff;
}
.readmore:active,
.service:active .readmore { 
	border-color: #2cab91;
	background-color: #2cab91;
}
.service .readmore { 
	display: block;
	width: 80px; 
	margin: 20px auto 0;
}

/*  */
.shortitem {
	margin: 50px 0 0; 
	padding-top: 50px;
	border-top: 1px solid #e6ebea;
}
.shortitem h2 { 
	margin: 0 0 10px; 
	color: #333; 
}

.shortitem:last-child {
	margin-bottom: 50px;
	padding-bottom: 50px; 
	border-bottom: 1px solid #e6ebea;	
}

/* price */
body.slug-webdesign .darktop, 
body.slug-webdevelopment .darktop, 
body.slug-seo .darktop  {
	padding: 50px 0 !important; 
}
.pageauthor { float: left; margin: 5px 20px 0 0; -webkit-border-radius: 2px; border-radius: 2px; }
.name { color: #b6b6b6; text-decoration: none; }
.pricelist { margin: 50px 0 0 !important; }
.priceitem { margin-top: 40px; font-size: 14px; line-height: 18px; padding: 0; }
.priceitem h2 { margin: 0 0 15px; color: #333333; font: 500 22px/110% 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;  }
.priceitem p {
    padding: 0 0 6px 0;
}

.priceitem p.price {
    font-weight: bold;
    color: #ff9048;
    font-size: 16px;
}
.pricetext { padding-left: 70px; }
.entry .pricetext ul, 
.entry .pricetext ol { margin: 0; }
.priceicon { 
	float: left;
	height: 50px; width: 50px;
	background: #f1f1f1;
	-webkit-border-radius: 50px; border-radius: 50px;
}
.priceicon .pi  { 
	margin: 10px;
	width: 30px; height: 30px;
	font-size: 24px; 
	line-height: 30px;
	text-align: center;
	color: #888;
}
.mrnull { margin-right: 0 !important; }




/* terms pages */
#terms .meta { padding: 0; }
#terms #tabs {
	padding: 0;
	line-height: 39px;
	margin: 30px 0 0 0; 
	border-bottom: 1px solid #a0a0a0;
}
#terms #tabs a  { 
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;/*500;*/
	background: #ccc;
	padding: 10px 15px;
	margin: 0 1px 0 0;
	-webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
#terms #tabs a:hover { background: #2cab91; color: #fff; }
#terms #tabs a.active { background: #a0a0a0; }
#terms .tabitem h2 { margin: 30px 0 20px; }
#terms .page li { text-align: justify !important }

/* faq */
.faq { 
	padding: 30px;
	margin: 0 0 50px 0;
	border: 1px solid #cccccc;
}
.faq h2 { margin-top: 0; }

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

/* ============================================================================== *
 *	CONTACTS
 * ============================================================================== */
.myvcard { width: 100%; padding: 0; margin-bottom: 50px; background: #37c3a6; }
.myvcard .vtext { padding: 20px; }
.myvcard h2 { color: #fff; font-size: 26px; margin-top: 0; }
.photo { float: left; margin: 2px 10px 0px 0;  }
.photo img { width: 65px; height: auto; -webkit-border-radius: 2px; border-radius: 2px; }
.myvcard ul.soc { margin: 0; padding: 0; height: auto; }
.myvcard li { display: block; padding: 0; }
.myvcard li .sb { 
	display: block;
	width: 25%; height: 50px;
	float: left;
	text-indent: -9999px;
	border-top: 1px solid #fff;
}
.myvcard li .mail { background-position: 50% -900px; }
.soc li .fln { background-position: 50% -550px; }
.mail:hover { background-color: #ff9048; }
.fln:hover { background-color: #4ea828; }
.fl:hover { background-color: #4ea828; }
.myvcard li:nth-child(4n) .sb:after { display: none; }

body.slug-contact .darktop .inset { position: relative; }
body.slug-contact .darktop a { text-decoration: none; }
.darktop .submit { 
	position: absolute;
	left: 50%; bottom: -75px;
	margin-left: -90px;
	width: 150px; height: 30px;
	line-height: 30px; 
	font-size: 18px;
	z-index: 999;
}
.map { 
	display: none; 
	position: absolute;
	/*bottom: -50px;
	right: -30px;*/
}
.pin {
	display: none; 
	position: absolute;
	/*bottom: 70px;
	right: 320px;*/
	z-index: 999;
}
.adress {
	display: none; 
	position: absolute;
	/*bottom: -35px;
	right: 140px;*/
	z-index: 999;
}

/* form */
.contactform { 
	padding: 20px; margin: 0;
	background: #dedddc;
	-webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
.contactform #resbox {  }
.contactform #resbox h2 { margin: 0 0 10px; color: #4b4b4b; text-align: center; }
.contactform #resbox p { padding-bottom: 1.5em !important; }
.contactform #resbox .loading { height: 15px; width: 250px; margin-bottom: 20px; background: url(img/loading.gif) 0 0 no-repeat; }
#avdform { width: 100%; margin: 0 auto; }
#avdemail, #avdname, #avdwork { 
	width: 82%; 
	margin: 0 0 20px;	padding: 10px 2% 10px 16%;
	background-image: url(img/icons.png); 
	background-repeat: no-repeat; 
	border: 0; 
}
#avdname { background-position: 0 -655px; }
#avdemail { background-position: 0 -705px; }
#avdmessage { height: 100px; width: 92%; padding: 10px 4%; border: 0; margin: 0 0 20px; }
#avdsubmit { display: block; width: 100%; margin: 0; }

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






/* ==============================================================================
 * ENTRY  /general/
 * ============================================================================== */

.post { margin-bottom: 50px; position: relative; }

.entry { line-height: 130%; }
.entry ul, .entry ol { margin-left: 1em; }pre
.entry ul li, .entry ol li { padding-bottom: 5px; padding-top: 0; }
.entry ul li, .widget ul li, .categories ul li { background: url(img/li.png) 0 10px no-repeat; }
.entry small { font-size: 0.9em; color: #bbb; }

.postauthor {
	border-top: 3px solid #37c3a6;
	margin: 50px 0 0;
	padding: 30px 0 10px;
}
.postauthor h2 { margin-top: 0; }
.postauthor .bio {  }
.postauthor .all { display: block; color: #ccc; font-size: 14px; padding-top: 10px; }
.postauthor .all:hover { color: #37c3a6; }

/* pagination */
.avd-pagination {margin-bottom: 50px;}
.page-numbers {background: #37c3a6;color: #fff;padding: 3px 12px 7px;text-decoration: none;margin: 0 0 20px 5px;}
.page-numbers:hover {background: #2cab91;text-decoration:none; color: #fff; }
.avd-pagination .current {background: #1a5c4f;}

/* MODAL WINDOW */
#modal_overlay { 
	position: absolute; z-index: 3000;
	top: 0; left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}
#modal { 
	position: absolute; z-index: 4000;
	left: 5%; top: 50px;
	width: 90%;
	background: #ffffff;
	display: none;
	-webkit-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#modal_close {
	position: absolute; z-index: 5000;
	top: 5px; right: 5px;
	height: 30px; width: 30px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #185448;
	cursor: pointer;
}
#modal h1 { 
	background: #37c3a6;
	font-size: 24px;
	padding: 20px;
	-webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
}
.modal_text { 
	padding: 20px;
}
#modal #avdform { 
	padding: 30px 0;
}
#modal .textinput { 
	border: 1px solid #969696;
	width: 400px;
}
#modal textarea {
	border: 1px solid #969696;
	width: 708px;
}
#modal .name { float: left; }

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





/* ============================================================================== 
 *	BLOG 
 * ============================================================================== */ 


/* _____ ANONS _____ */
.anons { padding-bottom: 40px; }
.anons h2 { font-size: 26px; margin: 0 0 20px; }
.anons img { margin: 0; padding: 0 0 1em 0; }
.anons img.wp-smiley { margin: 0; padding: 0; }
.anons img.alignnone, .anons img.aligncenter { width: 100%; height: auto; }
.anons img.alignleft { /*max-width: 400px; height: auto;*/ margin-top: 0.5em; }
.anons .more { 
	padding: 0; margin: 20px 0;
	text-align: center; 
	height: 1px;
	background: #e5e5e5; 
	clear: both;
}
.anons .submit { 
	display: inline-block; 
	position: relative; top: -20px;
	height: 20px; 
	width: 110px; 
	border-radius: 2px;
}

.anons .entry a { color: #767676; }
.anons .entry a:hover { color: #ff9048; }
.anons p { padding-bottom: .5em; }
.anons b, .anons strong, .anons i, .anons em { font-weight: 300 !important; font-style: normal !important; }

/* meta */
.meta { 
	padding: 0 0 10px;
	min-height: 15px;
	font: 300 12px/100% 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;  
}
.meta, .meta a { color: #969696; text-decoration: none; }
.meta a:hover { color: #2cab91; text-decoration: underline; }
.meta span, .meta time { 
	display: inline-block; 
	height: 12px; 
	line-height: 12px;
	padding: 0 5px 0 15px; 
	margin-bottom: 5px;
	background: url(img/blogmeta.png) 0 0 no-repeat;
}
.meta .date { background-position: 0 0; }
.meta .category { background-position: 0 -24px; }
.meta .comments { background-position: 0 -12px; }
.meta .author { background-position: 0 -36px; }
.meta .edit { padding: 0; background-position: 0 -48px; }
.meta .edit a { display: block; height: 12px; width: 12px; }



/* ____ SINGLE ____ */
#floatmeta { 
	display: block;
/*	position: fixed; 
	top: 167px; left: 50%;
	margin: 0 0 0 -700px;
*/	margin: 30px 0 50px;
	padding: 0; 
}	
#floatmeta .soc, .prj-nav { 
	/*-webkit-border-radius: 3px; border-radius: 3px; 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05); box-shadow: 0 0 5px rgba(0,0,0,0.05);*/
}
#floatmeta .soc { 
	/*width: 50px; height: 203px;*/
	width: 100%; height: 50px;
	overflow: hidden;
	background: transparent;
}
#floatmeta .soc:last-child { margin: 0; }
#floatmeta .sb { 
	display: block; 
	height: 50px; width: 50px;
	margin-bottom: 1px; margin-right: 1px;
	background: url(img/icons.png) 50% 0 no-repeat #1a5c4f;
	cursor: pointer;
}
#floatmeta .sb:after { display: none; }

#floatmeta .tw { background-position: 50% -200px; }
#floatmeta .gp { background-position: 50% -250px; }
#floatmeta .fb { background-position: 50% -300px; }
#floatmeta .pt { background-position: 50% -400px; }
#floatmeta .vk { background-position: 50% -500px; }

#floatmeta .tw:hover { background-color: #09b0fe; }
#floatmeta .gp:hover { background-color: #e42626; }
#floatmeta .fb:hover { background-color: #4272c9; }
#floatmeta .pt:hover { background-color: #c71d24; }
#floatmeta .vk:hover { background-color: #4d75a3; }



/* _____ images ____ */
.entry iframe { max-width: 100%; }
.entry img { max-width: 100%; height: auto; }
img.alignleft, img.alignleft, .alignleft img { margin-right: 2em; margin-left: 0; }
img.alignright, img.alignright, .alignright img { margin-left: 2em; margin-right: 0; }
.alignleft { float: left; }	
.alignright { float: right; }	
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
.wp-caption, .attachment img { text-align: center; }
.wp-caption p.wp-caption-text { font-size: 12px; color: #4b4b4b; margin: 0; }
.attachment, .caption { text-align: center; }
.attachment .navigation { height: 150px; }
.post .entry .wp-smiley { margin: 0; padding: 0; border: 0; }
/*.anons .alignleft, .anons .alignright { margin-top: 1em; }*/


/* ____ social buttons ____ */
#postsocial .psb { 
	float: left;
	padding: 0; margin: 10px 10px 10px 0;
	height: 40px; width: 40px;
	overflow: hidden;	
	background: url(img/socialbuttons.png) 0 0 no-repeat;
}
#postsocial .tw { background-position: 0 0; }
#postsocial .gp { background-position: -40px 0; }
#postsocial .vk { background-position: -80px 0; }
#postsocial .fb { background-position: -120px 0; }

/* ____ pagination ____ */
.pages span, .pages a { padding: 3px; }

/* __ subscribe after post  ___ */
.subscribe { 
	background: #37c3a6;
	padding: 20px;
	margin: 30px 0;
}
.subscribe h3 { 
	color: #fff;
	font-size: 20px;
	text-align: center; 
	margin: 0 0 20px;
}
.fbsubscribe { position: relative; }
.subscribe .fbname { 
	border: 0;
	margin: 0 0 10px; padding: 10px 2%;
	width: 96%;
}
.subscribe .submit { 
	margin: 0; padding: 0;
	width: 100%; 
	background-color: #1a5c4f 	
}



/* __________ archive _______ 
.archive { margin-bottom: 40px; }
.archive h1 { margin-top: 0; }*/

 __________ search results _______ 
#wrap .searchresults h1 { font-size: 36px; }
#wrap .searchresults .anons h2 { font-size: 24px; }


/* __________ COMMENTS __________ */
#comments h3 { 
	font-size: 28px; 
	margin-bottom: 0; /*30px;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5; 
	color: #2cab91;
}
#comments h3 .cnt { 
	font-size: 18px; 
	color: #767676; 
	font-weight: 400; 
	float: right; 
}
.comment-list { margin: 0; list-style: none; }

/* comment */
.comment { 
	padding: 40px 0 0 0; margin: 0; /*0 0 40px 0; */
	position: relative; 
}
.comment-body { 
	margin: 0 0 30px 60px; 
}
.comment img.avatar { 
	position: absolute; 
	top: 40px; left: 0; padding: 0; margin: 0;
	-webkit-border-radius: 2px; border-radius: 2px;
	width: 50px; height: 50px; 
}
.comment-author .fn { 
	height:17px; 
	font: normal 20px/15px 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	display: block; 
	padding-right: 20px; 
}
.comment-author .fn a,
.comment-author .fn .hl { 
	display: block; 
	color: #434343; 
	font: normal 20px/15px 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	text-decoration: none;
}
.comment-author .fn a:hover,
.comment-author .fn .hl:hover { 
	color: #2cab91;
}

.comment-metadata { 
	font-size: 12px; 
	padding-top: 0; 
	line-height: 18px; 
}
.comment-metadata .edit-link { margin-left: 20px; /*float: right;*/ }
.comment-meta a { 
	color: #b6b6b6;
	text-decoration: none; 
	line-height: 18px; 
}
.comment-meta a:hover { color: #2cab91; }
.says { display: none; }
.comment-content { padding: .7em 0; }
.comment-content iframe { max-width: 100%; }
.comment-content p { 
	font-size: 16px; 
}
.comment-awaiting-moderation { font-style: italic; color: #ff9048;/*#999;*/ padding: 30px 0 0 0; }
.reply { display: block; height: 15px;  }
.reply a, .reply span { 
	float: left;
	line-height: 15px;
	font-size: 12px; 
	text-transform: uppercase; 
	font-weight: 700; 
	text-decoration: none; 
	color: #ccc; 
	cursor: pointer;
}
.reply a:hover, .reply span:hover { color: #2cab91; }
.comment ul.children { margin: 0 0 20px 0; }
.comment-list li.depth-1 { border-bottom: 1px solid #e5e5e5; }

/*.bypostauthor .comment-author .fn a { */
.bypostauthor > .comment-body .fn a { 
	color: #ff9048; 
}
.bypostauthor > .comment-body .comment-content,
.bypostauthor > .comment-body .comment-content p { 
	color: #000;
}




/* RESPOND */
#comments h3#reply-title { border-bottom: 0; margin: 70px 0 20px 0; padding: 0; }
#respond .comment-form { background: #37c3a6; padding: 30px; margin-bottom: 50px; }
#respond p { font-style: italic; font-size: 14px; line-height: 120%; color: #fff; }
#respond a { color: #1a5c4f; }
p.author, p.email, p.url { width: 100%; /*float: left; width: 200px;*/ margin: 0 0 10px 0; padding: 0; position: relative; }
#respond p.comment { width: 100%; margin-bottom: 0; padding: 0; }
p.author span, p.email span { position: absolute; top: 5px; right: 7px; color: #1a5c4f; }
#author, #email, #url  { 
	margin: 0; 
	padding: 10px 2% 10px 18%;
	width: 80%; 
	background: url(img/icons.png) 0 -655px no-repeat #fff; 
	border: 0;
}
#email { background-position: 0 -705px; }
#url { background-position: 0 -755px; }
#respond #comment { width: 94%; padding: 10px 3%; border: 0; margin: 0; }
p.form-submit { padding: 0; margin: 0; text-align: right; }
p.form-submit #submit { margin-bottom: 0; background-color: #1a5c4f; padding: 10px 0; width: 100%; }
p.form-submit #submit:hover { background-color: #ff9048; }
p.form-submit #submit:active { background-color: #ff812d; }
p.subscribe-to-comments { line-height: 125% !important; margin: 20px 0 0 0; }
.subscribe-to-comments #subscribe { float:left; margin: 0 10px 0 0; }
p.subscribe-to-comments label { display: block; }


/* reply TO */
.comment #respond { margin-left: 0; }
.comment #respond h3#reply-title { font-size: 24px; line-height: 26px; border-top: 1px solid #e5e5e5; margin-top: 0; padding-top: 30px; }
.comment #respond h3 small { float: right; font-size: 16px; line-height: 26px; }
/*.comment #respond p.author, .comment #respond p.email, 
.comment #respond p.url { float: none; width: 100%; margin: 0; }
.comment #respond #author, .comment #respond #email, 
.comment #respond #url { width: 70%; }
.comment #respond p.author span, 
.comment #respond p.email span { top: 10px; right: 15%; }*/




/* ------ SIDEBAR ----------------------------------------------------------------------------- */
#widgets { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.widget, .categories {
	padding: 0;
	margin-bottom: 50px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
}
.wtitle,
.widget_tabs #tabs .wtitle { 
	margin: 0; padding: 20px 30px;
	background: #f9f9f9;
	border: 1px solid #fff;
	border-bottom-color: #e5e5e5;
	color: #767676; 
	text-align: center; text-transform: none;
	font: normal 20px/100% 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
}

.widget ul, .widget ol { margin: 30px; }
.widget ul li, .widget ol li { margin-bottom: 5px; }
.widget .wul { margin: 0; }
.widget .wul li, .widget_tabs .tabitem a,
.categories ul li a { 
	padding: 15px 30px 15px 50px;
	background-position: 30px 23px;
	margin-bottom: 0; 
	border-bottom: 1px solid #f7f7f7; 
}
.widget .wul li:last-child,
.widget_tabs .tabitem a:last-child { border-bottom: 0; }
.widget .wul li:hover,
.widget_tabs .tabitem a:hover { background-color: #fcfcfc; }




.widget a, .categories a { text-decoration: none; color: #767676; }
.widget a:hover, .categories ul a:hover { /*text-decoration: underline;*/ color: #37c3a6; }
.widget img { max-width: 100%; height: auto; }
.ireccommend { display: block; margin: 30px; }
.noborder { border: 0; }


/* --- SOCIAL --- */
.widget_social { -webkit-border-radius: 0; border-radius: 0; border: 0; }
.widget_social .fbsubscribe { margin: 0; padding: 30px; background: #37c3a6; }
.widget_social .fbname { border: 0; width: 84%; padding: 10px 3%; margin: 0 5%; }
.widget_social .submit { width: 90%; margin: 10px 5% 0; background-color: #1a5c4f; } 
.widget_social .fbdesc { 
	background: #37c3a6; 
	padding: 30px 30px 0; 
	color: #1a5c4f; 
	text-shadow: 1px 1px rgba(255,255,255,0.1);
	font: normal 18px/120% 'AG Bengalyc', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;  
}
.soc { 
	height: 50px; 
	margin: 0 0 30px; 
	background: #37c3a6;
	display: flex;
	/*border-bottom: 20px solid #fff; */
}
.myvcard .soc li {
	width: 33.33%;
}
.soc .sb { 
	display: block; 
	/*float: left;
	width: 20%; */
	width: 100%;
	height: 50px; 
	background: url(img/icons.png) 0 0 no-repeat;
	position: relative; 
}
.soc .sb:after { 
	content: ''; 
	position: absolute; 
	top: 0; right: 0; 
	width: 1px; height: 100%; 
	background: #fff; 
}
.soc .sb:hover { 
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); 
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); 
}

.soc .rss { background-position: 50% -600px; }
.soc .sk { background-position: 50% -150px; }
.soc .tw { background-position: 50% -200px; }
.soc .gp { background-position: 50% -250px; }
.soc .fb { background-position: 50% -300px; }
.soc .dr { background-position: 50% -350px; }
.soc .be { background-position: 50% -450px; }
.soc .pt { background-position: 50% -400px; }
.soc .fl { background-position: 50% -550px; }
.soc .tg { background-position: 50% -956px; }
.soc .fln { background-position: 50% -550px; }

.soc .rss:hover { background-color: #ff9048; }
.soc .sk:hover { background-color: #00aded; }
.soc .tw:hover { background-color: #09b0fe; }
.soc .gp:hover { background-color: #e42626; }
.soc .fb:hover { background-color: #4272c9; }
.soc .dr:hover { background-color: #f3327f; }
.soc .be:hover { background-color: #226ff6; }
.soc .pt:hover { background-color: #cc2127; }
.soc .fln:hover { background-color: #4ea828; }
.soc .fl:hover { background-color: #4ea828; }
.soc .tg:hover { background-color: #65aadd; }



/* --- SEARCH --- */
.widget_search, .searchform { position: relative; }
.searchform .fa {display: none;}
.widget_search .s, .searchform .s { 
	margin: 0; padding: 10px; 
	border: 0; 
	width: 90%;
}
.widget_search .searchsubmit, .searchform .searchsubmit { 
	position: absolute; 
	margin: 0; width: 40px;
	top: 0; right: 0; 
	background-image: url(img/icons.png);
	background-position: 0 -805px;
	background-repeat: no-repeat;
}
.darktop .searchform { max-width: 300px; }
.darktop .searchsubmit { background-color: #1a5c4f; }
.darktop .searchsubmit:hover { background-color: #ff9048; }
.darktop .searchsubmit:active { background-color: #ff812d; }

.search-results .anons { padding-bottom: 50px; }
.search-results .anons h2 { font-size: 26px; margin-bottom: 10px; }
.search-results .anons .entry { font-size: 16px; line-height: 125%; }
.search-more { text-decoration: none; font-weight: 700;/*500;*/ color: #2cab91 !important; }


/* --- TABS --- */
.widget_tabs { }
.widget_tabs #tabs { margin: 0; }
.widget_tabs #tabs .wtitle { 
	display: inline-block; 
	padding: 15px 0; 
	width: 50%; 
	border-width: 0 0 1px 0;
	position: relative;
}
.widget_tabs #tabs .wtitle:first-child:after { 
	content: ''; 
 	position: absolute; 
 	top: 0; right: 0;
 	background: #e5e5e5; 
 	width: 1px; height: 100%; 
 }
.widget_tabs #tabs .wtitle:last-child { float: right;  }
.widget_tabs #tabs a.active { background-color: #fff; border-bottom-color: #fff;  }
.widget_tabs #tabs a:hover { color: #b6b6b6; text-decoration: none; }
.widget_tabs #tabs a:last-child {  margin-right: 0; }
.widget_tabs .tabitem { padding: 0; margin: 0; min-height: 30px; columns: 2; }
.widget_tabs .tabitem br { display: none; }
.widget_tabs .tabitem a { 
	background: url(img/li.png) 30px 23px no-repeat;
	display: block;
}
.widget_tabs #lastcomments ul { margin: 0; padding: 0; }
.widget_tabs #lastcomments li { background: none; padding-left: 0; }
.widget_tabs #lastcomments li { font-size: 12px; line-height: 14px; }
.widget_tabs #lastcomments li b { color: #2cab91 }
.widget_tabs #lastcomments li:last-child { margin-bottom: 0; }



/*  ---- categories --- */
.categories { position: relative; }
.categories .wtitle { text-align: left; }
.categories ul { margin: 0; }
.categories ul li { padding: 0; background-position: 30px 23px; }
.categories ul li a { display: block; }
.categories .cat-item a:hover { background-color: #37c3a6; color: #fff; padding-left: 30px; }
.categories .children { margin: 0; }
.categories .children li { background-position: 50px 14px; background: none;  }
.categories .children a { padding: 10px 30px 10px 70px; font-size: 16px; line-height: 20px; }
.categories .children .children a { padding: 10px 30px 10px 90px; font-size: 16px; line-height: 20px; }
.categories .children .cat-item a:hover { background-color: #37c3a6; color: #fff; padding-left: 50px; }

a.blogmap {
position: absolute;
top: 1px;
right: 1px;
height: 59px;
width: 59px;
background: #ECECEC;
}
a.blogmap:before {
content: "\f325";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 24px/58px 'dashicons';
vertical-align: middle;
text-align: center;
width: 59px;
}
a.blogmap:after {
display: block;
content: '';
width: 1px;
border-left: 1px solid #e5e5e5;
position: absolute;
left: -2px;
top: -1px;
height: 61px;
}
a.blogmap:hover { background: #eee; }
a.blogmap:hover:before { color: #2cab91; }



/*  ---- popular items --- */
ul.popular_posts { margin: 0; }
.widget_popular .pli {
	margin: 0;
	padding: 0;
	background: transparent !important;
	border-bottom: 1px solid #eee;
}
.widget_popular .pli:last-child,
.categories > ul > li.cat-item:last-child a { border-bottom: 0; }
.widget_popular .pli a {
	display: block;
	padding: 15px 30px;
	margin: 0;
	font-size: 16px;
	line-height: 18px;
}
.widget_popular .pli:hover a {
	background: #37c3a6;
	color: #fff;
}
.widget_popular .commCnt { display: none; }


/* end blog ===================================================================== */





/* ==============================================================================
 * AUTHOR page
 * ============================================================================== */
body.author h2 { margin-top: 0; }
.author-posts-list li { margin-bottom: 20px; font-size: 20px; line-height: 24px; padding-left: 25px; /*background-position: 0 11px !important;*/ }
.author-posts-list li a { text-decoration:none; color: #444444; }
.author-posts-list li a:hover { color: #2cab91; }
.author-posts-list small { padding-top: 10px; font-size: 0.7em; display: block; }

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






/* ==============================================================================
 * HTML SiteMap page
 * ============================================================================== */
#htmlmap_cats {padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;margin-bottom: 70px;}
#htmlmap_cats .cat {display: inline-block;}
#htmlmap_posts ul li { background: none; }
#htmlmap_posts ul li { padding-left: 0; }
/*#htmlmap_posts small { width: 90px; display: inline-block; }*/
#htmlmap_posts h2, 
#htmlmap_posts h3 { margin-bottom: 2px; }
#htmlmap_posts li small { width: 90px; display: inline-block; }
#htmlmap_posts h3 small { display: inline; }
/* ============================================================================== */





/* ==============================================================================
 * Locked content
 * ============================================================================== */
/*.unlocked {}
.locked { background: #1a5c4f; color: #fff; position: relative; }
.locked h3 { padding: 20px 20px 20px 80px; margin: 0; color: #fff; background: #37c3a6; }
.locked h3:after {
	content: "\f112";
	display: block;
	position: absolute;
	top: 20px; left: 20px;
	-webkit-font-smoothing: antialiased;
	font: normal 40px/1 'dashicons';
}
.locked .open { 
	cursor: pointer;
	background: #1a5c4f; 
	padding: 20px;
	text-transform: uppercase;
	text-align: center;
	font: 300 16px/146% 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;

}
.locked .open:hover {background: #ff812d;border-bottom-color:#ff812d;}
.unlockcontent { display: none; padding: 40px; border-top: 1px solid #fff; }
.unlockcontent input[type=password] { border: 0; padding: 10px; }
.unlockcontent p {font-size: 14px;line-height: 16px;}
.unlockcontent a {color: #1a5c4f;}
.unlockcontent a:hover {color: #fff;}*/

.zip {
	display: block;
	border: 1px solid #ddd;
	padding: 20px 20px 25px 120px;
	height: 55px;
	line-height: 55px;
	text-decoration: none;
	margin: 20px 0 20px 50px;
	font-size: 22px;
	color: #333;
	background: url(img/zip.png) 10px 0 no-repeat;
	overflow: hidden;
}
a.zip:hover {
	background-color: #37c3a6;
	background-position: 10px -100px;
	border-color: #37c3a6;
	color: #fff;
}
/* ============================================================================== */






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

#copy {
	text-align: center; 
	font: 700 12px/29px 'Exo 2', Verdana, Segoe, sans-serif;
	color: #434343;
	border-top: 1px solid #eee;
}
#copy a { color: #434343; text-decoration: none;  }
#copy a:hover { color: #37c3a6; }

ul#footermenu { 
	margin: 25px 0;
	text-align: center;
}
#footermenu li { 
	padding: 0; margin: 0 0 5px 0;
	line-height: 20px;
}
#footermenu li a { 
	color: #a0a0a0;
	font-weight: 300;
	text-decoration: none;
}
#footermenu li a:hover { color: #37c3a6; text-decoration: underline; }

.usage { display: block; margin: 0 0 20px 0; font-size: 10px; }

#toTop {
	display: none;
	background: #37c3a6;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	font: 700 14px/20px 'Exo 2', Tahoma, Verdana, Segoe, sans-serif;
	color: #1a5c4f;
	cursor: pointer;
}
#toTop:hover { 
	background: #ff9048;
	color: #fff;
}

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


.texticon {
padding-top: 4px;
padding-right: 10px;
text-decoration: none;
}



/* Base16 Atelier Forest Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
/* https://github.com/jmblog/color-themes-for-highlightjs */
/* Atelier Forest Light Comment */
.hljs-comment,
.hljs-title {
  color: #766e6b;
}

/* Atelier Forest Light Red */
.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo {
  color: #f22c40;
}

/* Atelier Forest Light Orange */
.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant {
  color: #df5320;
}

/* Atelier Forest Light Yellow */
.hljs-ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute {
  color: #d5911a;
}

/* Atelier Forest Light Green */
.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata {
  color: #5ab738;
}

/* Atelier Forest Light Aqua */
.css .hljs-hexcolor {
  color: #00ad9c;
}

/* Atelier Forest Light Blue */
.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title {
  color: #407ee7;
}

/* Atelier Forest Light Purple */
.hljs-keyword,
.javascript .hljs-function {
  color: #6666ea;
}

.hljs {
  display: block;
  background: #fafafa;
  color: #68615e;
  padding: 0.5em;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
  opacity: 0.5;
}


/* -------------- SHORTCODES ----------- */
.info,
.note,
.warning {
	margin: 0.5em 0 1em;
	padding: 20px 30px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}
.info {
	border-color: #a5e2d5;
	background: #f5fcfa;
	color: #0c6c58;	
}
.note {
	border-color: #d9ccb5;
	background: #fdf8f0;
	color: #7b6641;	
	font-size: 0.9em;
	line-height: 130%;
	font-style: italic;
	margin-left: 50px;
}
.warning {
	border-color: #ffdddd;
	background: #fffafa;
	color: #660000;	
}


/* ---------------------- */
.single .newservice { position:relative; }
.single .newservice:after{
	content: '';
	position: absolute;
	bottom: -20px; left: 50%;
	height: 0; width: 0;
	margin-left: -20px;
	border-top: 20px solid #37c3a6;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.single .newservice h2 {
	margin-top: 0;	
	padding-top: 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 36px;
}
.single .newservice p {
	color: #1a5c4f;
	font-size: 22px; 
	text-align: center;
	font-weight: bold;
}



/* ------------------------------ */
.btn {
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	margin: 20px auto;
	height: auto;
}
.btn-big {
	padding: 30px 40px;
	font-size: 24px;
	line-height: 100%;
}
.btn-middle {
	padding: 20px 30px;
	font-size: 22px;
	line-height: 100%;
}


.border {
	margin: 0.5em 0;
	padding: 40px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}
.mainborder {
	border-color: #37c3a6;
}
.border h2:first-child,
.border h3:first-child {
	margin-top: 0;
	padding-top: 0;
}




/* __________ FANCYBOX __________ */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('img/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('img/loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.7)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('img/fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('img/fancybox_loading@2x.gif');background-size:24px 24px}}



.beta { display: block; padding: 9px 0; background: #FCB109; text-decoration: none; font-size: 14px; line-height: 15px; transition: all 300ms;
	position: relative; z-index: 10000; box-shadow: 0 0 10px#000; color: #401B00; text-shadow: 1px 1px rgba(255, 255, 255, 0.1); }
.beta:before {content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.beta:hover { color: #fff; background-color: #FF7E03; }
.beta .maxwidth{display: block;max-width: 1180px; width: 90%; margin: 0 auto;}
.beta .specialoffer {text-transform: uppercase;font-weight: bold;}
.beta .open {font-weight: bold;}


/* _____ price bloggers ____ */
.bloggers_price {
    max-width: 80%;
    margin: 0px auto 20px ;
}
.bloggers_price td {
    border: 1px solid #C6C6C6;
    padding: 15px 10px;
}
.bloggers_price th {
    background: #37C3A6;
    padding: 20px;
    color: #fff;
    border: 1px solid #fff;
}
.bloggers_price tr:hover td {
    background: #eee;
}


.blacksale {
    background: #000;
    padding: 40px 60px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.blacksale p {
    text-align: center;
}
.blacksale .sale {
	color: red;
}