/* Start:/bitrix/templates/twintoe/template_styles.css*/
/* ParaTypeSans */
@font-face {
	font-style: normal;
	font-weight: normal;
	font-family: "ParaTypeSans";
	src: url('../fonts/ParaTypeSans.eot');
	src: url('../fonts/ParaTypeSans.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ParaTypeSans.woff') format('woff'),
	url('../fonts/ParaTypeSans.ttf') format('truetype'),
	url('../fonts/ParaTypeSans.svg#PTSans-Regular') format('svg');
}
/* ParaTypeSans */

html {
	font-size: 100%;
}

body {
	color: #4a4a4a;
	background: #f7f7f7;
	font: normal 75% "ParaTypeSans", Arial, Times New Roman, Tahoma;
}

h1.h1 {
	font-size: 400%;
	text-align: center;
	margin: 20px 0;
}

h2.h2 {
	font-size: 350%;
	text-align: center;
	margin: 20px 0;
}

h3.h3 {
	font-size: 300%;
	text-align: center;
	margin: 20px 0;
}

h4.h4 {
	font-size: 250%;
	text-align: center;
	margin: 20px 0;
}

.ul{
	margin: 10px 0 10px 20px;
}

	.ul li{
		list-style-type: box;
		line-height: 160%;
		margin: 5px 0;
	}
	
.ol{
	margin: 10px 0 10px 20px;
}

	.ol li{
		line-height: 160%;
		margin: 5px 0;
		list-style-type: decimal;
	}

.table{
	border-spacing: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
	
	.table tr td{background: #fff;}
	.table tr:nth-child(odd) td{background: #f3f3f3;}
	
		.table .tr td{
			color: #fff;
			font-weight: bold;
			background: #e31e25 !important;
			line-height: 18px;
			padding: 10px 15px;
		}
		
		.table tr td{
			padding: 8px 15px;
			line-height: 18px;
		}

.speed-bar{
	background: #fff;
	padding: 20px;
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	line-height: 20px;
	color: #777;
}

	.speed-bar a{color: #222; text-decoration: none;}

	.speed-bar a:after{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 13px;
		margin: 0 10px;
		background: url(/content/images/speed-bar.png) no-repeat;
	}

div.clear {
	clear: both;
}

div.wrapper {
	margin: 0 auto;
}

header.mainHeader {
	width: 960px;
	height: 170px;
	position: relative;
	margin: 0 auto 33px auto;
}

a.logotype {
	top: 0;
	left: 0;
	position: absolute;
}

.mainHeader .logotype-desc{
	top: 10px;
	right: 0;
	position: absolute;
	width: 680px;
	height: 53px;
}

nav.navTopHeader,
nav.navFooter {
	right: 0;
	bottom: 0;
	position: absolute;
	background: #ffffff;
	padding: 0 25px 0 25px;
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 630px;
}

nav.navFooter {
	border: none;
	background: transparent;
}

nav.navTopHeader ul,
nav.navFooter ul {
	zoom: 1;
	overflow: hidden;
}

nav.navTopHeader li,
nav.navFooter li {
	float: left;
}

nav.navTopHeader li a,
nav.navFooter li a {
	zoom: 1;
	display: block;
	color: #4a4a4a;
	font-size: 170%;
	padding: 20px 45px;
	text-decoration: none;
}

nav.navFooter li a {
	color: #eaeaea;
}

nav.navTopHeader li a.active {
	background-color: #FF1820;
	color: #fff !important;
}

nav.navTopHeader li a:visited {
	color: #4a4a4a;
}

nav.navFooter li a:visited {
	color: #eaeaea;
}

nav.navTopHeader li a:hover {
	color: #000000;
}

nav.navFooter li a:hover {
	color: #ffffff;
}

nav.navTopHeader li a strong,
nav.navFooter li a strong {
	font-weight: normal;
}

div.soc-links_search {
	right: 0;
	bottom: 82px;
	position: absolute;
}

ul.soc-network {
	zoom: 1;
	float: left;
	overflow: hidden;
}

ul.soc-network li {
	float: left;
}

ul.soc-network li a {
	zoom: 1;
	width: 43px;
	height: 43px;
	display: block;
	background: url('/content/images/icons_soc-net.png') no-repeat;
	background-color: #FF1820;
}

ul.soc-network li a:hover {
	background-color: #293036;
}

ul.soc-network li.soc-facebook a {
	background-position: 0 0;
}

ul.soc-network li.soc-twitter a {
	background-position: -43px 0;
}

ul.soc-network li.soc-vk a {
	background-position: -86px 0;
}

ul.soc-network li.soc-vimeo a {
	background-position: -129px 0;
}

ul.soc-network li.soc-instagram a {
	background-position: -172px 0;
}

form.search {
	float: left;
	position: relative;
}

span.label_search-text {
	zoom: 1;
	float: left;
	height: 43px;
	color: #f7f7f7;
	font-size: 140%;
	padding: 0 18px;
	line-height: 43px;
	text-align: center;
	background: #293036;
	text-transform: uppercase;
}

input.search-inp {
	float: left;
	width: 148px;
	height: 43px;
	border: none;
	outline: none;
	font-size: 140%;
	padding: 0 45px 0 5px;
	-webkit-appearance: none;
	background: #ffffff url('/content/images/icon-search.png') no-repeat right center;

	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

input.search-button {
	top: 0;
	right: 0;
	width: 43px;
	height: 43px;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	background: none;
	position: absolute;
}

section.container {
	width: 960px;
	margin: 0 auto 80px;
}

section.pic-mainBlock {
	width: 960px;
	margin: 0 auto;
}

div.pic-main {
	height: 366px;
	position: relative;
	background: #f7f7f7;
	overflow: hidden;
	white-space: nowrap;
}
div.pics{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 366px;
}
div.pic-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	/*background: #f7f7f7 url('/bitrix/templates/twintoe/images/pic-main.jpg') no-repeat right center;*/
}
div.pic-img img{
	top: 0;
	left: 0;
	width: 960px;
	height: 366px;
}

div.site-description,
div.site-address {
	position: absolute;
}

div.site-address {
	/*top: 198px;*/
	margin-top: -125px;
}

div.twintoe-agency {
	width: 227px;
	height: 61px;
	text-align: center;
	background: #403f44;
}

div.twintoe-agency a {
	zoom: 1;
	height: 100%;
	display: block;
}

div.twintoe-agency img {
	margin: 20px 0 0 0;
}

div.site-descText,
div.site-addressText {
	width: 330px;
	background: #4f5962;
	padding: 10px 12px 10px 18px;
}

div.site-descText p,
div.site-addressText p {
	color: #ffffff;
	font-size: 95%;
}

div.site-addressText a {
	color: #ffffff;
	text-decoration: none;
}

div.site-addressText a:visited {
	color: #ffffff;
}

div.site-addressText a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.learnMore,
a.learnMoreNew {
	zoom: 1;
	float: right;
	padding: 10px;
	color: #e4e4e4;
	display: block;
	font-size: 140%;
	background: #e31e25;
	text-decoration: none;
}

a.learnMore:visited,
a.learnMoreNew:visited {
	color: #e4e4e4;
}

a.learnMore:hover,
a.learnMoreNew:hover {
	color: #ffffff;
}

div.slider_pic-main {
	zoom: 1;
	height: 61px;
	overflow: hidden;
	margin: 0 0 29px 0;
	background: #2f3439;
	position: relative;
}

span.slider_pm-button_prev,
span.slider_pm-button_next {
	zoom: 1;
	float: left;
	width: 52px;
	height: 61px;
	display: block;
	cursor: pointer;
	background: url('/content/images/slider-buttons.png') no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

span.slider_pm-button_prev {
	background-position: 0 0;
}

span.slider_pm-button_prev:hover {
	background-position: 0 -61px;
}

span.slider_pm-button_next {
	background-position: -52px 0;
	float: right;
}

span.slider_pm-button_next:hover {
	background-position: -52px -61px;
}

div.slider_pic-main ul {
	zoom: 1;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 52px;
	right: 52px;
	white-space: nowrap;
	font-size: 0%;
}

div.slider_pic-main ul li {
	display: inline-block;
	position: relative;
}
div.slider_pic-main ul li.selected:after{
	position: absolute;
	content: "";
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background: rgb(227,30,37);
	opacity: 0.5;
	border: 4px solid rgb(227,30,37)\0/;
	background: transparent\0/;
}

div.slider_pic-main ul li img {
	display: block;
	cursor: pointer;
}

section.servicesBlock {
	width: 960px;
	margin: 0 auto;
}

ul.services {
	zoom: 1;
	overflow: hidden;
	margin: 0 0 29px 0;
}

ul.services li {
	float: left;
	width: 213px;
	margin: 0 36px 0 0;
	background: #ffffff;
	padding: 0 0 15px 0;

	-webkit-box-shadow: inset 0px 0px 0px 1px #ededed;
	-moz-box-shadow: inset 0px 0px 0px 1px #ededed;
	box-shadow: inset 0px 0px 0px 1px #ededed;
}

ul.services li:last-child {
	margin: 0;
}

div.service-pic {
	zoom: 1;
	width: 213px;
	height: 178px;
	overflow: hidden;
	background: #e31e25;
}

h2.topicService {
	font-size: 150%;
	text-align: center;
	margin: 8px 0 10px 0;
}

p.descService {
	text-align: center;
}

section.lastProjectsBlock {
	width: 960px;
	margin: 0 auto;
}

div.lastProjectsLine,
div.lastNewsLine {
	height: 43px;
	margin: 0 0 30px 0;
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #f1f1f1;
}

h3.lastProjectsText,
h3.lastNewsText {
	top: 0;
	left: 0;
	color: #ffffff;
	font-size: 150%;
	padding: 0 26px;
	line-height: 43px;
	position: absolute;
	background: #293036;
}

div.lastProjectsSliderButtons,
div.lastNewsSliderButtons {
	top: 0;
	right: 0;
	position: absolute;
}

span.slider_lastProjects-button_prev,
span.slider_lastNews-button_prev,
span.slider_lastProjects-button_next,
span.slider_lastNews-button_next {
	zoom: 1;
	float: left;
	width: 53px;
	height: 43px;
	display: block;
	cursor: pointer;
	background: url('/content/images/slider-buttons_2.png') no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

span.slider_lastProjects-button_prev,
span.slider_lastNews-button_prev {
	background-position: 0 0;
}

span.slider_lastProjects-button_prev:hover,
span.slider_lastNews-button_prev:hover {
	background-position: 0 -43px;
}

span.slider_lastProjects-button_next,
span.slider_lastNews-button_next {
	background-position: -53px 0;
}

span.slider_lastProjects-button_next:hover,
span.slider_lastNews-button_next:hover {
	background-position: -53px -43px;
}

ul.lastProjectsSlider {
	zoom: 1;
	overflow: hidden;
	margin: 0 0 30px 0;
}

ul.lastProjectsSlider li {
	float: left;
	width: 213px;
	color: #3f3e43;
	margin: 0 36px 0 0;
	background: #ffffff;

	-webkit-box-shadow: inset 0px 0px 0px 1px #ededed;
	-moz-box-shadow: inset 0px 0px 0px 1px #ededed;
	box-shadow: inset 0px 0px 0px 1px #ededed;
}

ul.lastProjectsSlider li:last-child {
	margin: 0;
}

div.lastProjectInner {
	padding: 16px 10px;
}

figcaption.nameLastProject {
	display: block;
	font-size: 140%;
	margin: 0 0 2px 0;
}

ul.lastProjectsSlider li.activeLastProjectSlider {
	color: #ffffff;
	background: #4f5962;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.blockForPictureLastProject,
div.blockForPictureLastNew {
	position: relative;
}

div.blockForPictureLastProject img,
div.blockForPictureLastNew img {
	display: block;
	cursor: pointer;
}

div.pictureLastProject-buttons {
	zoom: 1;
	left: 0;
	bottom: 0;
	display: none;
	overflow: hidden;
	position: absolute;
}

ul.lastProjectsSlider li.activeLastProjectSlider div.pictureLastProject-buttons {
	display: block;
}

div.pictureLastProject-buttons a {
	float: left;
	width: 42px;
	height: 42px;
	background: url('/content/images/pictureLastProject-buttons.png') no-repeat;
}

div.pictureLastProject-buttons a.pictureLastProject-zoom {
	background-position: 0 0;
}

div.pictureLastProject-buttons a.pictureLastProject-link {
	background-position: -42px 0;
}

section.write_or_to-order {
	width: 960px;
	height: 43px;
	position: relative;
	background: #ffffff;
	margin: 0 auto 30px auto;
	border-bottom: 1px solid #f1f1f1;
}

a.writeButton {
	top: 0;
	left: 0;
	width: 44px;
	height: 43px;
	cursor: pointer;
	position: absolute;
	background: url('/content/images/icon-email.png') no-repeat;
}

p.woto-text {
	color: #3f3e43;
	font-size: 120%;
	line-height: 43px;
	margin: 0 0 0 145px;
	letter-spacing: 13px;
	text-transform: uppercase;
}

a.to-orderButton {
	top: 0;
	right: 0;
	height: 43px;
	color: #ffffff;
	cursor: pointer;
	font-size: 140%;
	padding: 0 25px;
	line-height: 43px;
	position: absolute;
	background: #293036;
	text-decoration: none;
	text-transform: uppercase;
}

a.to-orderButton:visited {
	color: #ffffff;
}

a.to-orderButton:hover {
	color: #ffffff;
}

section.lastNewsBlock {
	width: 960px;
	position: relative;
	margin: 0 auto 30px auto;
}

div.needAdversitingBlock {
	top: 0;
	left: 50%;
	z-index: 20;
	width: 547px;
	display: none;
	position: absolute;
	background: #ffffff;
	margin: 44px 0 0 -273px;

	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

div.needAdversitingBlockInner {
	padding: 34px 20px 20px 44px;
}

form.needAdv {
	zoom: 1;
	overflow: hidden;
}

form.needAdv label p {
	margin: 0 0 5px 0;
}

h3.needAdvTopic {
	font-size: 200%;
	margin: 0 0 20px 0;
}

div.field_needAdv {
	float: left;
	margin: 0 20px 0 0;
}

input.inp_needAdv-db_s,
input.inp_needAdv-db_b {
	width: 210px;
	height: 31px;
	border: none;
	outline: none;
	color: #ffffff;
	padding: 0 5px;
	line-height: 31px;
	margin: 0 0 10px 0;
	background: #4f5962;
}

input.inp_needAdv-db_b {
	width: 404px;
}

input.inp_needAdv-db_s:focus,
input.inp_needAdv-db_b:focus,
textarea.textarea_needAdv:focus {
	background: #5c6771;
}

textarea.textarea_needAdv {
	width: 450px;
	height: 200px;
	border: none;
	resize: none;
	padding: 5px;
	outline: none;
	color: #ffffff;
	margin: 0 0 10px 0;
	background: #4f5962;
}

input.submit_needAdv {
	border: none;
	height: 35px;
	outline: none;
	color: #ffffff;
	font-size: 140%;
	padding: 0 20px;
	background: #e31e25;
	margin: 28px 0 0 165px;
}

ul.lastNewsSlider {
	zoom: 1;
	overflow: hidden;
}

ul.lastNewsSlider li {
	float: left;
	width: 288px;
	margin: 0 47px 0 0;
}

ul.lastNewsSlider li:last-child {
	margin: 0;
}

figcaption.nameLastNew {
	height: 43px;
	color: #ffffff;
	font-size: 140%;
	padding: 0 10px;
	line-height: 43px;
	background: #4f5962;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

time.timeNew {
	left: 0;
	bottom: 0;
	width: 76px;
	height: 74px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	background: #e31e25;
}

span.dateNew {
	zoom: 1;
	display: block;
	font-size: 300%;
	margin: 8px 0 0 0;
}

span.month_year-New {
	display: block;
	font-size: 95%;
	margin: -5px 0 0 0;
}

div.descNew {
	width: 236px;
	float: right;
	color: #3f3e43;
	background: #ffffff;
	border-bottom: 2px solid #e31e25;
}

div.descNewInner {
	padding: 10px;
}

section.lastProjectsBlock{
	position: relative;
}
div.imgProjectsSlider,
div.imgLastNewsSlider {
	top: 0;
	left: 0;
	z-index: 20;
	width: 960px;
	display: none;
	height: 554px;
	position: absolute;
	background: #ffffff;
	margin: -310px 0 0 0;
}
div.imgProjectsSlider{
	margin-top: -510px;
	overflow: hidden;
}

ul.imgProjects,
ul.imgLastNews {
	zoom: 1;
	overflow: hidden;
}

ul.imgProjects li,
ul.imgLastNews li {
	float: left;
	width: 960px;
	height: 554px;
	text-align: center;
	line-height: 554px;
}

ul.imgProjects li img,
ul.imgLastNews li img {
	vertical-align: middle;
}

ul.imgProjects li.visibleImgProject,
ul.imgLastNews li.visibleImgLastNew {
	display: block;
}

ul.imgProjects li.hiddenImgProject,
ul.imgLastNews li.hiddenImgLastNew {
	display: none;
}

span.close-imageProjectSlider,
span.close-learnMoreProjectBlock,
span.close-imageNewSlider,
span.close-learnMoreNewBlock,
span.close-needAdversitingBlock {
	zoom: 1;
	top: 12px;
	right: 10px;
	width: 15px;
	height: 15px;
	display: block;
	cursor: pointer;
	position: absolute;
	background: url('/content/images/close-imageNewSlider.png') no-repeat;
}

span.closeB-imageProjectSlider,
span.closeB-imageNewSlider,
span.closeB-learMoreBlock {
	zoom: 1;
	left: 50%;
	height: 35px;
	bottom: 10px;
	width: 124px;
	color: #ffffff;
	display: block;
	cursor: pointer;
	font-size: 140%;
	line-height: 35px;
	text-align: center;
	position: absolute;
	background: #e31e25;
	margin: 0 0 0 -62px;
}

span.slider_imageProject-button_prev,
span.slider_imageProject-button_next,
span.slider_imageNew-button_prev,
span.slider_imageNew-button_next {
	zoom: 1;
	top: 232px;
	width: 52px;
	height: 61px;
	display: block;
	cursor: pointer;
	position: absolute;
	background: url('/content/images/slider-buttons.png') no-repeat;
}

span.slider_imageProject-button_prev,
span.slider_imageNew-button_prev {
	left: 0;
	background-position: 0 0;
}

span.slider_imageProject-button_prev:hover,
span.slider_imageNew-button_prev:hover {
	background-position: 0 -61px;
}

span.slider_imageProject-button_next,
span.slider_imageNew-button_next {
	right: 0;
	background-position: -52px 0;
}

span.slider_imageProject-button_next:hover,
span.slider_imageNew-button_next:hover {
	background-position: -52px -61px;
}

div.learnMoreBlock {
	top: 74px;
	left: 50%;
	z-index: 20;
	width: 547px;
	display: none;
	position: absolute;
	background: #ffffff;
	margin: 0 0 0 -273px;

	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

div.learnMoreInner {
	padding: 20px 20px 68px 20px;
}

div.learnMoreInner p {
	margin: 0 0 15px 0;
}

section.aboutUsBlock {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: #e31e25;
	padding: 55px 0 65px 0;
}
/*
section.aboutUsBlock:before {
	width: 0;
	height: 0;
	left: 50%;
	top: 100%;
	content: "";
	position: absolute;
	border: 20px solid;
	margin: 0 0 0 -20px;
	border-color: #e31e25 transparent transparent transparent;
}*/

h1.topicAboutUs {
	color: #ffffff;
	font-size: 65px;
	font-family: "Verdana";
	text-align: center;
	margin: 0 0 8px 0;
}

div.aboutUsDesc {
	width: 853px;
	padding: 20px 0;
	text-align: center;
	margin: 0 auto 30px auto;
	border-top: 1px solid #33c1a1;
	border-bottom: 1px solid #33c1a1;
}

div.aboutUsDesc strong {
	color: #ffffff;
	font-size: 30px;
	font-weight: normal;
}

div.aboutUsBoxes {
	zoom: 1;
	width: 720px;
	color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
}

p.aboutUsDesc-F {
	float: left;
	width: 320px;
}

p.aboutUsDesc-S {
	float: right;
	width: 320px;
}

section.mapBlock {
	width: 960px;
	margin: 0 auto 100px auto;
}

div.map {
	height: 466px;
	position: relative;
	background: url('/content/images/map.jpg') no-repeat right center;
}

a.button-goTop {
	zoom: 1;
	z-index: 50;
	width: 57px;
	height: 57px;
	right: 25px;
	bottom: 25px;
	display: block;
	position: fixed;
	border: 1px solid #ffffff;
	background: url('/content/images/button-goTop.png') no-repeat;
}

a.button-goTop:hover {
	background-position: 0 -57px;
}

div.wrapFooter {
	height: 99px;
	background: #4f5962;
}

footer.mainFooter {
	width: 960px;
	height: 99px;
	margin: 0 auto;
	position: relative;
}

p.logotype-footer {
	left: 0;
	bottom: 0;
	position: absolute;
}

a.logotype-footer img {
	display: block;
}

a.copyright {
	top: 128px;
	left: 22px;
	color: #ffffff;
	font-size: 95%;
	position: absolute;
	text-decoration:none;
}
a.copyright:hover{
	text-decoration: underline;
}

/***********************************************/
li.visibleSlide {
	display: block;
}

li.hiddenSlide {
	display: none;
}
ul.lastProjectsSlider {
	width: 1494px;
	zoom: 1px;
}
div.lastProjects {
	overflow: hidden;
}

ul.lastNewsSlider {
	width: 1675px;
	zoom: 1px;
}
div.lastNews{
	overflow: hidden;
}

ul.imgProjects,
ul.imgLastNews {
	width: 2880px;
	zoom: 1px;
}
div.imgLastProjectsSlider,
div.imgLastNewsSlider{
	overflow: hidden;
}
/* End */