@font-face {
	font-family: 'helveticaneue';
	src: url('../fonts/helveticaneuecyr-bold.eot');
	src: url('../fonts/helveticaneuecyr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneuecyr-bold.woff') format('woff'),
		 url('../fonts/helveticaneuecyr-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;

}
@font-face {
	font-family: 'helveticaneue';
	src: url('../fonts/helveticaneuecyr-light.eot');
	src: url('../fonts/helveticaneuecyr-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneuecyr-light.woff') format('woff'),
		 url('../fonts/helveticaneuecyr-light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;

}
@font-face {
	font-family: 'helveticaneue';
	src: url('../fonts/helveticaneuecyr-ultralight.eot');
	src: url('../fonts/helveticaneuecyr-ultralight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneuecyr-ultralight.woff') format('woff'),
		 url('../fonts/helveticaneuecyr-ultralight.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;

}
@font-face {
	font-family: 'helveticaneue';
	src: url('../fonts/helveticaneuecyr-roman.eot');
	src: url('../fonts/helveticaneuecyr-roman.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneuecyr-roman.woff') format('woff'),
		 url('../fonts/helveticaneuecyr-roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

html, body { height: 100%; }
body { 
	height: 100%; min-width: 1280px; 
	background: #ffffff; 
	font-family: 'helveticaneue', Arial, Helvetica, sans-serif; font-weight: normal;
	color: #000000; 
	-webkit-font-smoothing: antialiased;
}
.wrap {	min-height: 100%; width: 100%; margin: 0 auto; }
.middle { padding-bottom: 120px; }
.extra { width: 1180px; margin: 0 auto; padding: 0 50px; }
.halfextra { width: 590px; margin: 0 auto; }
.noscroll { overflow: hidden; }

/*================================= selection =================================*/
::selection { background: #f27b7b; color: #000000; }
::-moz-selection { background: #f27b7b; color: #000000; }

.screen1 ::selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #ffffff; }
.screen1 ::-moz-selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #ffffff; }

.screen3 ::selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }
.screen3 ::-moz-selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }

.screen5 ::selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }
.screen5 ::-moz-selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }

.screen7 ::selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }
.screen7 ::-moz-selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }

.screen8 ::selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }
.screen8 ::-moz-selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }

.footer ::selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }
.footer ::-moz-selection { background: #ef5a5a; background: rgba(239,90,90,0.8); color: #c6c6c6; }

.right-col ::selection  { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }
.right-col ::-moz-selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }

.left-col ::selection  { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }
.left-col ::-moz-selection { background: #000000; background: rgba(0,0,0,0.6); color: #ffffff; }

/*================================= header/menu =================================*/
.fix-menu { height: 80px; width: 100%; min-width: 1280px; z-index: 9999;
position: fixed; top: 0; left: 0; transition: height 0.5s ease; display: table; }
.scroll-menu { height: 60px; }

.fix-menu .cell { display: table-cell; background: rgba(33,33,33,0.8); padding: 0; margin: 0; vertical-align: top; }
.fix-menu .cell2 { display: table-cell; width: 310px; min-width: 310px; }

.logo { float: left; width: 173px; height: 40px; background: url(../images/logo.svg) no-repeat 0 0;
 margin-top: 17px; margin-right: 51px; margin-left: 50px; transition: margin 0.5s ease; }
.scroll-menu .logo { margin-top: 8px; cursor: pointer; }

.fix-menu nav { float: left; width: 620px; margin-top: 36px; transition: margin 0.5s ease; }
.fix-menu nav a { color: #ffffff; font-size: 1.0em; line-height: 10px; display: inline-block; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid transparent; }
.fix-menu nav a:hover { border-color: #b9bbbc; }
.fix-menu nav a.active { border-color: #ef5a5a; }
.fix-menu nav .separator { display: inline-block; margin: 0 20px; font-size: 1.4em; line-height: 10px; color: #ffffff; }
.scroll-menu nav  { margin-top: 24px; }

.phone { float: left; width: 190px; height: 60px; padding: 20px 30px 0 0; background: rgba(98,98,98,0.8); transition: all 0.5s ease; text-align: right; }
.call { float: right; width: 90px; height: 80px; background: rgba(239,90,90,0.8); transition: all 0.5s ease; text-align: center; }
.call:hover { background: #ef5a5a; }

.call-link { color: #ffffff; font-size: 0.8em; line-height: 10px; text-transform: uppercase; text-decoration: none; display: block; height: 80px; padding: 0 4px; letter-spacing: 0.5px; }
.call-link  i { display: block; width: 32px; height: 32px; background: url(../images/phone.svg) no-repeat 0 0; margin: 10px auto; transition: all 0.5s ease; }
.call-link:hover { color: #ffffff; text-decoration: none; }
.phone .ph { color: #ffffff; font-size: 2.0em; font-weight: 200; }
.phone .ph a { color: #ffffff; text-decoration: none; }
.phone p { color: #ffffff; font-size: 1.2em; }

.scroll-menu .phone { height: 50px; padding-top: 10px; }
.scroll-menu .call { height: 60px; }
.scroll-menu .call-link { height: 45px; overflow: hidden; }
.scroll-menu .call-link i { margin-top: 13px; }

/*================================= screen1 =================================*/
.screen1 { height: 700px; background: #78aabe url(../images/bg_screen1-big.jpg) no-repeat 50% 100%; background-size: cover; position: relative; }
.screen1 hgroup { position: relative; top: 230px; left: 50px; width: 310px; border-top: 10px solid #ef5a5a; padding: 40px 30px 40px 40px; 
color: #ffffff; background: rgba(33,33,33,0.8); cursor: pointer; 
/*opacity: 0; 
-webkit-animation-fill-mode: both;
animation-fill-mode: both; */  visibility: hidden; }

@media screen and (max-width: 960px){ 
	.screen1 hgroup { visibility: visible; }
}

.screen1 hgroup header { font-size: 4.6em; line-height: 46px; font-weight: 200; margin-bottom: 19px; }
.screen1 hgroup .hr { display: block; height: 2px; width: 120px; background: #ef5a5a; margin-bottom: 28px; }
.screen1 hgroup p { font-size: 2.0em; line-height: 24px; font-weight: 200; }

.scroll-cont { position: absolute; bottom: 20px; left: 50%; margin-left: -25px; display: inline-block; width: 50px; height: 30px; background: url(../images/scroll_arr.svg) no-repeat 50% 50%; }
.scroll-cont { -webkit-animation: move_down 1s 2s infinite cubic-bezier(1, 1, 1, 1); animation:  move_down 1s 2s infinite cubic-bezier(1, 1, 1, 1); }

@-webkit-keyframes move_down {
	0%{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0) }
	25%{ -webkit-transform:translateY(7px); -moz-transform:translateY(7px); transform:translateY(7px) }
	50%{ -webkit-transform:translateY(14px); -moz-transform:translateY(14px); transform:translateY(14px) }
	75%{ -webkit-transform:translateY(7px); -moz-transform:translateY(7px); transform:translateY(7px) }
	100%{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0) }
	}
@keyframes move_down {
	0%{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0) }
	25%{ -webkit-transform:translateY(7px); -moz-transform:translateY(7px); transform:translateY(7px) }
	50%{ -webkit-transform:translateY(14px); -moz-transform:translateY(14px); transform:translateY(14px) }
	75%{ -webkit-transform:translateY(7px); -moz-transform:translateY(7px); transform:translateY(7px) }
	100%{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0) }
}


/*================================= screen2 =================================*/
.screen2 { padding: 90px 0 70px 0; }
.screen2  hgroup { font-size: 2.0em; line-height: 29px; font-weight: 200; width: 800px; margin: 0 auto 43px auto; text-align: center; }
.screen2 .hr { display: block; height: 2px; width: 120px; background: #ef5a5a; margin: 0 auto 43px auto; }

.clients-wrap { text-align: center; margin-top: 68px; }
.clients-wrap .one { display: inline-block; width: 240px; margin: 0 25px 50px 25px; vertical-align: top; font-size: 1.4em; line-height: 20px; }
.clients-wrap .one img { display: block; height: 60px; width: auto; margin: 0 auto; }
.clients-wrap .one a { color: #000000; text-decoration: none; }
.clients-wrap .one a:hover { color: #ef5a5a; text-decoration: underline; }
.clients-wrap .one p { color: #a2a2a2; padding: 0 20px; }

/*================================= screen3 =================================*/
.screen3 { height: 260px; background: #aadea9 url(../images/bg_screen3.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; }
.screen3 .one { float: left; width: 330px; font-size: 1.8em; line-height: 22px; font-weight: 200; padding-top: 60px; }
.screen3 .one:last-child { width: 415px; float: right; }
.screen3 .one:first-child { width: 180px; margin-right: 150px; }
.screen3 .one big { font-size: 72px; line-height: 72px; font-weight: 200; }
.screen3 .one .f1 { text-align: right; }
.screen3 .one .f2 { padding-left: 70px; }
.screen3 .one .f3 { padding-left: 70px; }
.screen3 .one .f4 { width: 215px; margin: 0 auto; }
.screen3 .one .f4 strong { font-size: 42px; line-height: 42px; float: left; width: 90px; font-weight: 200; }
.screen3 .one .f4 span { float: right; width: 120px; }


/*================================= screen4 =================================*/
.screen4 { padding: 60px 0 57px 0; font-size: 1.8em; line-height: 22px; text-align: center; }
.screen4 input[type=button] { margin-bottom: 21px; }


/*================================= screen5 =================================*/
.screen5 { padding: 51px 0 49px 0; font-size: 2.0em; line-height: 30px; text-align: center; background: #212121; color: #c6c6c6; font-weight: 200; }
.screen5 p { margin-bottom: 30px; }
.screen5 p,
.screen5 div { padding: 0 40px; }

/*================================= screen6 =================================*/
.screen6 { padding: 87px 0 40px 0; background: #f3f3f3; }
.screen6 header { font-size: 4.0em; line-height: 40px; text-align: center; font-weight: 200; margin-bottom: 80px; }

.logos-wrap img { float: left; margin: 0 55px 70px 0; width: 180px; height: auto;
 -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(../images/grayscale.svg#greyscale); 
	filter: gray;  } 
.logos-wrap input { margin-bottom: 70px; }

/*================================= screen7 =================================*/
.screen7 { padding: 0px 0 80px 0; background: #afedb2; }
.screen7 header { background: #9adc9e; padding: 80px 0 80px 0; font-size: 4.0em; line-height: 40px; text-align: center; font-weight: 200; }
.screen7 ul { margin: 0; padding: 60px 0 30px 70px;
/* -webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; */ }
.screen7 li { font-size: 1.6em; line-height: 23px; margin: 0 0 90px 0; float:left; vertical-align: top; padding: 0 80px 0 66px; width: 405px; }
.screen7 li header { background: none; padding: 17px 0; font-size: 24px; line-height: 23px; text-align: left; font-weight: 200; margin-bottom: 10px; position: relative; }

.screen7 li i { display: inline-block; width: 48px; height: 48px; position: absolute; top: 5px; left: -60px; }
.screen7 li .i1 { background: url(../images/smart1.svg) no-repeat 0 0; }
.screen7 li .i2 { background: url(../images/smart2.svg) no-repeat 0 0; }
.screen7 li .i3 { background: url(../images/smart3.svg) no-repeat 0 0; }
.screen7 li .i4 { background: url(../images/smart4.svg) no-repeat 0 0; }
.screen7 li .i5 { background: url(../images/smart5.svg) no-repeat 0 0; }
.screen7 li .i6 { background: url(../images/smart6.svg) no-repeat 0 0; }
.screen7 li .i7 { background: url(../images/smart7.svg) no-repeat 0 0; }
.screen7 li .i8 { background: url(../images/smart8.svg) no-repeat 0 0; }

.scroll-next { display: block; width: 300px; margin: 0 auto; color: #000000; font-size: 4.0em; font-weight: 200; text-decoration: none; }
.scroll-next:hover { color: #000000; text-decoration: none; }

.scroll-arr { display: block; width: 11px; height: 15px; background: url(../images/scroll_arr.svg) no-repeat 0 0; margin: 32px auto 0 auto; }
.scroll-arr { -webkit-animation: move_down 1s 2s infinite cubic-bezier(1, 1, 1, 1); animation:  move_down 1s 2s infinite cubic-bezier(1, 1, 1, 1); }


/*================================= screen8 =================================*/
.screen8 { height: 630px; padding: 0px; background: #afedb2 url(../images/map.jpg) no-repeat 50% 50%; /*background-size: cover;*/ }
.screen8 hgroup { position: relative; top: 60px; left: 0px; width: 400px; padding: 40px; background: rgba(0,0,0,0.8); color: #dddddd; }
.screen8 hgroup header { color: #afedb2; font-size: 2.4em; font-weight: 200; margin-bottom: 35px; }
.screen8 hgroup p { font-size: 1.6em; line-height: 21px; margin-bottom: 26px; }
.screen8 hgroup input { margin-top: 16px; padding: 0 37px; }
.screen8 hgroup input[type=button].greenbutt:hover,
.screen8 hgroup input[type=button].greenbutt:active { background: #fff; }

/*================================= screen9 =================================*/
.screen9 { padding: 85px 0 71px 0; }
.screen9  header { font-size: 4.0em; line-height: 40px; text-align: center; font-weight: 200; margin-bottom: 77px; }
.recalls-wrap { overflow: hidden; }
.screen9 .recalls { transition: all 0.5s ease; }

.recalls-wrap .one { float: left; width: 300px; font-size: 1.6em; line-height: 24px; margin-left: 50px; margin-bottom: 80px; }
.recalls-wrap .one:first-child { margin-left: 100px; }
.recalls-wrap .one .recall-name { color: #000000; border-bottom: 1px solid #ef5a5a; line-height: 16px; text-decoration: none; display: inline-block; margin-bottom: 30px; }
.recalls-wrap .one .recall-name:hover { color: #ef5a5a; }
.recalls-wrap .one p { height: 170px; overflow: hidden; margin-bottom: 17px; }
.recalls-wrap .hr { display: block; height: 1px; width: 91px; background: #b2b2b2; }
.recalls-wrap .one .recall-scan { color: #646363; border-bottom: 1px dotted #ef5a5a; font-size: 10px; line-height: 10px; margin-left: 20px; margin-top: 13px;
text-transform: uppercase; text-decoration: none; display: inline-block; position: relative; }
.recalls-wrap .one .recall-scan:hover { color: #ef5a5a; }
.recalls-wrap .one .recall-scan:before { content: ''; display: inline-block; width: 11px; height: 14px; background: url(../images/bg_rec.svg) no-repeat 0 0;
position: absolute; top: -3px; left: -20px; }

.screen9 .more { display: block; width: 80px; height: 80px; margin: 0 auto; background: #e3e3e3; border-radius: 40px; text-align: center; line-height: 80px;
color: #ef5a5a; font-size: 1.4em; font-weight: 200; text-decoration: none; text-transform: uppercase; }
.screen9 .more:hover,
.screen9 .more:active { background: #d5d5d5; text-decoration: none; }

/*================================= screen10 =================================*/
.screen10 {  }
.left-col { float: left; width: 50%; height: 600px; background: #ef5a5a; }
.right-col { float: left; width: 50%; height: 600px; background: #afedb2; }
.left-col .halfextra { float: right; }
.right-col .halfextra { float: left; }

.left-col header { color: #ffffff; font-size: 4.6em; line-height: 58px; font-weight: 200; padding-top: 50px; margin-bottom: 60px; padding-right: 20px; }
.left-col .hr { display: block; height: 2px; width: 120px; background: #ffffff; }
.left-col header div { overflow: hidden; height: 58px; transition: width 1.25s linear; }



#showtext .new { opacity: 0; }
#showtext .div_opacity {
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 1;
}

.tabs-form {  }
.tabs-form ul { overflow: hidden; }
.tabs-form li { float: left; width: 50%; }
.tabs-form li a { height: 60px; line-height: 60px; display: block; padding-left: 67px; color: #2d7530;
font-size: 1.4em; font-weight: 200; text-decoration: none; text-transform: uppercase; background-color: #9adc9e; 
background-image: url(../images/f_icon1.svg); background-repeat: no-repeat; background-position: 24px 13px; }
.tabs-form li a.ui-first { padding-left: 106px; background-image: url(../images/f_icon2.svg); background-position: 62px 13px; }
.tabs-form li a:hover { color: #000; background-image: url(../images/f_icon1_on.svg); }
.tabs-form li a.ui-first:hover { background-image: url(../images/f_icon2_on.svg);}
.tabs-form li.ui-tabs-active a { cursor: text;  background-color: transparent; }
.tabs-form li.ui-tabs-active a:hover { color: #2d7530; background-image: url(../images/f_icon1.svg); }
.tabs-form li.ui-tabs-active a.ui-first:hover { background-image: url(../images/f_icon2.svg); }

.ui-tabs-panel { padding-left: 60px; padding-top: 42px; }
.ui-tabs-panel header {font-size: 4.0em; line-height: 46px; font-weight: 200; margin-bottom: 49px; }
.ui-tabs-panel input[type=text] { display: block; width: 100%; margin-bottom: 39px; }
.ui-tabs-panel input[type=submit]	{ padding: 0 20px; }

/*================================= footer =================================*/
.footer { height: 120px; margin-top: -120px; background: #000000; }
.footer-top { background: #212121; height: 60px; padding-top: 20px; }

.bot1 { float: left; width: 220px; margin-right: 100px; } 
.bot2 { float: left; width: 230px; margin-right: 100px; color: #ffffff; font-size: 1.4em; padding-top: 10px; } 
.bot3 { float: left; width: 240px; font-size: 1.2em; padding-top: 12px; } 

.footer .phone { float: none; width: auto; height: auto; padding: 0; background: none; text-align: left; }
.footer .phone p { font-size: 1.4em; }
.bot2 a { color: #ffffff; text-decoration: none; display: inline-block; border-bottom: 1px solid #b5b5b5; }
.bot2 a:hover { color: #ef5a5a; border-color: #aa4444; }

.bot3  a { color: #afafaf; text-decoration: none; display: inline-block; border-bottom: 1px solid #8d8d8d; margin-right: 15px; line-height: 12px; }
.bot3  a:hover { color: #ef5a5a; border-color: #bc4545; }

.author2 { float: right; margin-top: 5px; position: relative; width: 138px; }
.author2 .icon { background: rgba(0, 0, 0, 0) url(../images/starta-logo.png) no-repeat 0 0; height: 10px; position: absolute; top: 0; width: 130px; }
.author2 .icon:hover { background-position: 0 -11px; }
.author2 p { color: #adadad; font-family: Arial; font-size: 8px; letter-spacing: 1px; line-height: 12px; margin-top: 15px; text-transform: uppercase; }
.author2 p a { color: #adadad; text-decoration: none; white-space: nowrap; }
.author2 p a:hover { color: #adadad; text-decoration: underline; }

.footer-bot { padding-top: 12px; font-size: 1.2em; }
.footer-bot .copy {color: #757575; display: inline-block; margin-right: 35px; }
.footer-bot a { color: #757575; text-decoration: none; display: inline-block; border-bottom: 1px solid #5b5b5b; margin-right: 32px; line-height: 12px; }
.footer-bot a:hover { color: #ef5a5a; border-color: #bc4545; }

/*=========================== popups ===========================*/
#cboxOverlay { background: #ffffff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99998; overflow: hidden; }
#colorbox { z-index: 99999; }
#cboxLoadedContent { overflow: visible !important; }

.popup { background: #ffffff; z-index: 99999; color: #000; }
.popup-wrap { background: #ffffff; width: 550px; height: 450px; margin: 0 auto; }
.popup-wrap img { border: 2px solid #cccccc; }
.popup .close { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; background: url(../images/close.png) 0 0 no-repeat; padding: 0; }


.popup-wrap header { color: #010101; font-size: 4.0em; line-height: 41px; margin-bottom: 50px; font-weight: 200; }
.popup-wrap p { font-size: 1.6em; line-height: 24px; margin-bottom: 30px; }
.popup-wrap .hr { display: block; height: 1px; width: 91px; background: #b2b2b2; }
.popup-wrap a { color: #000000;
    border-bottom: 1px solid #ef5a5a;
    line-height: 16px;
    text-decoration: none;
    display: inline-block; }
.popup-wrap a:hover { color: #ef5a5a; }	

.scroll-box { overflow: hidden; position: relative; height: 400px; padding-right: 20px; }

#call-box input[type=text] { display: block; width: 380px; margin-bottom: 39px; }
#call-box input[type=submit]	{ padding: 0 20px; }
#call-box .popup-wrap { width: 380px; }

.popup2 { background: rgba(0,0,0,0.9); width: 100%; height: 100%; z-index: 99999; color: #fff; }
.popup2 .close { position: absolute; top: 17px; right: 17px; width: 20px; height: 20px; background: url(../images/close.png) 0 0 no-repeat; padding: 0; }
.popup2 .popup-wrap { background: none; width: 700px; height: 450px; z-index: 99999; position: absolute; top: 50%; left: 50%; margin-top: -225px; margin-left: -350px; }

.popup2 .popup-wrap header { color: #ffffff; font-size: 46px; line-height: 53px; margin-bottom: 74px; font-weight: 100; text-align: center; }
.popup2 .popup-wrap header p { font-size: 14px; color: #dddddd; line-height: 21px; padding-top: 20px; font-weight: 200; }
.pop-icon { text-align: center; margin-bottom: 15px; }
.pop-icon img { border: 0 !important; }
.popup2  form { width: 495px; margin: 0 auto; }
.popup2 input[type=text],
.popup2 input[type=email] { border-color: #ef5a5a; color: #ef5a5a; width: 325px; }

.popup2 input::-webkit-input-placeholder { color: #733333; }
.popup2 input::-moz-placeholder { color: #733333; }
.popup2 input:-ms-input-placeholder { color: #733333; }

.popup2 input:hover::-webkit-input-placeholder { color: #ef5a5a; }
.popup2 input:hover::-moz-placeholder { color: #ef5a5a; }
.popup2 input:hover:-ms-input-placeholder { color: #ef5a5a; }

.popup2 input[type=submit] { background: #ef5a5a; color: #ffffff; padding: 0 12px; }
.popup2 input[type=submit]:hover,
.popup2 input[type=submit]:active {  background: #ea2929; color: #ffffff; }

.popup2#aboutprogramm-box  input[type=text] { margin-bottom: 28px; width: 580px; display: block; }
.popup2#aboutprogramm-box  input[type=text].email { width: 322px; float: left; }
.popup2#aboutprogramm-box  form { width: 580px; margin: 0 auto; }
.popup2#aboutprogramm-box input[type=submit] { float: right; margin-top: -10px; }

.popup2.mmodal  input[type=text] { margin-bottom: 28px; width: 580px; display: block; }
.popup2.mmodal  input[type=text].email { width: 322px; float: left; }
.popup2.mmodal  form { width: 580px; margin: 0 auto; }
.popup2.mmodal input[type=submit] { float: right; margin-top: -10px; }

/*================================= form =================================*/

input[type=number],
input[type=password],
input[type=email],
input[type=text] { font-family: 'helveticaneue', Arial, sans-serif; background: transparent; padding: 0; height: 20px; letter-spacing: 1px; 
font-size: 14px; color: #000; font-style: italic; border: 0; border-bottom: 1px solid #000;  -webkit-appearance: none; -moz-appearance: none;}
textarea { font-family: 'helveticaneue', Arial, sans-serif; background: transparent; font-size: 14px; letter-spacing: 1px; 
font-style: italic; border: 0; border-bottom: 1px solid #000; resize: none; }

input[type=number]:hover,input[type=number]:focus,
input[type=password]:hover,input[type=password]:focus,
input[type=email]:hover,input[type=email]:focus,
input[type=text]:hover, input[type=text]:focus,
textarea:hover, textarea:focus {  }

input[type=submit],
input[type=button] { font-family: 'helveticaneue', Arial, sans-serif; display: inline-block; border: 0; background: #212121;
cursor: pointer; color: #ffffff; font-size: 14px; font-weight: 200; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; height: 40px; 
padding: 0 33px; -webkit-appearance: none; -moz-appearance: none; }
input[type=submit]:hover,
input[type=button]:hover { color: #ffffff; background: #000000; }
input[type=submit]:active,
input[type=button]:active { position: relative; left: 1px; top: 1px; color: #ffffff; background: #000000; }

input[type=button].rosebutt { background: #ef5a5a; color: #f3f3f3; }
input[type=button].rosebutt:hover,
input[type=button].rosebutt:active { background: #ea2929; color: #f3f3f3; }

input[type=button].greenbutt { background: #afedb2; color: #000000; }
input[type=button].greenbutt:hover,
input[type=button].greenbutt:active { background: #62e869; color: #000000; }

input::-webkit-input-placeholder { font-style: italic; text-overflow: ellipsis; color: #489a4c; }
input::-moz-placeholder { font-style: italic; text-overflow: ellipsis; opacity: 1; color: #489a4c; }
input:-ms-input-placeholder { font-style: italic; text-overflow: ellipsis; color: #489a4c; }

textarea::-webkit-input-placeholder { font-style: italic; text-overflow: ellipsis; color: #489a4c; }
textarea::-moz-placeholder { font-style: italic; text-overflow: ellipsis; opacity: 1; color: #489a4c; }
textarea:-ms-input-placeholder { font-style: italic; text-overflow: ellipsis; color: #489a4c; }

input:hover::-webkit-input-placeholder { color: #000; }
input:hover::-moz-placeholder { color: #000; }
input:hover:-ms-input-placeholder { color: #000; }
textarea:hover::-webkit-input-placeholder { color: #000; }
textarea:hover::-moz-placeholder { color: #000; }
textarea:hover:-ms-input-placeholder { color: #000; }

.error { border-color: #ef5a5a !important; color: #ef5a5a !important; }
input.error::-webkit-input-placeholder { color: #ef5a5a !important; }
input.error::-moz-input-placeholder { color: #ef5a5a !important; }

label.error{ display:none !important;}

/*========= policy ========= */
.agree { font-size: 12px; line-height: 18px; color: #733333; padding-top: 10px; clear: both; text-align: right; width: 580px; margin: 0 auto; }
.agree a { color: #733333; text-decoration: none; border-bottom: 1px solid #733333; }
.agree a:hover { border-color: #E06C63; }

#call-box .agree  { color: #585A5A; text-align: left; width: auto }
#call-box .agree  a { color: #585A5A; border-color: #585A5A; }
#call-box .agree  a:hover { border-color: #000; }

.ui-tabs-panel .agree { display: inline-block; width: 300px; vertical-align: top; color: #489a4c; text-align: left; padding-top: 0px; margin-left: 20px; }
.ui-tabs-panel .agree  a { color: #489a4c; border-color: #489a4c; }
.ui-tabs-panel .agree  a:hover { border-color: #212121; }