@font-face {
	font-family: "Intro";
	src: url("../fonts/Intro.woff");
}


@font-face {
	font-family: "HistoryPro-Two";
	src: url("../fonts/HistoryPro-Two.woff");
}

@font-face {
	font-family: "Badscriptregular";
	src: url("../fonts/Badscriptregular.woff");
}


/* GENERAL STYLES */
body {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 100%;
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
}
a {
	text-decoration: none;
}

p {
	font-size: 13px;
	line-height: 1.1em;
}

nav li a{
    padding: 0;
    margin: 0;
 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav ul {
    list-style: none;
    overflow: hidden;
}

.container {
	margin: 0 auto;
	width: 960px;
	padding-left: 1px;
}

.item-left {
    float:left;

}

.item-right {
    float:right;

}

.clear { clear: both } 

button{cursor: pointer; display: inline-block; padding: 8px 13px 8px 13px; margin: 8px; font-size: 18px; }
button:hover{background-color: #207406; color: #38271f;}
button {/*background-color: #88b138;*/ background:linear-gradient(20deg, #6c9225 0%, #88c027 50%, #6c9225 100%);
	color: white;}
	
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}

.h2-min {display: none;}


/* HEADER */
header {padding: 0; background:url("../images/bg_24.png")repeat;	height: 337px;}
header .wrap-header{}

.header h1, .header h2 { color: #34620a; text-align: center; }

h1 { /*font-family: Lucida Console; */ font-family: Consolas; font-weight: bold; font-style: italic; font-size: 2.6em; margin-top: 0.9em; margin-left: 0.1em; text-shadow: 1px 1px 1px #9ff2a3; }
/*h1 { font-size: 2.4em; */
/* h2.h2{ color: #afa738; font-size: 230%; } /* #a2a425, #f3fad1*/

h2.h2 { color: #ffeeff; font-family:  Badscriptregular; font-weight: bold; /*font-family: 'Lucida Console'; */font-size: 195%; font-style: italic;  line-height: 0; margin-top: 26px;  }
/*h2.h2 { color: #ffeeff; font-family: 'Lucida Console'; font-size: 230%; font-style: italic;  line-height: 0.75em;margin-top: 0.7em; }*/

.block {height: 337px; margin: 0; padding: 0; }

header .title {
	font-family: HistoryPro-Two;
	font-size: 1em;	
	
}

/*
header .quot {
	width: 80%;
	background:url("../images/bg53.png")repeat;
	/*border: 2px green outset;*/
	/*border: 2px green dotted;
    margin-top: 20px;
	margin-left: 70px;
	padding: 12px 2px 3px;
}
*/
.wrap-col{
	width: 100%;
	
}

header .quot {
	/*border: 2px green outset;
	border: 2px green dotted;*/
margin-left: 10%; 
width: 85%; 
height: 80%;
padding: 2px 6px 3px;
/*transform: skew(-12deg);*/
/*background:url("../images/bg53.png")repeat;*/
background:url("../images/ram13.png") left 50% no-repeat;
position: relative;
}

.i {
	font-style: italic;
	color: #38271f;
	/*font-size: 1.4em; */
	font-size: 1.4em;
    font-family: San-Serif;
    line-height: 1.3em;
	white-space: pre;
}

.signature {
    color: #280d07;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
	line-height: 0.3em;
}


/* END HEADER */


.min {display: none;}

.book {
	border: none;
    overflow: auto;
}

.block1{background:url("../images/bg53.png")repeat;}


.box0 {
	height: auto;

}

.box0 p {
    color: #38271f;
	font-family: Helvetica;
    
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 10px 10px 10px 20px;
}

.box1 {padding-top: 32px;
    text-align: right;}
    
.wrapper {background: url(../images/bg_slider.gif) bottom repeat; width:100%; margin-top: 8px; padding:0; overflow:hidden}   
/*.wrapper {background: url(../images/bg86_n2.png) bottom repeat; width:100%; margin-top:-20px; padding:0; overflow:hidden}    */

#pointer {
	margin-top: -27px;
	margin-left: 130px;
}

#about {
	width: 78%;
	overflow: hidden;
	padding: 0 7px;
}

#about p {
	color: #38271f;
	font-size: 0.5em;
    line-height: 1.2em;
	
}
	
#front_book {
	float: right;
	width: 20%;
	margin-left: 10px;
	margin-top: -166px;
	margin-right: 2px;
}

#front_book img{
	float: right;
	width: 90%;
}

#author {
	height: 300px;
	overflow: auto;
}

#author  .foto-min {display: none;}

#about_author {
	float: left;
	width: 70%;
	height: 300px;
	overflow: hidden;
}

#about_author p {
	font-style: italic;
	font-family: San-Serif;
	font-size: 141%;
	margin: 11px 19px;
	text-indent: 18px;
}

#signature_author  {
	color: #280d07;
    font-size: 1.4em;
	font-weight: bold;
	margin-right: 10px;
}



/*  */

#foto {
	float: right;
	margin-top: 2%;
	margin-right: 0.3%;
}

#round_foto{
	width:193.75px;
	height:193.75px;
	border-radius:50%;
	line-height:193.75px;
}

#ref p {
	font-style: italic;
	font-family: San-Serif;
	font-size: 105%;
}

/* Стиль кнопки не работает! */
.sale {
	margin: 10 auto;
}



/* NAVIGATION */


.page-navigation {
	width: 100%;
	margin: 0 auto; 
	/*background-color: #825b24;
	border-color: #101010;*/
	/*min-height: 66px;*/
	
}
/*
.page-navigation li {
	float: left;
	width: 12.5%;
	height: 30px;
}

.page-navigation .long {
	width: 20%;
	
}
*/
/*
.page-navigation a {
	display: block;
	color: #9d9d9d;
	/*padding: 1.3em;*/
    /*line-height: 3.8em;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
*/
.page-navigation li a {
	display: block;
	float: left;
	width: 15%;
	/*min-height: 66px;*/
	padding: 2% 0.3%;
	background: #825b24;
    border-right: 1px solid #6c9225;
    color: #9d9d9d;	
	/*line-height: 3.8em;*/
	font: 400 110%/1.4 Arial, "Trebuchet MS", Helvetica, sans-serif;
	/*font-size: 110%;*/
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	
}

.page-navigation .long  a{
	width: 20%;
}



/*
.page-navigation li a:hover {
	color: yellowgreen;
	background-color: #72522b;
    height: 64px;
}
*/


.page-navigation li a {
 
 /*TRANSISTIONS*/
 -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
      -o-transition: background 0.5s ease;
     -ms-transition: background 0.5s ease;
         transition: background 0.5s ease;
}
 
/*HOVER*/
.page-navigation li a:hover {
 background: #72522b;
}

/* убираем границы для последнего пункта */
.page-navigation li:last-child a {
	border: none;
}

/* MEDIA QUERIES NAV*/
@media only screen and (max-width : 1220px), 
only screen and (max-device-width : 1220px){
/* настройка размера шрифта на 10 пикселей: при уменьшении окна браузера меню реагирует, уменьшая размер шрифта для соответствия размеру. */
    .page-navigation li a {
	    font: 400 110%/1.4 Arial, "Trebuchet MS", Helvetica, sans-serif;
		font-weight: bold;
    }
    
}

/* при уменьшении окна до 900px изменим меню, чтобы оно разбилось на две строки */
@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){
	/* изменили границы пунктов меню: теперь нужно, чтобы верхний ряд имел границы снизу, а не нижний  */
 .page-navigation li a, .page-navigation .long a {
 width: 33.3333333%;
 border-bottom: 1px solid #6c9225;
 font: 400 105%/1.4 Arial, "Trebuchet MS", Helvetica, sans-serif;
 font-weight: bold;
 }
 
 .page-navigation li:last-child a, .page-navigation li:nth-child(3) a {
 border-right: none;
 }
 
 .page-navigation li:nth-child(4) a, .page-navigation li:nth-child(5) a, .page-navigation li:nth-child(6) a {
 border-bottom: none;
 }
}

 /* адаптируем для 580 пикселей ниже и немного уменьшим размер шрифта для адаптации до 320 пикселей */
 @media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
 .page-navigation li a, .page-navigation .long a {
 width: 50%;
 height: auto;
 font: 400 103%/1.4 Arial, "Trebuchet MS", Helvetica, sans-serif;
 font-weight: bold;
 padding-top: 3%;
 padding-bottom: 3%;
 }
 
 .page-navigation li:nth-child(even) a {
 border-right: none;
 }
 
 .page-navigation li:nth-child(3) a {
 border-right: 1px solid #6c9225;
 }
 
 .page-navigation li:nth-child(3) a, .page-navigation li:nth-child(4) a {
 border-bottom: 1px solid #6c9225;
 }
}
 

/* LOGIN FORM */
.login {
	padding: 15px 0;
	float: right;
}
.login input[type="text"],
.login input[type="password"] {
	padding: 5px;
	margin-right: 5px;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;
}
.login input[type="submit"] {
	padding: 5px 15px;
	border: 1px solid lightgrey;
	border-radius: 5px;
}
.login input[type="submit"]:hover,
button:hover {
	
}


/* MAIN PART */
main {
	
}

hr {
    margin: 0.3em 0;
    width: 100%;
    height: 9px;
    background: url(../images/hr.png) no-repeat top center;
    border: none;
}


.wrap-button {
	margin-top: 15px;
}

.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:47px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}


.featured{margin:30px auto;  background: url(../images/bg_slider.gif) bottom repeat;
    max-height: 423px;
	width: 100%;
    padding: 0;
overflow: hidden; }
.featured .wrap-featured{
}
.featured .wrap-featured .slider{}


.a_guest {
	margin-top: 20px;
	margin-left: 10px;
	background:url(../images/icon2.gif) 5% 45% no-repeat #f5f5f5; 
	float: left;
	width:275px; 
	
	
	
}
.a_guest h3{
	margin-top: 12px;
	margin-left: 52px;
	font-size: 140%;
	color: #38271f;
	font-family: Helvetica; 
}
.a_guest a {
	font-style: italic;
	color: #669933;
}

.collections {
	overflow: auto;
	margin-bottom: 20px;
}

.collection-title {
	color: #34773a;
	/* Олива  #35430b; */
	padding-bottom: 5px;
	border-bottom: 1px solid #777;
	font-size: 36px;
}
.collection-title small {
	color: #459f44;
	font-size: 70%;
}
.collection-item-outer {
	display: inline-block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 50%;
	box-sizing: border-box;
}

.collection-item-outer-video {
	display: inline-block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 33.33%;
	box-sizing: border-box;
}

.collection-item-outer-ref {
	display: inline-block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 25%;
	box-sizing: border-box;
}

.round {
	width:213.75px;
	height:213.75px;
	border-radius:50%;
	line-height:213.75px;
}

.collections > div:first-child {
	padding-left: 0;
	padding-right: 10px;
}
.collections > div:last-child {
	padding-right: 0;
	padding-left: 10px;
}
.collection-item {
	border: 1px solid #959595;
}
.collection-item img,
.collection-item video {
	text-align: center;
	width: 100%;
}

.collection-item img {
	height: 329px;
}

.collection-item-ref img{
	width: 87%;
}

.collection-text {
	padding: 0 20px 20px 20px;
}
.collection-text h3 {
	color: #559903;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.collection-text p {
	color: #38271f;
	height: 77px;
	font-size:112%;
	overflow: hidden;
}

.collection-text .tild {
	color: #94bd00;
}


.collection-text  .text {
	color: #2d1a16;
    font-family: Georgia;
    font-size: 110%;
    font-style: italic;
   
}

.collection-text button {
	/*background: #b1c23f;*/
	background: #b8be78;
	color: #38271f;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;
}

.collection-text button:hover  {
	background-color: #99b141;
	/*454500; */
	color: white;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;
}

.collection-text .text_video{ height: 40px; }

/* FOOTER */
.footer {
	background-color: yellowgreen;
	color: white;
	padding: 20px 0;
	margin-top: 30px;
}

#parent_popup {
	background: url("../images/popup/bg_popup.png") repeat;
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
}

#popup {
	background: url("../images/popup/popup6.png") no-repeat;
	height: 388px;
	margin: 50px auto 0;
	width: 396px;
}

#popup_close {
	float: right;
	margin-top: -54px;
	margin-right: 10px;
	/*padding: 14px 18px 0 0;
	text-align: right;*/
	border: 1px solid #999;
	border-radius:5px;
	padding: 4px;
}

#popup_close  a{
	cursor: pointer;
}

#popup_close i { 
	font-size: 200%;
	color: #fcbf05;
}

#popup_close img {
	cursor: pointer;
}

#popup h3 {
	color: #00345d;
	font-family: Intro;
	font-size: 115%;
	position:relative;
	left: 30px;
	top: 12px;
	/*text-align: center;*/
	width:62%;
	
}

#popup input[type="text"] {
	border-radius: 5px;
	border: none;
	font-size: 120%;
	height: 40px;
	padding: 0 10px;
	
}

#popup #order{
	margin-top: -8px;
	
}

.email {
	width: 322px;
	margin: 27px 0 0 25px;
}

.inp {
	margin-top: 10px;
	margin-left: 223px;
	
}

#popup .button1, #link_thank, #link_thank:hover {
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	line-height:18px;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	background:url(../images/popup/button-1-2.png) left -82px repeat-x #555;
	background: -webkit-linear-gradient(top, #747474, #555); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #747474, #555); /* FF3.6 */
	background:     -ms-linear-gradient(top, #747474, #555); /* IE10 */
	background:      -o-linear-gradient(top, #747474, #555); /* Opera 11.10+ */
	background:         linear-gradient(top, #747474, #555);
	padding:7px 18px 10px 15px;
}

#popup .button1:hover {
	background:url(../images/popup/button-1-2.png) repeat-x left 0 #2f2f2f;
	background: -webkit-linear-gradient(top, #404040, #2f2f2f); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #404040, #2f2f2f); /* FF3.6 */
	background:     -ms-linear-gradient(top, #404040, #2f2f2f); /* IE10 */
	background:      -o-linear-gradient(top, #404040, #2f2f2f); /* Opera 11.10+ */
	background:         linear-gradient(top, #404040, #2f2f2f);
	/*border: none;
	border-radius:17px;
	*/
}

.button1 input:hover{
	/*border: none;
	border-radius:17px;
	*/
	
}

#popup .button1:focus {
	outline: none;
}



#popup .button2 {
	margin-left: 25px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 16px;
    color: #3e3e3e;
    padding: 4px 13px 6px;
    border: 1px solid #c9c9c9;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: url(../images/popup/button-2.png) repeat-x left -88px #e2e2e2;
    background: -webkit-linear-gradient(top, #fefefe, #e2e2e2);
    background: -moz-linear-gradient(top, #fefefe, #e2e2e2);
    background: -ms-linear-gradient(top, #fefefe, #e2e2e2);
    background: -o-linear-gradient(top, #fefefe, #e2e2e2);
    background: linear-gradient(top, #fefefe, #e2e2e2);
}

#popup .button2:hover {
	background:url(../images/popup/button-2.png) repeat-x left top #585858;
	background: -webkit-linear-gradient(top, #727272, #585858); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #727272, #585858); /* FF3.6 */
	background:     -ms-linear-gradient(top, #727272, #585858); /* IE10 */
	background:      -o-linear-gradient(top, #727272, #585858); /* Opera 11.10+ */
	background:         linear-gradient(top, #727272, #585858);
	border-bottom-color:#585858;
	border-top-color:#727272;
	border-left-color:#6d6d6d;
	border-right-color:#606060;
	color:#fff;
}

#captcha_order{
	
}

.captcha_form {
   margin-left: 10px;
	width: 30%;
}

#content1 {
	/*margin-top: 25px;*/
	/*background: linear-gradient(20deg, #feaa01 0%, #fdb503 50%, #f9df0b 100%);*/
	/*margin-left: 4px;
	margin-right: 4px; */
	padding-left: 22px;
	//margin-top: -8px;
	margin-top: 23px;
	
	font-weight: bold;
	color: #00345d;
}

#button_order{
	margin-left: 75px;
	margin-bottom: 100px;
	margin-top: 35px !important;
	color: #00345d !important;
	font-weight: bold;
	padding: 4px 13px 6px !important; 
	background: linear-gradient(20deg, #feaa01 0%, #fdb503 50%, #f9df0b 100%) !important;
	border-top: 2px solid #727272;
	border-left: 2px solid #727272;
	border-right: 2px solid #585858;
	border-bottom: 2px solid #585858;
	
}



.error, .error_go {
  font-weight: bold;
  color: #FF0000;
}

.error_go {
	float: right;
	margin-right: 80px;
}

label {
	color: #777777;
	font-size: 120%;
	margin-top: 8px;
	margin-left: 25px;
	float: left;
}

#label_guest{
	font-size: 105%;
	font-style: italic;
	margin-top: 18px;
	color: #696969;
}


.verify {
	margin-top: 17px;
}

#verify_guest{
    /* margin-top: 10px; */
	margin-bottom: 15px;
    margin-left: 10px;
    width: 178px;
    height: 30px;
    padding-bottom: 10px;
	padding-top: 10px;
}

#verify {
	margin-top: 1px;
    margin-left: 10px;
    width: 178px;
}

.captcha {
	margin-top: -5px;
	margin-left: 25px;
	width: 28%;
}


/* адаптируем для 520 пикселей ниже */
@media only screen and (min-width : 520px),
only screen and (min-device-width : 520px) {
.captcha_mobile{
	display:none;
	}
}

@media only screen and (max-width : 519px),
only screen and (max-device-width : 519px) {
.captcha_mobile{
	display:block;
	}
}

@media only screen and (max-width : 519px),
only screen and (max-device-width : 519px)  {
.captcha{
	display:none;
	}
}


#captcha_mobile{
	width: 60%;
	height: auto;
	margin: 10px auto 25px;
	
	/*text-align: center;*/
}


.captcha_mobile {
	width: 50%;
	height: auto;
	
}


#content{
	margin: 28px 5px 5px;
	max-width: 85%;
	
}


@media only screen and (min-width : 480px) and (max-width : 619px),
only screen and (min-width : 480px) and (max-device-width : 619px)  {
#content{
	margin-top: 80px;
	margin-bottom: 0;
	max-width: 95%;
	
}
}

@media only screen and (max-width : 479px),
only screen and (max-device-width : 479px)  {
#content{
	margin-top: 80px;
	margin-bottom: 0;
	max-width: 70%;										%;
	
}
}

#guest_thank{
	font-size: 110%;
	color: green;
}

#thank{
	font-style: italic;
	font-size: 100.5%;
	color: #333333;
	max-width: 75%;
}


#link_thank {
	font-style: normal;
	font-weight: normal;
	background: linear-gradient(20deg, #4b4c31 0%, #cc6600 50%, #b8be78 100%);
	background: -webkit-linear-gradient(top, #4b4c31, #b8be78); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #4b4c31, #b8be78); /* FF3.6 */
	background:     -ms-linear-gradient(top, #4b4c31, #b8be78); /* IE10 */
	background:      -o-linear-gradient(top, #4b4c31, #b8be78); /* Opera 11.10+ */
	background:         linear-gradient(top, #4b4c31, #b8be78);
	                                          
}

#link_thank:hover{
	font-style: normal;
	font-weight: normal;
	/*background: linear-gradient(20deg, #b8be78 0%, #b9e579 50%, #8c924a 100%);*/
	background: linear-gradient(20deg, #b8be78 0%, #9acd32 50%, #8c924a 100%);
	background: -webkit-linear-gradient(top, #b8be78, #8c924a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #b8be78, #8c924a); /* FF3.6 */
	background:     -ms-linear-gradient(top, #b8be78, #8c924a); /* IE10 */
	background:      -o-linear-gradient(top, #b8be78, #8c924a); /* Opera 11.10+ */
	background:         linear-gradient(top, #b8be78, #8c924a);
	color: #38271f;
	
}

#guest_error {
	font-size: 105%;
	color: #f30a20;
}

#toTop {
    display: block;
	opacity: 1;
	bottom: 40px;
    height: 70px;
    position: fixed;
    right: 32px;
    width: 32px;
} 


#toTop a, #toTop:hover a, #toTop a:hover {
    -moz-border-radius: 4px;
    -moz-transition: 200ms ease-in all;
    -ms-transition: 200ms ease-in all;
    -o-transition: 200ms ease-in all;
    -webkit-border-radius: 4px;
    -webkit-transition: 200ms ease-in all;
    background: url("../images/to_top.png") no-repeat;
	background-position: 0 -32px;
	/*
	background-image: url(../images/to_top.png);
    background-position: center center;
    background-repeat: no-repeat;
	*/
    border-radius: 4px;
    display: block;
    height: 32px;
    transition: 300ms ease-in all;
    width: 32px;
} 

#toTop:hover a, #toTop a:hover { border: 1px solid #336600; } 


.testimonials{margin-top: 30px; float:left; width:240px; position:relative; z-index:1; height:210px; overflow:hidden}
#testimonials div{background:url(../images/bg_test.png) 0 bottom no-repeat #f5f5f5; width:240px; padding:25px 12px 43px 12px}
/* #testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px} */
#testimonials div p {width: 90%; font-size:113%; color: #38271f; font-family: Helvetica; }
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px; background:url(../images/marker_up.png) 0 0 no-repeat; /*background-color: #669933;*/}
/*.up i {color: #ffffff; font-size: 140%;}*/
.down{background:url(../images/marker_down.png) 0 0 no-repeat;}
.up:hover, .down:hover{background-position:bottom;}
.color1{color:#323b2a;}

.form {
	float: right;
	width: 650px;
	color: #38271f;
	
}

.form h3 {
	color: #323b2a;
	font-size: 150%;
	margin-left: 90px;
	margin-top: -2px;
}

#ContactForm span {
    width: 89px;
    float: left;
    font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
    color: #696969;
    line-height: 22px;
    font-style: italic;
}

#ContactForm .email {
	width: 168px;
	margin: 0;
	margin-top: -5px;
}

#ContactForm .input {
    width: 175px;
    height: 23px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 3px 5px;
    color: #696968;
    font-style: italic;
    margin: 0;
}

#ContactForm  .inp-left {float: left;}

#ContactForm  .inp-right {float: right;}

#ContactForm .textarea {
	width: 130px;
	margin: 0;
	
}

#ContactForm textarea {
    overflow: auto;
    width: 507px;
    height: 143px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 3px 5px;
    color: #696968;
    font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    margin: 0;
	margin-top: -15px;
}

.field{
	color: #353634;
	font-size: 95%;
	margin-top: -5px;
	margin-left: 16px;
}

.form_inp {
	height: 32px;
	margin-top: -20px;
	float: right;
}

#ContactForm .inp_bottom {
    margin-top: -31px;
    margin-left: 10px;
    float: right;
    width: 100px;
    font-style: normal;
    color: #fff;
    height: 35px;
    line-height: 32px;
	background: linear-gradient(20deg, #6c9225 0%, #88c027 50%, #6c9225 100%);
	text-align: center;
}

#ContactForm .inp_bottom:hover{background-color: #207406; color: #38271f;}
#ContactForm a:hover{background:#080808}

#new {
	margin-top: 20px;
	color: #28301f;
	
}

.box2 {
	
	background:url(../images/46.png) 0 0 repeat;
	padding: 1px 15px;
	
}

.box_p {
	
	height: 75px;
	overflow: hidden;
}

	
#new p {
	font-size: 121%;
	font-family: Helvetica, sans-serif;
	text-indent: 18px;
	line-height: 24px;
	
	
}

#new .line2{
	margin-top: -18px;
	 
}

#new .last{
	background: url(../images/info_34.png) no-repeat 1% 20%; 
}

#new .last p{
	margin-left: 50px; 
}

#new ul li{
	list-style: none;
	background: url(../images/mark_li.png) no-repeat left 30%;  /* картинка вставляется через задний фон  / либо no-repeat 0 2рх*/
	padding: 0 40px;
	margin: -3px 5px;
	/*font-size: 110%;
	color: #28301f;*/

}

#new li span {
	margin: 16px;
	color: #459f44;
	font-size: 115%;
	font-weight: bold;
}


#new li p {
	margin-top: 5px;
	font-size: 120%;
	font-weight: bold;
	color: #323b2a;
	/*color: #343c2d; */
	
	
}


#new .li_last{
	font-size: 97%;
}


.footer p {
	font-size: 16px;
}

.footer .copyright {
	float: left;
}

.footer #myemail{
	float: right;
	color: #323b2a;
	margin-right: 0.5%;
	/*border-bottom: 1px dotted #323b2a;*/
}

.col-icon {
   display: none;
   border: 1px solid #558528;
   width: 380px;
   text-align: center;
   margin: 35px auto;
   padding-top: 17px;
   padding-bottom: 25px;
   box-sizing: border-box;
   
}

.icon {
	padding-bottom: 12px;
}



.sp1, .sp2, .sp3, .sp4, .sp5, .sp6, .sp7, .sp8, .sp9, .sp10, .sp11, .sp12, .sp13, .sp14, .sp15 {
  display: inline-block;
  background-image: url("../images/group2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  z-index: 1;
  margin: 3px;
}

.sp1 {
    margin-left: 0;
    background-position: 0 0;
}

.sp2 {
    background-position: -30px 0;
}


.sp3 {
    background-position: -60px 0;
}

.sp4 {
     background-position: -90px 0;

}

.sp5 {
     background-position: -120px 0;
}


/* Стили для оформления кнопок поделиться */
.sc-message-info {
    /*background-color: #e9f7fe; */
    /*border-color: #15af28;*/
    border-color: #558528;
    /* border-color: #b6d7e8; */
    color: #5091b2;
    /*padding: 10px 10px 7px 10px; */
    padding: 10px 0; 
    border-style: solid;
    border-width: 1px;
    margin-top: 15px;
	box-sizing: border-box;
}

#share {
	margin: 27px auto 0;
	background:#fff;
	text-align:center;
}

.like {
color: #323b2a;
font-size: 26px;
font-weight: 700;
padding-top: 10px;
margin-bottom: 16px;
}

.push {
    display: inline-block;
    min-width: 100px;
    margin: 5px 2px 10px 2px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}

.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373;color:#fff;text-decoration: none;}

.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321;color:#fff;text-decoration: none;}

.pinterest {background-color:#bd081c;}
.pinterest:hover {background-color:#881f12;color:#fff;text-decoration: none;}

.viber {background-color:#665cac;}
.viber:hover {background-color:#881f12;color:#fff;text-decoration: none;}

.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9;color:#fff;text-decoration: none;}

.vkontakte {background-color:#587ea3;}
.vkontakte:hover {background-color:#466482;color:#fff;text-decoration: none;}

.ok {background-color:#ee8208;}
.ok:hover {background-color: #a05f20; color:#fff;text-decoration: none;}

.telegram {background-color: #0088cc; }
.telegram:hover {background-color: #125c77/*#337ab7; */; color:#fff;text-decoration: none;}
/* Стили для оформления кнопок поделиться */



/* Адаптация видео */
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}











