@font-face { font-family: 'Roboto-Light'; src: url(../fonts/Roboto-Light.ttf);}
@font-face { font-family: 'Roboto-Regular';src: url(../fonts/Roboto-Regular.ttf);}
@font-face { font-family: 'Roboto-Thin';src: url(../fonts/Roboto-Thin.ttf);}

/**************** Цвета ********************
#c2d895 , rgba(194,216,149,1) - салатовый
#657d37 , rgba(101,125,55,1) - зелено-болотный
#184646 , rgba(24,70,70,1) -темно-зеленый
#650606 , rgba(101,6,6,1) - темно-красный

*DS************** General *****************/
* {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, wrapper, content{display: block;position:relative;}
a:focus, input:focus, buttom:focus, textarea:focus {outline:0;}
button {cursor: pointer; outline:none;border: none;background: none;}

/*стиль текста в строке ввода*/
::-webkit-input-placeholder{color:#184646; opacity: 0.7}
::-moz-placeholder{color:#184646; opacity: 0.7}
:-moz-placeholder{color:#184646; opacity: 0.7}
:-ms-input-placeholder{color:#184646; opacity: 1}

:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

body{
	width:100%; 
	font-family: 'Roboto-Regular';
}
.wrapper{
	width:100%; 
	min-width:1220px; 
	max-width:1920px; 
	margin:0 auto; 
	height: auto;
	overflow: hidden;
}
.wraper_100{  
	width:100%; 
	min-width:1220px;
	max-width:1920px; 
	margin:0 auto;
}
.wraper_1220 {
	padding:0 20px;
	width:1180px; 
	min-width:1180px;
	max-width:1180px;
	margin:0 auto;
}
.wraper_1160 {
	padding:0 20px;
	width:1120px; 
	min-width:1120px;
	max-width:1120px;
	margin:0 auto;
}

/***************** Header *****************/
.header_top_wrap {
	z-index: 200;
	display: block;
	background: #c2d895;
	border-bottom: 1px solid #184646;
}
/*** Menu ***/
@font-face { /* подключаем иконки */
	font-family: "icon-font";
	src: url('../fonts/icon/icon-font.eot');
	src: url('../fonts/icon/icon-font.eot?#iefix') format('eot'), url('../fonts/icon/icon-font.woff') format('woff'), url('../fonts/icon/icon-font.ttf') format('truetype'), url('../fonts/icon/icon-font.svg#icon-font') format('svg');
}
.icon-desktop:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav-button:before,.nav-close:before,.nav .nav-submenu > a:after,.nav > ul > .nav-submenu > a:after {
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	font-family: "icon-font"; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: top;
}
.icon-desktop:before {content: "\E001";} 
.icon-menu:before {content: "\E003";}
.icon-mobile:before {content: "\E004";}
.icon-submenu-down:before {content: "\E005";}
.icon-submenu-right:before {content: "\E006";}
.icon-world:before {content: "\E007";}
.nav-lock-scroll {overflow: hidden;}
/**/
.nav { /* весь блок меню */
	display: none; z-index: 200;
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	overflow-x: hidden; overflow-y: auto;
} 
.nav ul {
	display: block; position: relative; zoom: 1; list-style-type: none;
	margin: 0; padding: 0;
}
.nav a, .nav a:hover, .nav a:active, .nav a:visited {display: block;position: relative;}
.nav-button { /* кнопка, раскрывающая меню */
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 52px;
	line-height: 52px;
	font-size: 1.7rem;
	overflow: hidden;
	z-index: 250;	cursor: pointer;
	background: #c2d895;
	color: #184646; text-decoration: none;
}
.nav-button:before { /* оформление кнопки */
	display: block; text-align: center;
	content: "\E003"; text-align: left; padding-left: 20px;
}

.nav {background: rgba(194,216,149,1);} /* бекграунды меню */
.nav ul {background: rgba(194,216,149,1);}
.nav ul ul {background: rgba(194,216,149,1);}

.nav li {border-top: 1px solid #59544F; cursor: pointer;}
.nav .nav-submenu > ul {margin-left: 10px;} /* отступ подменю в мобильной версии */
.nav a { /* ссылки главного меню */
	line-height:51px !important;
	font: normal 18px 'Roboto-Regular',sans-serif;
	color: #184646; text-transform:uppercase; text-decoration: none;
}
.nav ul li ul li a  { /* ссылки подменю */
	font: normal 16px 'Roboto-Regular',sans-serif;
	color: #184646; text-transform:uppercase; text-decoration: none;
}
.nav ul li ul li ul li a {
	font: normal 16px 'Roboto-Regular',sans-serif;
	color: #184646; text-transform:none; text-decoration: none;
}
.nav a,.nav a:hover,.nav a:active,.nav a:visited { /* отступы для всех пунктов меню */
	padding: 0 15px 1px 15px;
}
.nav .nav-submenu > a {padding-right: 40px !important;} /* отступ пункта меню для стрелки */
.nav .nav-submenu > a:after { /* стрелка пункта меню */
	position: absolute;
	display: block;
	right: 10px;
	top: 1px;
	content: "\E005";
}
.nav li:hover > a, .nav li.nav-active > a { /* пункты меню при наведении */
	color: #650606;
	background: rgba(204,226,159,1);
}
/* zakazat */
a.zakazat {
	position: absolute;
	top: 0px; right: 20px; z-index: 250;
	padding: 0 15px;
	color: white; text-align: center; text-transform: uppercase; text-decoration: none;
	font: normal 18px 'Roboto-Regular',sans-serif;
	line-height: 52px !important;
	float: right; display: block;
	width: 150px; height: 52px;
	background: #657d37;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
a.zakazat:hover {background: #650606;}
/*** header_mid ***/
.header_mid {
	display: block;
	margin: 20px auto 30px auto;
}
/* logo */
a.header_logo {
	color: #650606; text-transform: uppercase; text-decoration: none;
	font: bold 30px 'Roboto-Regular',sans-serif;
	line-height: 50px !important;
	width: 500px; height: 116px; display: block; float: left;
	background: url(../img/header_logo.png)no-repeat center left;
}
.header_logo span {
	display: block;
	padding: 10px 0 0 138px;
}
/* contacts */
.header_contacts {float: right; width: 300px;}
.header_contacts ul {list-style: none; margin-top: 8px;}
.header_contacts ul li {text-align: right;line-height: 35px;}
.header_contacts li a {
	padding-left: 15px;
	color: #650606; text-decoration: none;
	font: normal 24px 'Roboto-Regular',sans-serif;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.header_contacts li a:hover {color: #184646;}
/*** header_bottom ***/
.header_bottom  {
	padding: 0 0;
	margin-top: 10px auto 0 auto;	
	height: auto; display: block;
	border-top: 1px solid #184646; border-bottom: 1px solid #184646;
}
/* menu */
.menu {
	width: 700px; height:44px;
	position:relative;
	margin: 0 auto;
}
.menu2 {
	width: 665px; height:44px;
	position:relative;
	margin: 0 auto;
}
.menu>ul, .menu2>ul{
	list-style: none;
	position:relative;
	margin:0 0 0 10px; padding:0;
}
.menu>ul>li, .menu2>ul>li{
	float:left;
	position:relative;
	background: url(../img/line.png)no-repeat center right;
}
.menu>ul>li:nth-last-child(1), .menu2>ul>li:nth-last-child(1) {background: none;}
.menu>ul>li>a, .menu2>ul>li>a{
	padding:0 15px;
	display:block;
	line-height: 44px !important;
	font: normal 17px 'Roboto-Regular',sans-serif;
	color: #184646; text-transform:uppercase; text-decoration: none;
	border-bottom: 2px solid rgba(0,0,0,0);

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.menu>ul>li a:hover, .menu2>ul>li a:hover {
	border-bottom: 2px solid #184646;
}

/***************** Footer *****************/
.footer_wrap {
	display: block;
	background: #c2d895;
	border-top: 1px solid #184646;
}
.footer {padding: 15px 0;}
/* tel */
.footer_tel {width: 29%; float: left;}
.footer_tel ul {
	list-style: none;
	background: url(../img/footer_tel.png)no-repeat center left;
}
.footer_tel li a {
	padding: 0 15px 0 65px;
	color: #184646; text-decoration: none;
	font: normal 24px 'Roboto-Regular',sans-serif;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.footer_tel li a:hover {color: #650606;}
/* mail */
.footer_mail {width: 37%; float: left;}
.footer_mail a {
	display: inline-block;
	padding: 15px 15px 15px 80px;
	color: #184646; text-decoration: none;
	font: normal 24px 'Roboto-Regular',sans-serif;
	background: url(../img/footer_mail.png)no-repeat center left;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.footer_mail a:hover {color: #650606;}
/* adress */
.footer_adress {width: 33%; float: left;}
.footer_adress a {
	display: inline-block;
	padding: 15px 15px 15px 80px;
	color: #184646; text-decoration: none;
	font: normal 24px 'Roboto-Regular',sans-serif;
	background: url(../img/footer_map.png)no-repeat center left;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.footer_adress a:hover {color: #650606;}
/* кнопка вверх и made */
a.footer_made_by  {
	position: absolute;
	bottom: 3px; right: 10px;
	display: block;
	width: 60px;
	height: 22px;
	opacity: 0.7;
	background:url(../img/Loopy_Lab.png)no-repeat center center;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
a.footer_made_by:hover {
	opacity: 1;
}
.tops {
	opacity: .5;
	border-radius: 32px;
	border: 1px solid #184646;
	width:51px; height:51px;
	display: none;
	position: fixed;
	bottom: 30px; right: 15px;
	z-index: 100;
	background: rgba(0,0,0,.1) url(../img/top.png) no-repeat center center;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;	
}
.tops:hover {
	opacity: 1;
	background: rgba(0,0,0,.2) url(../img/top.png) no-repeat center center;
}

/***************** Content *****************/
.content {margin: 30px auto;}
.content h1, .content h2 {
	margin-top: 35px;
	color: #184646; text-align: center; text-transform: uppercase;
	font: normal 24px 'Roboto-Regular',sans-serif;
}
.content p {
	margin-top: 25px;
	color: #184646; text-align: justify;
	font: normal 18px 'Roboto-Regular',sans-serif;
}

/*************** Главная ***************/
.index_about {margin-top: 50px;}
.index_advantages h2:first-child {
	width: 80%; margin: 70px auto 0 auto;
}
.index_about p {text-align-last: center;}
.index_advantages p {text-align-last: center;}
.index_advantages ul {list-style: none; }
.index_advantages ul:after {
	display: block; content: '';
	width: 80%; height: 1px; margin: 50px auto 60px auto;
	background: #c2d895;
}
.index_advantages li {
	margin-top: 50px;
	width: 33%; display: inline-block;
	vertical-align: middle;
	height: 130px; 
}
.index_advantages li span {
	width: 220px;
	padding: 45px 0 0 160px; display: block;
	color: #184646; text-transform: uppercase;
	font: normal 18px 'Roboto-Regular',sans-serif;
}
.index_advantages_item1 {
	background: url(../img/index_item1.png)no-repeat center left;
}
.index_advantages_item2 {
	background: url(../img/index_item2.png)no-repeat center left;
}
li.index_advantages_item2 span {
	padding-top: 20px;
}
.index_advantages_item3 {
	background: url(../img/index_item3.png)no-repeat center left;
}
li.index_advantages_item3 span {
	padding-top: 20px;
}
.index_advantages_item4 {
	background: url(../img/index_item4.png)no-repeat center left;
}
li.index_advantages_item4 span {
	padding-top: 35px;
}
.index_advantages_item5 {
	background: url(../img/index_item5.png)no-repeat center left;
}
.index_advantages_item6 {
	background: url(../img/index_item6.png)no-repeat center left;
}
li.index_advantages_item6 span {
	padding-top: 35px;
}

/***************** Form *****************/
.form_block {
	border-top: 1px solid #184646;
	background: #dfeec0;
	padding-bottom: 35px;
}
.form_block h2 {
	width: 100%; display: inline-block;
	margin-top: 35px;
	color:  #184646; text-align: center; text-transform: uppercase;
	font: normal 24px 'Roboto-Regular',sans-serif;
}
/**/
.form_side {width: 35%;}
.form_go {width: 30%;}
/* остальное */
#feedback-form label { 
	display: block;
	color: #184646; text-transform: uppercase;
	font: normal 20px 'Roboto-Regular',sans-serif;
}
#feedback-form label span {text-transform: none;}
#feedback-form .w100 {width: 97%;padding: 1.5%;color:#184646;font-size: 16px;}
#feedback-form .feedback-form-border { 
	border: none; background: none;
	border-bottom: 1px solid #184646;
	font: normal 20px 'Roboto-Regular',sans-serif;
	margin-top: 30px;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
#feedback-form .feedback-form-border:focus {outline: none; background: none;}
#feedback-form textarea {
	margin-top: 10px; 
	background: none;
	height: 100px;
	border: 1px solid #184646;
}
/* кнопка отправить */
#submitFF { 
	display: block; cursor: pointer;
	width: 170px; height: 50px;
	border: none;
	border-top: 1px solid #184646;
	border-bottom: 1px solid #184646;
	background: none;
	margin: 80px auto 0 auto;
	color: #650606; text-transform: uppercase;
	font: normal 20px 'Roboto-Regular',sans-serif;

	-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
}
#submitFF:hover {	
	border: none;
	border-top: 1px solid #650606;
	border-bottom: 1px solid #650606;
}
#feedback-form .w0 {display: none; }
#feedback-form .feedback-form-border:not(:focus):not(:hover):valid {opacity: .8; background: none;}

/***************** Uslugi *****************/
.uslugi_about p {text-align-last: center;}
.uslugi_about:after {
	display: block; content: '';
	width: 80%; height: 1px; margin: 30px auto 0;
	background: #c2d895;
}
/**/
.block_pechati h2{margin-bottom: 20px;}
.pechati_wrap {
	width: 16.6%; float: left;
}
.pechati_item {
	margin: 0 auto; display: block;
	width: 190px; height: 230px;
	border: 1px solid rgba(24,70,70,.1);
	text-align: center; 

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.pechati_item_img {
	width: 160px; height: 160px;
	margin: 20px auto 0 auto; display: block;
}
.pechati_item img {
	width: 100%; height: 100%;
}
.pechati_item:hover {
	border-top: 1px solid rgba(24,70,70,.5); border-left: 1px solid rgba(24,70,70,.5);
	border-right: 1px solid rgba(24,70,70,1); border-bottom: 1px solid rgba(24,70,70,1);
}
.pechati_item p {margin-top: 15px; text-align: center;}
.pechati_item a {
	position: absolute; left: 0; right: 0;
	bottom: 10px;
	width: 120px; display: block; margin: 0 auto; 
	color: #650606; text-transform: uppercase; text-align: center; text-decoration: none;
	font: normal 20px 'Roboto-Regular',sans-serif;
}
.pechati_item a:hover {text-decoration: underline;}

.pechati_item  span {color: #00A0E3; font-family: calibri; font-size: 25px; position: absolute; top: 5px; left: 5px; z-index: 4;}

/***************** FAQ *****************/
.faq h2 {color: #650606;}
.faq span {text-transform: uppercase; text-decoration: underline;}
.faq ul {list-style: none; margin-top: 25px;}
.faq li {
	margin-top: 5px;
	color: #184646; text-align: justify;
	font: normal 18px 'Roboto-Regular',sans-serif;
}

/*************** Контакты ***************/
.contacts_block {width: 80%; margin: 0 auto;}
.contacts_side {width: 49%; display: inline-block;}
.contacts_item1, .contacts_item2, .contacts_item3 {
	margin: 40px auto;
	padding: 10px 15px 10px 65px;
	display: block; width: 200px; 
	color: #184646; text-decoration: none;
	font: normal 28px 'Roboto-Regular',sans-serif;

	-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
.contacts_item1 {background:url(../img/contacts_tel.png)no-repeat center left;}
.contacts_item2 {background:url(../img/contacts_tel2.png)no-repeat center left;}
.contacts_item3 {background:url(../img/contacts_mail.png)no-repeat center left;}
.contacts_item1:hover, .contacts_item2:hover, .contacts_item3:hover {
	color: #650606;
}
/* карта */
.google_map {
	margin: 30px auto; display: block;
	width: 80%; height: 500px;
}
.google_map iframe {width: 100%;height: 100%;}


/*********************************************
************ Слайдер (slick.css) *************
*********************************************/
.slick-slider {position:relative; display:block;  box-sizing:border-box;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  -webkit-touch-callout:none;  -khtml-user-select:none;  -ms-touch-action:pan-y;  touch-action:pan-y;  -webkit-tap-highlight-color:transparent}
.slick-list {position:relative;  display:block;  overflow:hidden;  margin:0; padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  -o-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slick-track {position:relative;  top:0; left:0;  display:block}
.slick-track:before, .slick-track:after {display:table; content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;  float:left;  height:100%;  min-height:1px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;  height:auto;  border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
/* стрелки */
.slick-prev, .slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:19px; height:30px; padding:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color:transparent; outline:none; background:transparent}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity:.25}
.slick-prev:before, .slick-next:before {font-size:20px; line-height:1; opacity:.75; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-prev {left:-25px}
[dir='rtl'] .slick-prev {right:-25px; left:auto}
.slick-prev:before {content:''}
[dir='rtl'] .slick-prev:before {content:''}
.slick-next {right:-25px}
[dir='rtl'] .slick-next {right:auto; left:-25px}
.slick-next:before {content:''}
[dir='rtl'] .slick-next:before {content:''}
/* точки */
.slick-dotted.slick-slider {margin-bottom:30px}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1}
.slick-dots li button:before {font-size:40px; color: #184646; line-height:20px; text-align:center; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; opacity:.50; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before {opacity:.8; color:#184646}
/************* Мои для слайдера *************/
.slider {
	width:100%;
	margin:0 auto;
}
.slick-slide {margin:0px 5px; height:auto;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {width:19px; height:30px; display:block;}
.slick-prev:before {background:url(../img/ar_left.png)no-repeat center center;}
.slick-next:before {background:url(../img/ar_right.png)no-repeat center center;}


/*********************************************
************ Popup (arcticmodal) *************
*********************************************/
#modal_form {
	width: 612px; 
	border: 2px solid #657d37;
	background: #fff;
	position: absolute; /* чтобы окно было в видимой зоне в любом месте */
	top: 0%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 0; right: 0;
	margin: 0 auto;
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 1000; /* окно должно быть наиболее большем слое */
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 7px;
	right: 10px;
	cursor: pointer;
	display: block;
	background: url(../img/close.png)no-repeat center center;
	background-size: 90%;
	z-index: 1000;
}
/* Подложка */
#overlay {
	z-index: 900; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

/* Форма обратная связь*/

#bg_popup2 {
	overflow:auto; display:none;
	z-index:1000; 
	position:fixed; 
	left:0; right:0; top:0; bottom:0; 
	background:rgba(1,1,1,0.5); 
}
#window2 {
	border: 1px solid #657d37;
	padding: 0 40px;
	background: black;
	z-index:1000; display:none; 
	position:fixed; 
	left:0; right:0; top:0; bottom:0;
	margin: auto auto; 
	font-family: 'Roboto-Regular';
}
#window2 {width: 440px; height: 390px; }
/* остальное */
.popups label { 
	margin-top: 30px; padding: 1.5% 0; display: block;
	color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 2px;
}
.popups label span {text-transform: none;}
.popups .w100 {width: 97%;padding: 1.5%;color:white;font-size: 20px;}
.popups .feedback-form-border { /* граница полей */
	border: none; background: none;
	border-bottom: 1px solid #657d37;

	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.popups .feedback-form-border:focus {outline: none; background: none;}
/* кнопка отправить */
.popups #submitFF { 
	display: block; cursor: pointer;
	width: 170px; height: 70px;
	border: 1px solid #657d37;
	background: none;
	margin: 45px auto 0 auto;
	color: #fff; font-size: 20px; letter-spacing: 2px; text-transform: uppercase;

	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.popups #submitFF:hover {background: #657d37;}
7.popups #submitFF:active {background: #657d37; opacity: .9;}
.popups .feedback-form-border:not(:focus):not(:hover):valid {opacity: .8; background: none;}

@media screen and (max-width:780px){
	#window2 {width: 260px; height: 330px;}
	.popups label {font-size: 16px;}
	.popups .w100 {font-size: 16px;}
	.popups #submitFF {font-size: 16px; height: 60px;}
}