@font-face {
    font-family: 'OpenSans-Bold';
    src: url(../fonts/ofont.ru_open_sans-webfont.ttf),
		url('../fonts/ofont.ru_open_sans-webfont.woff2') format('woff2'),
         url('../fonts/ofont.ru_open_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "OpenSans-Light";
    src: url(../fonts/OpenSans-Light.ttf),
		 url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/OpenSans-Regular.ttf),
	     url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Roboto_Light";
    src: url(../fonts/Roboto_Light.ttf),
		 url('../fonts/roboto_light-webfont.woff2') format('woff2'),
         url('../fonts/roboto_light-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Roboto_Black";
    src: url(../fonts/Roboto_Black.ttf),
		 url('../fonts/roboto_black-webfont.woff2') format('woff2'),
         url('../fonts/roboto_black-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
	    src: url(../fonts/Open_Sans_bold.ttf),
		url('../fonts/open_sans_bold-webfont.woff2') format('woff2'),
        url('../fonts/open_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body{
	font-family:OpenSans-Light, sans-serif;
	min-width:1000px;
	font-size:16px;
}
ul{
	padding:0;
	margin:0;
}
a:hover{
	text-decoration:none;
}
h1{
	
	font-family: OpenSans, sans-serif;
	text-align: center;
}

.logo{
	font-size:10px;
}
.ph{
	font-size:17px;
}
.ln{
	border-bottom:8px solid #6684f3;
}
.header{
	margin-top:45px;
}
.menu{
	margin-top:20px;
}

.menu li a{
	position:relative;
	display:block;
	color: #333;
}
.blog{
	margin: 2% 50px 50px 20px;
}
.menu li{
	font-family:OpenSans-Bold, sans-serif;			
	position:relative;
	display:inline-block;
	width:19%;
	text-align:center;
	font-size:24px;
	height:60px;
	line-height:48px;
}
.menu li:hover, .menu li.active{
	background:#6684f3;
	cursor:pointer;
}

.menu li:hover a, .menu li.active a{
	color:#fff;
}

.pd{
	padding: 0 12% 0 12%;
}
.pd0{
	padding: 0;
	
}
.slider-main{
	position:relative;
	padding:0;
}
.glyphicon-chevron-left:before{
	content:"";
	width:99px;
	height:99px;
	display:inline-block;
	background:url(../img/sl-l.png)no-repeat center;
}
.glyphicon-chevron-right:before{
	content:"";
	width:99px;
	height:99px;
	display:inline-block;
	background:url(../img/sl-r.png)no-repeat center;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
	left:50%;
	top:45%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
	top:45%;
	left:0;	
	
}
.slider-main{
	position:relative;
	padding:0;
	margin-bottom: 40px;
}
.text-slider1{
	font-family:OpenSans-Light, sans-serif;	
	position:absolute;
	color:#ffffff;
	font-size:60px;
	left:16%;
	top:28%;
}
.text-slider1 span{
	font-family:OpenSans-Bold, sans-serif;	
}
.bot-slider1{
	font-size:20px;
	font-family:OpenSans-Bold, sans-serif;	
	position:absolute;
	width:11%;
	height:50px;
	text-align:center;
	line-height:50px;
	background:#6684f3;
	left:16%;
	top:70%;	
	color:#ffffff;
}
.h-2{
	font-family:OpenSans-Regular, sans-serif;	
	font-size:25px;
}
.h-1{
	font-family:OpenSans-Light, sans-serif;		
	text-align:right;
	font-size:51px;
}
.display{
	margin-left:-50px;
}
.btnl{
	font-family:OpenSans-Bold, sans-serif;	
	text-align:center;
	height:60px;
	background:#6a46a5;
	margin-top:60px;
	line-height:60px;
	color:#ffffff;
	font-size:25px;
	border-radius: 0 0 0px 10px;
}
.btnr{
	font-family:OpenSans-Bold, sans-serif;	
	text-align:center;
	line-height:60px;
	height:60px;
	background:#6684f3;
	margin-top:60px;
	color:#ffffff;
	font-size:25px;
	border-radius: 0 0 10px 0px;	
}
.btnc{
	font-family:OpenSans-Bold, sans-serif;	
	text-align:center;
	line-height:60px;
	height:60px;
	background:#6684f3;
	margin-top:60px;
	color:#ffffff;
	font-size:25px;
	border-radius: 0 0 10px 10px;	
}
.tex{
	padding-top:10px;
	font-size:25px;	
	font-family:OpenSans-Regular;	
}
.tx-c{
	font-size:23px;
	margin-top:142px;
	background:#eeeeee;
	padding-top:40px;
	padding-bottom:40px;
}
.fm{
	font-family:OpenSans-Bold, sans-serif;
	font-size:18px;	
	margin:auto;
	display:block;
	height:70px;
	width:44%;
	border:1px solid #e5e5e5;
	padding-left:20px;
	margin-bottom:18px;
}
.fm2{
	font-family:OpenSans-Bold, sans-serif;
	font-size:18px;	
	margin:auto;
	display:block;
	height:170px;
	padding-top:10px;
	width:44%;
	border:1px solid #e5e5e5;
	padding-left:20px;
	margin-bottom:18px;
}
.os{
	padding-top:30px;
	padding-bottom:70px;
	text-align:center;
	font-family:OpenSans-Bold, sans-serif;
	font-size:30px;	
	line-height:1.0;
}
.fm::placeholder{
	color:#fff;
}
.btn{
	font-family:OpenSans-Bold, sans-serif;
	font-size:18px;	
	margin:auto;
	display:block;
	height:70px;
	width:44%;
	color:#ffffff;
	margin-bottom:18px;
	background:#6684f3;	
}
.btn:hover, .btn:active{
	color:#fff;
}
.fm::-webkit-input-placeholder {color:#565656;}
.fm::-moz-placeholder          {color:#565656;}
.fm:-moz-placeholder           {color:#565656;}
.fm:-ms-input-placeholder      {color:#565656;}
.fm2::-webkit-input-placeholder {color:#565656;}
.fm2::-moz-placeholder          {color:#565656;}
.fm2:-moz-placeholder           {color:#565656;}
.fm2:-ms-input-placeholder      {color:#565656;}
.fmm::-webkit-input-placeholder {color:#565656;}
.fmm::-moz-placeholder          {color:#565656;}
.fmm:-moz-placeholder           {color:#565656;}
.fmm:-ms-input-placeholder      {color:#565656;}

.footer{
	color:#ffffff;
	height:521px;
	background:url(../img/foot.png);
	font-family:Roboto_Light, sans-serif;	
	text-align: center;
}
.footer li a{
	color: #fff;	
}
.footer li{
	display:inline-block;
	font-size:15px;
	margin-top:90px;
	text-align:center;
	width:10%;

}
.footer li:hover{
	cursor:pointer;
	text-decoration:underline;
}
.kk{
	padding-left:30px;
	    padding-top: 40px;
}
.pd01{
	padding: 0 25% 0 25%;
}
.kon{
	font-family:OpenSans-Light, sans-serif;	
	font-size:13px;
	margin-top:100px;
	margin-bottom:30px;
}
.km{
	font-family:Roboto_Black, sans-serif;	
	font-size:20px;
	font-weight:700;
}
.ph2:before{
	display:inline-block;
	content:"";
	height:39px;
	width:35px;
	vertical-align:middle;
	background:url(../img/ph2.png) no-repeat;
}
.ph2{
	padding-top:40px;
	height:150px;
	position: relative;	
	display:inline-block;	
	vertical-align:middle;
}
.ph2 p{
	display:inline-block;	
	vertical-align:middle;
	padding-top:10px;	
}
.eml2:before{
	display:inline-block;
	content:"";
	height:21px;
	width:40px;
	vertical-align:middle;
	background:url(../img/ml2.png) no-repeat;
}
.eml2{
	text-decoration:underline;
	padding-top:44px;
	height:150px;
	position: relative;	
	display:inline-block;	
	vertical-align:middle;
}
.eml2 p{
	display:inline-block;	
	vertical-align:middle;
	padding-top:10px;	
}
.adr:before{
	display:inline-block;
	content:"";
	height:41px;
	width:43px;
	vertical-align:middle;
	background:url(../img/chpt2.png) no-repeat;
}
.adr{
	width:100%;
	height:150px;
	position: relative;	
	display:inline-block;	
	vertical-align:middle;
}
.adr p{
	display:inline-block;	
	vertical-align:middle;
	padding-top:10px;	
}
/*.adr0:before{
	display:inline-block;
	content:"";
	height:41px;
	width:43px;
	vertical-align:middle;
	background:url(../img/chpt.png) no-repeat;
}*/
.adr0{
    font-size: 17px;
	height:150px;
	padding-top:30px;
	position: relative;	
	display:inline-block;	
	vertical-align:middle;
}
.adr0 p{
	display:inline-block;	
	vertical-align:middle;
}
.email a{
	color:#6684f3!important;
	text-decoration:underline;
}
.email a:hover{

	text-decoration:underline;
}
/*.ph:before{
	display:inline-block;
	content:"";
	height:41px;
	width:43px;
	vertical-align:middle;
	background:url(../img/ph.png) no-repeat;
}*/
.ph{
	height:150px;
	padding-top:30px;
	position: relative;	
	display:inline-block;	
	vertical-align:middle;
}
.ph p{
	display:inline-block;	
	vertical-align:middle;
}
.num{
	padding-top:30px;
	text-align:center;
	font-size:30px;
}
.bt{
	font-size:16px;	
	margin:auto;
	font-family:OpenSans-Regular, sans-serif;	
	width:260px;
	height:40px;
	background:#4567e1;
	box-shadow: 0px 2px 0px 0px #29191b;
	border-radius:30px;
	color:#fff;
	text-align:center;
	line-height:40px;
}
.bt:hover{
	cursor:pointer;
}
.iko li{
	width:13.5%;
	display:inline-block;
}
.iko{
	margin-left:1.5%;
    width: 98.5%;	
}
.nline{
	margin-top:70px;
	margin-bottom:90px;
	font-family:OpenSans-Regular, sans-serif;	
	width:100%;
	text-align:center;
	font-size:38px;
	background:url(../img/nline.png) no-repeat center;
}
.modal-header{
	border:none;
}
.modal-body p{
	font-family:OpenSans-Regular, sans-serif;		
	text-align:center;
	font-size:17px;
	margin-top:-30px;
}
.fmm{
	font-family:OpenSans-Bold, sans-serif;
	font-size:11px;	
	margin:auto;
	display:block;
	height:54px;
	width:630px;
	border:1px solid #e5e5e5;
	padding-left:20px;
	margin-bottom:18px;
}
.modal-dialog{
	width:770px;
}

.btnm{
	font-family:OpenSans-Regular, sans-serif;
	font-size:18px;	
	margin:auto;
	display:block;
	height:54px;
	width:630px;
	color:#ffffff;
	margin-bottom:18px;
	background:#6684f3;	
	border:none;
}
.rd{
	margin-top: 2%;
}
.footer ul{
	text-align:center;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 0px;
    display:none;
}
#back-to-top{
	width:95px;
	height:95px;
	border-radius:95px;
	background:url(../img/up.png) no-repeat center #6684f3;
	font-size:0.1px;
	margin-right:5px;
	margin-bottom:100px;
}
.pg{
	margin-top:150px;
}
.texname{
	font-size:30px;
}
.texname span, .texxn{
	font-family:OpenSans-Bold, sans-serif;
}
.texx{
	font-family:OpenSans-Regular, sans-serif;
	margin-top:25px;
	font-size:16px;
}
.texxn{
	margin-top:30px;
}
.op{
	padding-left:80px;
}
.btp{
	font-family:OpenSans-Bold, sans-serif;
	font-size:18px;	
	display:block;
	height:60px;
	width:295px;
	color:#ffffff;
	margin-bottom:18px;
	background:#6684f3;	
	text-align:center;
	line-height:60px;
	margin-top:20px;
}
.btp:hover{
	cursor:pointer;
}
.num a, .adr0 a{
	text-decoration:none;
	color:#000;
}
.num a:hover, .adr0 a:hover{
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#fff;
}
a:focus{
	text-decoration:none;
	color:#fff;
}
.num a:focus, .adr0 a:focus{
	text-decoration:none;
	color:#000;
}
.btn-lg, .btn-group-lg>.btn{
	font-size:25px;
}
.main-op{
	margin-bottom:100px;
}
.rd a{
	color:#333;
	
}
.st a{
	color:#fff;
	
}


@media (max-width: 1600px) {
.bt{
	font-size:15.5px;
	width:200px;
}
.footer li{
	width:12.5%;

}
.ph.pd0, .adr0.pd0{
	font-size:14px;
}
.pd0.st a{
	height: 50px;
	line-height: 50px;
	font-size:22px;
}
.menu li a{
	font-size:18px;

}
.text-slider1{
	top:20%;
	font-size:48px;
}
.bot-slider1{
	top:55%;
	width:13%;
}
.adr0, .ph{
	font-size:12px;
}
.bt{
	font-size:14px;
}
.num{
	font-size:22px;
}
.h-2, .tex{
	font-size:22px;
}
.tex{
	height:80px;
}
}
@media (max-width: 1300px) {
.menu li{
	font-size:18px;
}

.glyphicon-chevron-right:before, .glyphicon-chevron-left:before{
	background-size:cover;
	width:60px;
	height:60px;
}	
#back-to-top{
	width:65px;
	height:65px;
	background-size:cover;
}	
.btn-lg, .btn-group-lg>.btn{
	font-size:20px;
	margin-left:-10px;
}
.text-slider1{
	top:20%;
	font-size:40px;	
}
.bot-slider1{
	top:55%;
	font-size:17px;
	width: 15%;
    height: 53px;
	line-height:53px;
}
.btnl, .btnr, .btnc{
	font-size:20px;
	height:60px;
	line-height:60px;
}
.h-2, .tex{
	font-size:17px;
}
.tex{
	height:80px;
}
.fm{
	height:50px;
}
.fm2{
	height:150px;
}
.btn{
	height:50px;
}
.texx{
	font-size:14px;
}
.op{
	padding-left:20px;
}
}
@media (max-width: 1150px) {
.footer li{
	width:14.5%;

}
.adr0, .ph{
	font-size:10px;
}
.bt{
	font-size:13px;
}
.menu li{
	font-size:13px;
}
.btnl, .btnr, .btnc{
	font-size:19px;
	height:50px;
	line-height:50px;
}
}
.menu li{
	text-align:c1enter;
}

.panel-body a:hover{
	color: #337ab7;
	border-bottom:1px solid;
}
.iko .carousel .carousel-indicators li{
	width:10px;
	background:#b9b9b9;
	height:10px;
}
.iko .carousel .carousel-indicators .active{
	border: 1px solid #3a3a47;
	width:12px;
	height:12px;
	background:#3a3a47;	
	margin-top:-3px;
}

.iko .carousel .carousel-indicators{
	bottom:-60px;
	left:46%;
}
.footer li{
	font-family:OpenSans-Bold, sans-serif;
}
.menu li span{
	border-bottom: 4px solid #b6b6b6;
}
.menu li.active span{
	border-bottom: 4px solid #fff;
}
.menu:hover li span{
	border-bottom: 4px solid #fff;
}
.com_content{
	border: 1px solid #b5b5b5;
	padding:50px;
	border-radius:10px;
	margin: 0 50px 50px 20px;
	font-family: OpenSans, sans-serif;
}




/*start novosty page*/
.blog {

}
.blog .panel-body {
	padding: 0;
}
.blog .panel-body .blog-image {
	width: 30%;
	float: left;
}
.blog .panel-body .blog-image img {
	width: 100%;
}
.blog .panel-body .page-header {
	width: 62%;
	float: left;
	border: none;
	margin: 0;
	position: relative;
}
.blog .panel-body .page-header h2 {
	margin: 20px 120px 0 20px;
}
.blog .panel-body .page-header p {
	margin: 10px 10px 0 20px;
	color: #6d6d6d;
}
.blog .panel-body .page-header p a {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}
.blog .panel-body .page-header .blog_date {
	position: absolute;
	right: 0;
	top: 25px;
	background: #6684f3;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px;
	font-weight: bold;
}
/*end novosty page*/

/*start contact page*/
.com_content .contact_page {
	/*padding: 40px;*/
}
.com_content .contact_page .our-contacts {
	width: 38%;
	float: left;
}
.com_content .contact_page .our-contacts h1 {
	margin-bottom: 30px;
}
.com_content .contact_page .our-contacts .filial-name {
	font-weight: bold;
	padding-bottom: 20px;
}
.com_content .contact_page .our-contacts .filial-mail {
	color: #0a65ed;
}
.com_content .contact_page .our-contacts .filial-mail a {
	color: #0a65ed;	
}
.com_content .contact_page .our-contacts-form {
	width: 62%;
	float: left;
	padding-left: 40px;
}
.com_content .contact_page .our-contacts-form h3 {
	margin: 0;
	padding: 9px 0 30px 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}
.com_content .contact_page .our-contacts-form form {

}
.com_content .contact_page .our-contacts-form input {
	width: 100%;
	padding: 10px;
	margin: 0 0 20px;
	color: #000;
	border: 1px solid #eaeaea;
}
.com_content .contact_page .our-contacts-form input::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;}/* Firefox 19+ */
:-moz-placeholder           {color:#000;}/* Firefox 18- */
:-ms-input-placeholder      {color:#000;}

.com_content .contact_page .our-contacts-form textarea{
	height: 100px;
	width: 100%;
	padding: 10px;
	margin: 0 0 20px;
	color: #000;
	
	border: 1px solid #eaeaea;
}
.com_content .contact_page .our-contacts-form textarea::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;}/* Firefox 19+ */
:-moz-placeholder           {color:#000;}/* Firefox 18- */
:-ms-input-placeholder      {color:#000;}

.com_content .contact_page .our-contacts-form button {
	padding: 10px 40px;
	border-radius: 0;
	background: #6d81f6;
	border: 0;
	color: #fff;
}
.com_content .contact_page .our-contacts-form button:hover {
	background: #3d58f3;
}
/*end contact page*/

/*start proekty page*/
.page-proekty .com_content {
	border: 0;
	padding: 0;
}
.page-proekty .com_content h1 {
	margin-left: 1%;
}
.page-proekty .com_content .all-projects {
	display: flex;
	flex-wrap: wrap;
	
}
.page-proekty .com_content .all-projects .one-project {
	width: 23%;
	margin: 20px 1% 0;
}
.page-proekty .com_content .all-projects .one-project .image-block-project img {
	width: 100%;
}
.page-proekty .com_content .all-projects .one-project .image-block-project {
	position: relative;
}
.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project {
	background: #6685F359;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 5%;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s, visibility 0s linear 0.3s;	
}
.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project a {
	color: #fff;
	font-weight: bold;
	background: url(../../../images/btn-play.png)no-repeat;
	display: block;
	width: 100%;
	height: 37px;
	line-height: 37px;
	padding-left: 50px;
}
.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project a:hover {
	text-decoration: underline;
}
.page-proekty .com_content .all-projects .one-project .image-block-project:hover .hover-one-project {

	opacity: 1;
	visibility: visible;
	transition-delay: 0s;	
}
.page-proekty .com_content .all-projects .one-project .project-date {
	padding-top: 10px;
}
/*end proekty page*/

@media screen and (max-width : 1360px) {
	.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project p {
		font-size: 12px;
	}
	.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project a {
		font-size: 12px;
	}
}
@media screen and (max-width : 1160px) {
	.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project p {
		font-size: 11px;
	}
	.page-proekty .com_content .all-projects .one-project .image-block-project .hover-one-project a {
		font-size: 11px;
	}
}
.modal-title{
	font-family: OpenSans-Bold, sans-serif;
}
a.n4{
	color:#fff;
}
ul.pagination-list{
	width:100%;
}
ul.pagination-list li{
	float:left;
	width: 25px!important;
}
.counter.pull-right{
	display:none;
}