@import url(reset.css);

	

	@font-face{ 

	font-family: 'OpenSans';

	src: url('../fonts/OpenSans-Regular.ttf');

}

	@font-face{ 

	font-family: 'MyriadPro';

	src: url('../fonts/MyriadProRegular.ttf');

}

	@font-face{ 

	font-family: 'Comfortaa';

	src: url('../fonts/Comfortaa-Regular.ttf');

}

	.main-blue-top{

	background-color: #12406F;

	color: white;

  	font-size: 14px;

  	font-family: "OpenSans";

  	color: rgb(255, 255, 255);

  	text-decoration: underline;

  	line-height: 1.2;

  	text-align: right;

  	height: 30px;

}

	.main-blue-top a{

	color: white;

}

	.main-blue-top ul li{

	float: right;

	margin: 0 10px;

}

	.row.main-slider{

	position: relative;

	z-index: 1;

}

	.row.main-slider{

	position: relative;

	z-index: 1;

	min-height: 100px;

}

	.navigation{

	position: absolute;

	top: 0;

	z-index: 3;

  	background-color: rgba(255, 255, 255, 0.95);


  	width: 100%;

}
	.navigation.inner-navigation{

	position: unset;

	top: unset;

	z-index: 3;

  	background-color: rgba(255, 255, 255, 0.8);


  	width: 100%;

}
	.mycontainer{
  	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
	
}

	.nav2 {

    display: none;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

}

	.nav2 .navigation{

	position: absolute;

	top: 0;

	z-index: 3;

  	background-color: rgba(255, 255, 255, 0.95);

  	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);

  	width: 100%;

}

	.navigation ul li {

	font-size: 14px;

	font-family: "OpenSans";

	text-transform: uppercase;

	line-height: 1.2;

	text-align: left;

	float: left;

	padding: 45px 10px;

}

	.navigation ul li a{

	color: rgb(0, 0, 0);

}

	.carousel-control {

    position: absolute;

    top: 40%;

    bottom: 0;

    left: 10%;

    font-size: 175px;

    width: unset;

}

	.my-right{

	right: 10%;

	left: auto;

}

	.slider-text{

	position: absolute;

	font-size: 32px;

	color: white;

	width: 100%;

	bottom: 14%;

	z-index: 4;

  	background-color: rgba(0, 0, 0, 0.502);

	font-size: 30px;

	font-family: "OpenSans";

	color: rgb(255, 255, 255);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

}

	.slider-text p{

	width: 450px;

	margin: 30px auto;

}

	.mainphone{

	/*padding: 30px 0 0 0;*/
	padding-top: 40px;

	text-align: right;

	font-size: 18.762px;

	font-family: "MyriadPro";

	color: rgb(51, 51, 51);

	text-transform: uppercase;

	line-height: 1.212;

	text-align: right;

	/*-moz-transform: matrix( 1.13077420257172,0,0,1.13077420257172,0,0);

	-webkit-transform: matrix( 1.13077420257172,0,0,1.13077420257172,0,0);

	-ms-transform: matrix( 1.13077420257172,0,0,1.13077420257172,0,0);*/

}

	.maintop-reqs{

	padding: 6px 0;

}

	

	.main-slider .logo img{

	/*border:1px solid;*/

    /*margin-top: 0px;*/
	width: 270px;
    margin: 30px 0 0 0;
}

	.carousel {

	height: 850px;

}

	.carousel-caption {

	z-index: 10;

}

	.carousel .item {

	height: 850px;

	background-color: #777;

}

	.carousel-inner > .item > img {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

	height: 850px;

}
	#myCarousel2 .carousel-inner > .item > img {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

	height: 230px;

}

	.navbar-toggle{
	position: unset;
	background-color: black;
	
    margin: unset;

}

	.navbar-toggle span{

	background-color: white;

}

	.row.main-remontkv{

	background-image: url(../img/remkv.png);

}

	.row.mainpage-silver{

  	background-color: rgb(247, 247, 247);

  	min-height: 50px;

}

	.mainpage-about h2{

  	font-size: 29px;

    font-family: "OpenSans";

    color: rgb(42, 66, 109);

    text-transform: uppercase;

    line-height: 1.2;

    text-align: center;

    margin-bottom: 25px;

    margin-top: 0px;

}

	.mainpage-about p{

	font-size: 17px;

	text-indent: 50px;

	font-family: "OpenSans";

	color: rgb(1, 1, 1);

	line-height: 1.5;

	text-align: justify;

}

	.container.mainpage-about{

	padding: 10px 0 50px 0;

}

	.row.mainpage-service{

	/*padding: 30px 0 20px 0;*/
	padding-top: 50px;
	padding-bottom: 50px;
  	background-color: rgb(247, 247, 247);

}
	.row.mainpage-service.services{
  	background-color: white;
}

	.mainpage-service h2{

	font-size: 29px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

	margin-bottom: 30px;

}

	.mainpage-service p{
	font-size: 17px;
    font-family: "OpenSans";
    color: rgb(42, 66, 109);
    /* line-height: 1; */
    text-align: left;
    /* padding: 0 0 0 0; */
    margin: -10px 0 0 0;	
}

	.mainpage-service .col-lg-4{

	margin-bottom: 30px;

    padding-top: 30px;

    height: 70px;

	/*display: inline-block;*/

}

	.mainpage-service .col-lg-4 img{
	margin:-30px 10px 0 0;
	max-width: 80px;
	max-height: 75px;
}

	#myCarousel2.carousel-inner > .item > img, #myCarousel2.carousel .item, #myCarousel2.carousel{

	height: 230px;

}

	.slider-text2{

	position: absolute;

	left: 50%;

    top: 50%;

    transform: translate(-50% );	

  	font-size: 29px;

  	font-family: "Comfortaa";

  	color: rgb(255, 255, 255);

  	line-height: 1.2;

  	text-align: left;
	    text-shadow: 1px 0px 10px black, 3px 5px 5px black, 3px 5px 5px black;
}

	.slider-text2 a{

    text-transform: uppercase;

    font-size: 17px;

    color: white;

    background-color: black;

    padding: 10px 40px 5px;

    border-radius: 5px;

    border: 1px solid white;

}

	.mainpage-exp {

    padding: 50px 0 30px 0;

}

	.mainpage-exp p {

	font-size: 24px;

	font-family: "Comfortaa";

	color: rgb(102, 102, 102);

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1.2;

	text-align: left;

	-moz-transform: matrix( 1,0,0,0.99363682122309,0,0);

	-webkit-transform: matrix( 1,0,0,0.99363682122309,0,0);

	-ms-transform: matrix( 1,0,0,0.99363682122309,0,0);

	/*border-bottom: 1px solid;*/

}

	.mainpage-exp p span{

    font-size: 40px;

    color: black;

    margin: 0 10px 0 5px;

}

	.mainpage-exp img{

	margin: -10px 10px 0 0;

}

	.mainpage-exp hr{

	width: 58%;

	border-top: 1px solid black;

}

	.mainpage-projects .col-lg-4{

    margin-bottom: 20px;

    min-width: auto;

    height: 300px;

}

	.mainpage-projects .col-lg-4 img, .servicepage .col-lg-4 img, .container-fluid.projects-block .news-list .col-lg-4 img{

	position: relative;

	z-index: 1;

	border-radius: 10px;

}


	.mainpage-projects .col-lg-4 a{

}

	.mainpr-text{
    background-image: -moz-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 19%, rgba(17,17,17,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 50%, rgba(17,17,17,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 19%, rgba(17,17,17,0) 100%);
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 3;
    padding: 30px 0 0px 20px;
    /* text-align: center; */
    width: 370px;
    height: 90px;
    /* margin: 0 0 0 15px; */
    border-radius: 5px;
}

	.mainpr-text h3{

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(255, 255, 255);

	font-weight: bold;

	line-height: 1.2;

	text-align: left;

	margin-bottom: 20px;

}

	.mainpr-text p{

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(255, 255, 255);

	line-height: 1.2;

	text-align: left;

}

	.row.mainpage-projects{

	background-color: #F7F7F7;

    padding: 40px 0 60px 0;

}
	.row.mainpage-projects.about{

	background-color: #F7F7F7;

    padding: 40px 0 10px 0;

}

	.row.mainpage-projects h2{

	font-size: 29px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

	margin-bottom: 30px;	

}

	.row.mainpage-projects a:hover p, .row.mainpage-projects a:hover h3{

	text-decoration: underline;

}

	.mainpage-more a{

	padding: 20px 100px;

	background-color: #2a426d;

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(255, 255, 255);

	font-weight: bold;

	line-height: 1.667;

	border-radius: 10px;

}

	.mainpage-more {

    padding-top: 50px;

}

	.mainpage-work{

    padding: 50px 0 10px 0;

}

	.mainpage-work h2{

	font-size: 29px;

	margin-bottom: 50px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

}

	.mainpage-work .col-lg-4{

    margin-bottom: 0px;

    min-height: 180px;

}

	.mainpage-work img{

	margin:0 10px 0 0;

}

	.mainpage-work p{

	font-size: 18px;

	font-family: "MyriadPro";

	color: rgb(102, 102, 102);

	line-height: 1.2;

	text-align: left;

    width: 80%;

}

	p.mw-title{

	width: 75%;	

	border-bottom: 1px solid black;

    padding: 0px 0 20px 0;	

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	text-transform: uppercase;	

}

	.row.blue-prefooter{

	background-color: #2a426d;

	padding: 50px 0;

	text-align: center;
	font-size: 16px;
    font-family: "Comfortaa";
    color: rgb(255, 254, 255);
    line-height: 1.25;
    text-align: center;
}

	.row.blue-prefooter h3, .row.blue-prefooter p{

	font-size: 16px;

	font-family: "Comfortaa";

	color: rgb(255, 254, 255);

	line-height: 1.25;

	text-align: center;	

}

	.row.blue-prefooter input{

	height: 30px;

	width: 300px;

	background-color: white;

	border-radius: 5px;

	border:0;

	padding-left: 10px;

	outline: 0;

	color: black;

	font-size: 12px;

	font-family: "MyriadPro";

	color: rgb(136, 136, 136);

	line-height: 1.2;

	text-align: left;

	text-transform: uppercase;

	margin: 30px 30px 30px 0;

}

	.row.blue-prefooter input[type='submit']{

	background-color: #ffd057;

	color: black;

	text-align: center;

}

	

	.row.footer{

    padding: 20px 0;

	background-color: #282828;

	color: white;

}

	.row.blue-prefooter.after-footer{

	padding: 10px 0;

}

	.row.footer h2{

	font-size: 36px;

	font-family: "Comfortaa";

	color: rgb(238, 238, 238);

	text-align: left;

	text-transform: uppercase;

	margin-bottom: 20px;	

}

	.row.footer p{

	font-size: 11px;

	font-family: "Comfortaa";

	color: rgb(238, 238, 238);

	line-height: 1.455;

	text-align: left;

}

	.row.footer h3{

	font-size: 12px;

	font-family: "Comfortaa";

	color: rgb(255, 255, 255);

	font-weight: bold;

	line-height: 2;

	margin-bottom: 10px;	

}

	.row.footer ul li a{

	font-size: 12px;

	font-family: "Comfortaa";

	color: rgb(238, 238, 238);

	font-weight: bold;

	line-height: 1.75;

	text-decoration: none;

}

	.row.footer ul li a:hover{

	text-decoration: underline;

}

	.row.footer h3.footer-developer{

	font-size: 24px;

	font-family: "OpenSans";

	color: rgb(255, 255, 255);

	line-height: 1.2;	

}

	.row.footer p.foot-address{

	margin-bottom: 10px;

}

	.row.footer p.foot-number{

    font-size: 17px;

    font-family: "Comfortaa";

    color: #d46061;

    line-height: 1.2;

    margin: 10px 0 15px 0;

    text-align: left;

}

	.row.footer a{

	color: white;

	text-decoration: underline;

}

	.row.footer a.foot-link{

	background-color: red;

    color: white;

    padding: 11px 10px 9px 10px;

    font-size: 13px;

    width: 56px;

    height: 47px;

    border-radius: 28px;

    margin: 0 10px 0 0;

}

	.row.footer ul.foot-links{

    padding-top: 10px;    

	width: 100%;

	min-height: 50px;

}

	.row.footer ul.foot-links li{

	float: left;

	list-style: none;

}

	.row.footer ul.foot-links i{

	font-size: 14px;

}

	.row.footer a.foot-link.facebook{

	padding: 11px 14px 9px 14px;

	background-color: #4867aa;

}

	.row.footer a.foot-link.instagram{

	padding: 11px 11px 9px 11px;

	background-color: #a343af;

}

	.bread-crumbs{

	/*position: absolute;*/

	/*top: 110px;*/

	/*left: 0;*/
    /* top: 110px; */
    /* left: 0; */
    padding-top: 15px;
    width: 100%;
    background-color: rgb(247, 247, 247);
    height: 45px;
    margin-top: 5px;

}

	.bread-crumbs ul li{

	float: left;

	font-size: 14px;

	font-family: "Comfortaa";

	/*text-decoration: underline;*/

	line-height: 1.2;

}

	.bread-crumbs ul li a{

	color: rgb(102, 102, 102);

}

	.white-space-100.clearboth{

	width: 100%;

	height: 100px;

}

	/*aboutpage*/

	.mainpage-about.about-aboutpage {

    padding: 0px 0 50px 0;

}
	.mainpage-about.about-aboutpage ul li{
	list-style: disc;
	font-size: 17px;

	/*text-indent: 50px;*/

	font-family: "OpenSans";

	color: rgb(1, 1, 1);

	line-height: 1.5;

	text-align: justify;
}

	.mainpage-about.about-aboutpage h3{

	font-size: 29px;

    font-family: "OpenSans";

    color: rgb(0, 0, 0);

    font-weight: bold;

    line-height: 1.2;

    text-align: left;

    margin: 20px 0;		

}

/*	.mainpage-about.about-aboutpage .col-lg-12{

	padding: 30px 5%;

	min-height: 200px;

    background-repeat: no-repeat;

    background-position-x: 10%;	

}*/

	.mainpage-about.about-aboutpage .col-lg-12.first-aboutpage{

	background-image: url(../img/about1.png);

}	

	.mainpage-about.about-aboutpage .col-lg-12.second-aboutpage{

	background-image: url(../img/about2.png);

}

	.mainpage-about.about-aboutpage .col-lg-12.third-aboutpage{

	background-image: url(../img/about3.png);

}

	.mainpage-about.about-aboutpage .col-lg-12.four-aboutpage{

	background-image: url(../img/about4.png);

}

	.mainpage-about.about-aboutpage .col-lg-12 p{

	text-indent: 0;

}

	.mainpage-about.about-aboutpage .col-lg-12.garant-aboutpage{

	/*padding: 20px 0;*/

	min-height: 10px;

}

	.row.loadmore-aboutpage{

	padding-top: 0;

	padding-bottom: 0;

	/*min-height: 600px;*/

	position: relative;

	z-index: 1;

	background-image: url(../img/aboutload.png);

	/*min-height: 600px;*/

}

	.loadmore-aboutpage .col-lg-4{

	margin-bottom: 0;

	position: relative;

	z-index: 1;

	min-height: 300px;

}	

	.loadmore-aboutpage .col-lg-4 img{

	/*position: absolute;*/

	z-index: 2;

	/*top: 0;

	left: 0;*/

	border-radius: 0;

}	

	.loadmore-aboutpage .col-lg-4 p{

    text-align: center;

    height: 50px;

    padding: 17px 0 0 0;

    width: 390px;

    position: absolute;

    z-index: 3;

    bottom: 0;

    font-size: 14px;

    font-family: "Comfortaa";

    color: rgb(255, 255, 255);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.502);

}

	/**servicepage*/

	.container.servicepage h2{

	margin-bottom: 0;

	font-size: 29px;

	font-family: "Comfortaa";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

}

	.servicepage p.servbot{

	text-align: center;

	margin-bottom: 50px;

}

	.container.servicepage {

    padding: 40px 0 70px 0;

}

	.servicepage .col-lg-4 h3{

	font-size: 19px;

    font-family: "Comfortaa";

    color: rgb(51, 51, 51);

    font-weight: bold;

    line-height: 1.2;

    text-align: left;

    height: 40px;

	-moz-transform: matrix( 1.00001192655208,0,0,1,0,0);

	-webkit-transform: matrix( 1.00001192655208,0,0,1,0,0);

	-ms-transform: matrix( 1.00001192655208,0,0,1,0,0);

}

	.servicepage a:hover .col-lg-4 h3, .servicepage a:hover .col-lg-4 p{

	text-decoration: underline;

}

	.servicepage p.withimg{

	text-align: left;
	margin-bottom: 10px;
}

	.servicepage .col-lg-4 p{
	font-size: 14px;
	font-family: "Comfortaa";
	color: rgb(12, 12, 12);
	font-weight: bold;
	line-height: 1.333;
	text-align: left;
}	

	.servicepage .col-lg-4{
    min-height: 280px;
    /*padding-right: 5%;*/
    /*padding-left: 5%;*/
	margin-bottom: 20px;
}

	.costblock h2{

	font-size: 29px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;

	margin-bottom: 50px;

}

	.costblock .col-lg-4 p, .third-cost h4{

	font-size: 18px;

	font-family: "MyriadPro";

	color: rgb(51, 51, 51);

	line-height: 1.667;

	text-align: left;	

}
/*	.costblock .third-cost p{

	font-size: 14px;

    font-family: "Comfortaa";

    color: rgb(0, 0, 0);

    line-height: 1.857;

    text-align: left;

}
*/
	.costblock hr{

	margin-top: 0px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid black;

}

	.costblock  .eachcost{

	min-height: 150px;

	background-repeat: no-repeat;

}

	.eachcost 	select.form-control{

	float: right;

	width: 90%;

	height: 50px;

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	line-height: 1.667;

	text-align: left;

}

	.eachcost 	select.form-control span{

	font-weight: bold;

}

	.first-cost.eachcost{

	background-image: url(../img/n1.png);

} 

	.second-cost.eachcost{

	background-image: url(../img/n2.png);

} 

	.third-cost.eachcost{

	background-image: url(../img/n3.png);

} 

	.fourth-cost.eachcost{

	background-image: url(../img/n4.png);

} 

	.eachcost input{

	width: 90%;

	float: right;

	border-radius: 5px;

	outline: 0;

	border: 1px solid #e1e1e1;

	height: 50px;

	text-align: right;

	padding-right: 10px;

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.667;

}

	.third-cost p.cost {

	font-size: 23px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.57;

	text-align: right;

}

	.fourth-cost h4{

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.667;

	text-align: left;

}

	.costblock  .fourth-cost p{

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.286;

	text-align: left;

	padding-left: 5%;

	margin-bottom: 5px;

}

	.container.costblock{

	padding-bottom: 50px;

}

	.costblock .col-lg-8 p{

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.667;

	text-align: left;

}

	.costblock .col-lg-8.check-box{

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(0, 0, 0);

	line-height: 1.857;

	text-align: left;

}

	.costblock .col-lg-8{

	padding-left: 5%;

}

	p.text-center.order-prj{

	margin: 0 0 50px;

}

	.order-prj input{

	padding: 10px 50px;

    background-color: #2a426d;

    font-size: 18px;

    font-family: "Comfortaa";

    color: rgb(255, 255, 255);

    font-weight: bold;

    line-height: 1.667;

    border-radius: 10px;

    border:0;

    outline: 0;

}

	.order-prj input:hover{

	text-decoration: underline;

}

	.categories .col-lg-3{

	margin-bottom: 20px;

}

	.categories .col-lg-3 img{

	position: relative;

	z-index: 1;

	width: 270px;

	border-radius: 10px;

}

	.categories .col-lg-3 p{

	position: absolute;

    bottom: 0;

    padding: 20px;

    z-index: 2;

    font-family: "Comfortaa";

    width: 270px;

    left: 15px;

    bottom: 3px;

    background-color: rgb(148, 148, 148);

    opacity: 0.722;

    display: none;

}

	.categories  a {

	color: white;

}

	.categories  a:hover .col-lg-3 p {

	display: block;

}

	.servicepage .tab .tablinks{

	background-color: transparent;

	color: black;

	border: 0;

	outline: 0;

	font-size: 20px;

	font-family: "Comfortaa";

	color: #959595;

	font-weight: bold;

	line-height: 1.2;

	text-align: center;

}

	.servicepage .tab .tablinks.active{

	color: rgb(42, 66, 109);

	text-decoration: underline;

	text-transform: uppercase;

}

	.servicepage.catpage p.servbot{

	margin-bottom: 50px;

}

	.servicepage.catpage .tab{

	margin-bottom: 50px;

	padding: 0px 5%;	

}

	p.catlinks-paginator a{

	font-size: 18px;

	font-family: "Comfortaa";

	color: black;

	line-height: 2;

	text-align: center;

	margin: 0 0 0 20px;

}

	.services-news h3{

	font-size: 29px;

    font-family: "OpenSans";

    color: rgb(42, 66, 109);

    text-transform: uppercase;

    line-height: 1.2;

    text-align: center;

    margin-bottom: 30px;

    margin-top: 30px;

}

	.services-news p img{

	margin: 10px;

}

	.services-news p{   

    font-size: 14px;

    font-family: 'OpenSans';

    font-weight: 400;

    line-height: 20px;

    margin: 0 0 10px;

    text-align: justify;

}

	.services-news ol, .services-news ul {

    list-style: inside;

        font-size: 14px;

    font-family: 'OpenSans';

    font-weight: 400;

    line-height: 20px;

    margin: 0 0 10px;

    text-align: justify;

}

	/**projects*/

	

	.projects-block h2{

	font-size: 36px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 1.2;

	text-align: center;	

	margin-top: 20px;

    margin-bottom: 20px;

}

	.projects-block .row{

	background-color: #f4f4f4;

}

	.projects-block .col-lg-4{

	margin-bottom: 30px;

}
	.projects-block .col-lg-4:hover .mainpr-text h3{
    text-decoration: underline;
}

	/*.projects-block .col-lg-4 img{

	position: relative;

	z-index: 1;

    width: 360px;

    height: 265px;

}
*/
	.projects-block .col-lg-4 p{

	background-image: -moz-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 19%, rgba(17,17,17,0) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 19%, rgba(17,17,17,0) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(17,17,17) 0%, rgba(17,17,17,0.81) 19%, rgba(17,17,17,0) 100%);

    width: 360px;

    height: 265px;

    z-index: 2;

    position: absolute;

    top: 0;

	font-size: 19px;

	font-family: "MyriadPro";

	color: rgb(255, 255, 255);

	line-height: 1.2;

	text-align: left;

	padding: 200px 0 0 30px;

}	

	.projects-block a{

	color: white;

}

	.projects-block .row{

	padding-top: 20px;

	padding-bottom: 20px;

}

	.projects-block .tab {

    padding: 0px 5% 50px 5%;

}

	.projects-block .tab .tablinks{

	background-color: transparent;

	font-size: 20px;

	font-family: "OpenSans";

	color: #434343;

	line-height: 1.8;

	text-align: center;

	border: 0;

	outline: 0;

}

	.projects-block .tab .tablinks.active{

	background-color: #1e2e69;

    color: white;

    padding: 0 20px;

    border-radius: 10px;

}

	/**contactpage*/

	.contactpage p{

	font-size: 16px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	line-height: 1.2;

	text-align: left;

	margin-bottom: 50px;

	padding-left: 35px;

}

	.contactpage p i{

	margin: 0 20px 0 0px;

	font-size: 27px;

	color: #2a426d;

}

	.contactpage p.title{

	padding-left: 0;

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(51, 51, 51);

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1.2;

	text-align: left;

	margin-bottom: 20px;

}

	.contactpage form{

	border:1px solid #7b7b7b;

	padding: 25px;

	display: inline-block;

}

	.contactpage form h3{

	font-size: 18px;

	font-family: "Comfortaa";

	color: rgb(34, 34, 34);

	line-height: 1.667;

	text-align: center;	

	margin-bottom: 20px;

}

	.contactpage form input[type='text']{

	width: 48%;

	padding-left: 10px;

	height: 40px;

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(87, 87, 87);

	line-height: 2.143;

	text-align: left;

	border-radius: 5px;

	outline: 0;

	border:1px solid #b8b8b8;

}

	.contactpage form textarea{

	padding: 25px;

	border:1px solid #b8b8b8;

	width: 100%;

	border-radius: 10px;

	height: 120px;

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(87, 87, 87);

	line-height: 2.143;

	text-align: left;

	margin: 15px 0;

	outline: 0;

}

	.contactpage input[type='submit']{

	font-size: 14px;

	font-family: "Comfortaa";

	color: rgb(87, 87, 87);

	line-height: 2.143;

	text-align: left;

	background-color: #00923f;

	color: white;

	border: 0;

	outline: 0;

	border-radius: 5px;

	padding:5px 30px;

}

	.viewpage h2{

	font-size: 36px;

	font-family: "OpenSans";

	color: rgb(42, 66, 109);

	text-transform: uppercase;

	line-height: 0.833;

	text-align: center;

	margin-bottom: 50px;	
	margin-top: 50px;
}

	.viewpage p{

	font-size: 24px;

	font-family: "OpenSans";

	color: rgb(1, 1, 1);

	line-height: 1.5;

	text-align: justifyLeft;

	margin-top:50px;

	margin-bottom:50px;

}

	.bx-breadcrumb-item {

    float: left;

    margin: 0px 15px 0 0;

    color: rgb(102, 102, 102);

	float: left;

    font-size: 14px;

    font-family: "Comfortaa";

    line-height: 1.2;

}

	.bx-breadcrumb-item a{

    color: rgb(102, 102, 102);

}

	p.arname{

	font-size: 18px;

    font-family: "Comfortaa";

    color: rgb(102, 102, 102);

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;

    text-align: left;

}

	p.artext{

	font-size: 18px;

    font-family: "Comfortaa";

    color: black;

    font-weight: bold;

    /* text-transform: uppercase; */

    line-height: 1.5;

    text-align: left;

}

	p.ardate span{

	font-size: 12px;

    font-family: "Comfortaa";

    color: black;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 1.2;

    text-align: left;

}

	.artickles a:hover p{

	text-decoration: underline;

}

	p.order-reply{

	font-size: 24px;

    font-family: "Comfortaa";

    color: rgb(51, 51, 51);

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 10px;

}

	p.ardetail img{

	margin: 0 10px 10px 0;

}

	p.ardetail span{

	font-size: 17px;

    font-family: "OpenSans";

    color: rgb(42, 66, 109);

    /* text-transform: uppercase; */

    line-height: 1.2;

    /* text-align: center; */

    margin-bottom: 50px;

}

	p.ardetail span.ardetail-date{

	font-size: 13px;

    font-family: "OpenSans";

    color: black;

    /* text-transform: uppercase; */

    line-height: 1.2;

    /* text-align: center; */

    margin-bottom: 50px;

}

	.container.mainpage-about.about-aboutpage img{

	margin-top:20px; 

}
	.tabcontent .mainpr-text h3 {
    font-size: 18px;
    font-family: "Comfortaa";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px;
}
	.tabcontent .mainpr-text p {
    font-size: 14px;
    font-family: "Comfortaa";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
}
	.servicepage .col-lg-4:hover .mainpr-text h3, .servicepage .col-lg-4:hover .mainpr-text  p{
	text-decoration: underline;
}
	h2.footer-logo img{
	width: 250px;
    padding: 10px;
    /*background: white;*/
} 
	i.fa.fa-telegram {
    margin: 0px 20px 0 0;
    font-size: 20px;
}
	/**media*/

	@media (max-width: 1199px) {

		.col-lg-3.col-md-12.logo{

		text-align: center;

	}

		.mainpage-work h2{

		text-align: left;

	}

		.mainpage-work .col-lg-4{

		min-height: 150px;

	}

		.mainpage-work {

	    padding: 50px 0 10px 0;

	}

		.mainpage-work h2{

		margin-bottom: 50px;

	}

		.bread-crumbs{

		/*position: absolute;*/

		/*top: 200px;*/

	}

		.container.mainpage-about.about-aboutpage {

	    padding: 100px 0 50px 0;

	}

		.container.servicepage {

	    padding: 100px 0 70px 0;

	}

		.servicepage .col-lg-4{

		/*min-height: 300px;*/

	}

		.servicepage .col-lg-4, .servicepage .col-lg-4 p, .servicepage .col-lg-4 h3, .servicepage .col-lg-4 p.withimg{

		/*text-align: center;

		padding: 0 5%;*/

	} 

		.projects-block{

		padding-top: 100px;

	}

		.container.viewpage {

	    padding-top: 100px;

	}

		.services-news h3{

		margin-top: 120px;

	}

}

@media (max-width: 991px) {

		.carousel-inner > .item > img, .carousel, .carousel .item{

		height: 600px

	}

		.mainphone{

		/*padding: 40px 0 0 0;*/
		padding-top: 40px;

		font-size: 19.762px;

	}

		.mainpage-projects .col-lg-4, .servicepage .col-lg-4{

		text-align: center;

	}

		.mainpr-text, .loadmore-aboutpage .col-lg-4 p{

		left: 50%;

    	transform: translate(-50%);

	}

		.row.footer .col-lg-3.col-md-6{

		margin: 20px 0; 

	}

		.mainpage-exp p{

		font-size: 15px;

	}

		.mainpage-exp hr{

		display: none;

	}

		.projects-block .tab {

	    padding: 0px 0 50px 0;

	}

		.projects-block .col-lg-4{

		text-align: center;

	}

		.projects-block .col-lg-4 p{

		left: 50%;

		transform: translate(-50%);

	}
		.navigation ul li{
		padding: 40px 5px;
	}
}
	@media (max-width:800px){
		.row.footer, .row.footer p.foot-number, .row.footer p, .row.footer h2 {
		    text-align: center;
		}
		.row.footer ul.foot-links {
		    width: 140px;
		    margin: 0 auto;
		}
	}

@media (max-width: 767px){

		.mainphone{
		width: 95%;
		display: inline-block;
	    /* float: right; */
	    /* padding: 20px 0 0 0; */
	    padding-top: 10px;
	    text-align: left;
	    padding-left: 5%;
	    padding-bottom: 10px;

	}

		.mainphone span.phone{

		float: left;

		margin: 0 30px 0 0px;

	}

		.carousel-inner > .item > img{

		width: 100%;

		height: auto;

	}

		div#myCarousel{

		height: 300px;

	}

		.carousel .item{

		height: 300px;

	}

		.slider-text{

		bottom: unset;

		top: 185px;

	}

		.carousel-control{

		top: 69%;

		font-size: 70px;

		left: 3%;

	}

		.my-right{

		right: 3%;

		left: auto;

	}

		.slider-text p {

	    width: 450px;

	    margin: 30px auto;

	    padding: 0 10%;

	    font-size: 21px;

	}

		.mainpage-service .col-lg-4{

		padding:30px 20%; 

	}

		.mainpage-about p{

		font-size: 14px;

	}

		.row.mainpage-service{

		padding: 50px 0;

	}

		.container.mainpage-about {
	    padding: 30px 5%;
	}

		.container.mainpage-about.about-aboutpage {

	    padding: 20px 0 20px 0;

	}

		.container.servicepage {

	    padding: 70px 0 70px 0;

	}

		.mainpage-exp hr{

		display: none;

	}

		.container.mainpage-exp .col-lg-4 {

	    text-align: center;

	    padding: 0px 10% 30px 10%;

	}

		.slider-text2{

		top: 20%;

	}

		#myCarousel2.carousel .item{

		background-color: #282828;

	}

		#myCarousel2.carousel .item img{

		display: none;

	}

		.mainpage-work{

		padding: 50px 10% 10px 10%;

	}

		.mainpage-exp {

	    padding: 50px 0 0px 0;

	}

		.row.blue-prefooter{

		padding: 50px 10%;

	}

		.row.blue-prefooter input{

		margin: 30px 30px 0px 0;

	}

		.row.blue-prefooter p{

		margin-bottom: 10px;

	}

		.row.footer, .row.footer p.foot-number, .row.footer p, .row.footer h2{

		text-align: center;

	}

		.row.footer ul.foot-links{

		width: 140px;

		margin: 0 auto;

	}

		.bread-crumbs {

	    /*position: absolute;*/

	    /*top: 170px;*/

	    /*padding: 20px 10% 0 10%;*/

	}

		.servicepage p.servbot {

	    text-align: center;

	    padding: unset;

	    margin-bottom: 50px;

	}

		.servicepage .col-lg-4{

		/*min-height: 350px;*/

	}

		.categories .col-lg-3{

		text-align: center;

	}

		.categories .col-lg-3 p{

		left: 50%;

		transform: translate(-50%);

	}

		.mainpage-about.about-aboutpage h3 {
	    font-size: 14px;
	    margin: 10px 0;
	    text-align: center;
	}

		.mainpage-about h2{
		margin-bottom: 25px;
    	margin-top: 25px;
	}

		.mainpage-exp img {
	    margin: -15px 10px 30px 0;
	    padding: 0 0% 0 30%;
	}

		.row.artickles{

		text-align: center;

		border-bottom: 1px dotted silver;

	}

		.row.artickles img{

		width: 350px;

	}

		p.artext, p.arname{

		text-align: center;

	}

		p.arname{

		margin-top: 10px;

	}

		.projects-block .row {

	    padding-top: 20px;

	    padding-bottom: 20px;
	}

		.services-news p img{
		width: 350px;
	}

		.services-news h3{
		margin-top: 50px;
	}
		.projects-block {
	    padding-top: 50px;
	}
		.mainpage-service h2{
		font-size: 21px;
	}
		.mainpage-service .col-lg-4 img {
	    margin: 0px 10px 0 0;
	    width: 66px;
	}
		.mainpage-service p {
	    font-size: 21px;
	    font-family: "OpenSans";
	    color: rgb(42, 66, 109);
	    /* line-height: 1; */
	    /* text-align: right; */
	    padding: 21px 0 0 0;
	    margin: 0px 0 0 0;
	    /* text-align: justify; */
	}
		.mainpage-exp p {
	    font-size: 15px;
	    padding-top: 10px;
	}
		.mainpage-exp p span {
	    font-size: 40px;
	    color: black;
	    margin: -15px 10px 0 5px;
	}
		.servicepage .col-lg-4{
		/*margin-bottom: 0;*/
	}
}

@media (max-width: 600px){

		.navigation ul li{

		float: none;

		padding: 10px 0;

		text-align: center;

		border-bottom: 1px solid #aaa;

	}

		.slider-text, .carousel .item{

		background-color: #12406F;

	}

		.navigation{

		background-color: rgba(255, 255, 255, 0.95);

	}

		.slider-text2 {

	    top: 14%;

	    font-size: 21px;

	    /* margin-bottom: 25px; */

	}

		.slider-text2 a{ 

	    margin: 20px 0 0 0;

	    background-color: black;

	    padding: 10px 10px 5px 10px;	    

	}

		.row.mainpage-projects{

		padding: 40px 0;

	}

		.mainpage-exp img {

	    margin: -15px 10px 30px 0;

	    padding: 0 0% 0 20%;

	}

}



@media (max-width: 450px){

		.mainpage-service .col-lg-4 {
	    padding: 10px 10%;
	}


		.slider-text p{

		padding: 0 20%;

		width: 100%;

		margin: 10px auto;

	}

		.slider-text2{

		top: 7%;

	}

		.slider-text2 a{

		text-align: center;

		padding:unset;

		padding:10px 10px;  

	}

		.mainpage-work p{
		width: 100%;
	}

		.mainpage-work h2{
		text-align: center;
	}

		.mainpr-text, .mainpage-projects .col-lg-4 img, .container-fluid.projects-block .news-list .col-lg-4 img{
		width: 300px;
		height: 250px;
	}

		.mainpage-more a, .order-prj a{

		padding: 20px;

	}

		.row.blue-prefooter input{

		width: 90%;

		margin: 10px auto;

	}

		

		.loadmore-aboutpage .col-lg-4 p{

		bottom: 20%;

		width: 100%

	}

		.servicepage .col-lg-4{

		/*min-height: 400px;*/

	}

		.servicepage .tab .tablinks{

		margin: 10px 0px;

		font-size: 15px;

	}

		.projects-block .col-lg-4 p, .projects-block .col-lg-4 img{

		width: 80%;

		/*height: auto;*/

	}

		.mainpr-text{

		/*height: auto;*/

		padding: 100px 10px 10px 20px;

	}

		.mainpage-exp img {

	    /*margin: -15px 10px 30px 0;*/

	    padding: 0 0% 0 10%;

	}

		p.artext, p.arname{

		font-size: 14px;

	}

		.services-news p img {

	    width: 260px;

	}

}

@media (max-width: 320px){ 
	.navbar-toggle{
		padding: 5px;
	}
}