﻿/* -------------------------------- 

Primary style

-------------------------------- */
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	
}
body
{
	font-family:Verdana, sans-serif;
	margin:0;
	background-color:rgba(255,255,255,1.00);
	box-sizing:border-box;
}

h1{
	padding:0;
	margin:0;
}
.left .zag 
			{
				display:block;
				margin:50px auto 0 auto;
				text-align:center;
				font-size:3rem;
				color:rgba(96,6,208,0.85);
				
			}

a {
  color: #f5484a;
  text-decoration: none;
}

img {
  max-width: 100%;
}
.cd-main-content h2
{
	text-align:center;
}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}



@keyframes animate-margin-top {
  0% {
    margin-top: 100px;
  }

  100% {
    margin-top: 70px;
  }
}
/* -------------------------------- 

Navigation

-------------------------------- */
.cd-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #030d18;
  z-index: 3;
}
	.number
{	display:block;
	list-style:none;
	position:fixed;
	right:1%;
	top:.3%;
	z-index:9999;
	font-size:1rem;
	font-weight:bold;
	color:rgba(255,255,255,1.00);
}
.number li
{
	margin-top:5px;
}
.number li a
{
text-decoration:none;
	color:rgba(255,255,255,1.00);
}
.number li a img
{
	float:left;
	width:20px;
}
.logo_gl
{
	display:block;
	width:15%;
	height:50px;
	position:absolute;
	top:20%;
	left:3%;
	background-image:url(../../../img/Logo_menu.png);
	background-repeat:no-repeat;
	z-index:9999;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
    background-color: transparent;
    box-shadow: none;
  }
  #cd-logo {
    margin: 23px 0 0 5%;
  }
}

#cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
#cd-logo img {
  display: block;
}



  #cd-logo.is-hidden {
    /* assign a position fixed and move outside the viewport (on the left) */
    opacity: 0;
    position: fixed;
    left: -20%;
    margin-left: 0;
    -webkit-transition: left 0.3s, opacity 0.3s;
    -moz-transition: left 0.3s, opacity 0.3s;
    transition: left 0.3s, opacity 0.3s;
  }
  #cd-logo.is-hidden.slide-in {
    /* slide in when the secondary navigation gets fixed */
    left: 5%;
    opacity: 1;
  }
/* Price*/
.price
{
	position:fixed;
	top:100px;
	right:100px;
	background:rgba(32,239,16,0.78);
	border-radius:20px;
	color:rgba(255,255,255,1.00);
	padding:25px;
	font-size:1.5rem;
	z-index:1001;
}
.price a
{
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	}

/*PRICE*/
.menu_price
{
	position:fixed;
	top:35%;
	left:2%;
	width:25%;
	padding:0;
	margin:0;
	
	}
	.menu_price ul
	{list-style:none;
	margin:0;
	
		}
	.menu_price ul li
	{
		transition-duration:1s;
		transition-property:all;
	display:block;
	height:100%;
	background-color:rgb(12, 22, 33);
	margin:5px auto 5px auto;
	border-radius:10px;
	box-shadow:0 0 5px rgba(148,148,148,0.74);
	}
	.menu_price ul li a
	{
		display:block;
		width:100%;
		padding-top:10px;
	padding-bottom:10px;
		
		}
	.menu_price ul li:hover
	{
		transform:translateX(10px);
		transition-duration:1s;
		transition-property:all;
		box-shadow:0 10px 15px rgba(0,0,0,0.90);
		opacity:.8;
		}
	
	.menu_price ul li a
	{
		color:rgba(255,255,255,1.00);}
	.zemlia .aykor
	{
	background-color:rgb(12, 22, 33);
	display:block;
	padding-bottom:10px;
	color:rgb(255,255,255);
	text-decoration:none;
	font-size:2rem;	
		
		}
.price_box
{
	
	margin-top:100px;
	width:100%;
	padding:2%;
	text-align:center;
	
}
.price_box h1
{
	margin:0 0 50px 0;
	font-size:2rem;
	color:rgba(148,1,195,1.00);}
.price_box .file_download
{
transition-duration:1s;
transition-property:all;
display:block;
position:absolute;
top: 29%;
right:5%;
width:15%;
height:50px;
padding-top:15px;
padding-left:10px;
background-image:url(../../../img/icon/pdf_icon.png);
background-size:contain;
color:rgba(0,0,0,1.00);
border-radius:10px;
border:1px solid rgba(255,0,4,0.77);
background-repeat:no-repeat;

	}
	.left .file_download
	{
	position: absolute;
    top:30%;
    left: 70%;
    padding: 10px;
    background-color: rgb(15, 173, 20);
    color: rgba(255,255,255,1);
    font-size: 1.2rem;
    width: 30%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 8px 12px 20px 0 rgba(0,0,0,1);
	transition-duration:1s;
	transition-property:all;
	}
	.left .file_download:hover
	{
		transition-duration:1s;
	transition-property:all;
	transform:scale(1.05,1.05);
	}
	
	.price_box .file_download:hover
	{
		transition-duration:1s;
	transition-property:all;
	transform:scale(1.05,1.05);
	background-color:rgba(255,0,4,0.49);
	box-shadow:0 10px 15px rgba(0,0,0,0.82);
		}
.price_box .zemlia
{
	width:70%;
	font-family: Verdana, sans-serif;
	float:right;
	right:5%;
	border-collapse:collapse;
	border:none;
	border-radius:10px;


}
.aykor
{margin-bottom:20px;
margin-top:20px;
	}
.price_box .zemlia table
{
	width:100%;}

#title
{
	display:block;
	height:50px;
	margin:0;
	padding:0;
	border-bottom:none;
	
}
.price_box .zemlia tr
{
	display:block;
	height:70px;
	
	}
.price_box .zemlia #title th
{
	font-family: Verdana, sans-serif;
	font-size:1rem;	
display:block;
	float:left;
	padding-top:10px;
	background-color:rgba(159,159,159,1.00);
	color:rgba(0,0,0,1.00);
	text-transform:uppercase;
	border-radius:10px;
	border-right:1px solid rgba(7,98,0,0.78);
	border-left:1px solid rgba(7,98,0,0.78);
	height:50px;
	
	}
	
	.price_box .zemlia tr td
	{
		font-family: Verdana, sans-serif;
		font-size:1rem;
		display:block;
		border-radius:10px;
		float:left;
		padding-top:15px;
	}
	.price_box .zemlia tr:nth-child(2n):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(34,203,169,0.84);
		transition-duration:1s;
		transition-property:all;
		animation-direction: alternate;
		
	}
	.price_box .zemlia tr:nth-child(2n+1):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(34,203,169,0.84);
		transition-duration:1s;
		transition-property:all;
		
	}
	.price_box .zemlia tr td:first-child
	{
		font-family: Verdana, sans-serif;
		width:70%;
        padding-left: 10px;
		height:100%;
		border-right:1px solid rgba(7,98,0,0.78);
		border-left:1px solid rgba(7,98,0,0.78);
	}

	.price_box .zemlia tr td:nth-child(2)
	{
		font-weight:bold;
		text-align: center;
		width:15%;
		height:100%;
	    border-right:1px solid rgba(7,98,0,0.78);
		border-left:1px solid rgba(7,98,0,0.78);
	}
	.price_box .zemlia tr td:last-child
	{
	   text-align: center;
		font-weight:bold;
		width:15%;
		height:100%;
		 border-right:1px solid rgba(7,98,0,0.78);
		border-left:1px solid rgba(7,98,0,0.78);
	}
	.price_box .zemlia tr:nth-child(2n)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1.00);
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		border-bottom:1px solid rgba(14,148,3,0.77);
		box-shadow:0 0 5px rgba(19,104,12,0.78);
	}
	.price_box .zemlia tr:nth-child(2n+1)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1.00);
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		box-shadow:0 0 5px rgba(171,171,171,0.78);
		border-bottom:1px solid rgba(142,142,142,0.77);
		}
		
		
		
		
			.geodeziya .aykor
	{
		background-color:rgba(235,125,3,0.83);
	display:block;
		padding-bottom:10px;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
	font-size:2rem;	
		
		}

.price_box .geodeziya
{
	width:70%;
	font-family: Verdana, sans-serif;
	float:right;
	right:5%;
	border-collapse:collapse;
	border:none;
	border-radius:10px;

}
.price_box .geodeziya table
{
	width:100%;}

.price_box .geodeziya tr
{
	display:block;
	
	}
.price_box .geodeziya #title th
{
	font-family: Verdana, sans-serif;
	font-size:1rem;	
display:block;
	float:left;
	padding-top:10px;
	background-color:rgba(159,159,159,1.00);
	color:rgba(0,0,0,1.00);
	text-transform:uppercase;
	border-radius:10px;
	border-right:1px solid rgba(7,98,0,0.78);
	border-left:1px solid rgba(7,98,0,0.78);
	height:50px;
	
	}
	
	.price_box .geodeziya tr td
	{
		font-family: Verdana, sans-serif;
		font-size:1rem;
		display:block;
		border-radius:10px;
		float:left;
		padding-top:15px;
	}
	.price_box .geodeziya tr:nth-child(2n):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(255,145,24,0.83);
		transition-duration:1s;
		transition-property:all;
		animation-direction: alternate;
		
	}
	.price_box .geodeziya tr:nth-child(2n+1):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(255,145,24,0.83);
		transition-duration:1s;
		transition-property:all;
		
	}
	.price_box .geodeziya tr td:first-child
	{
		font-family: Verdana, sans-serif;
		width:70%;
		height:100%;
		border-right:1px solid rgba(181,97,3,0.83);
		border-left:1px solid rgba(181,97,3,0.83);
	}

	.price_box .geodeziya tr td:nth-child(2)
	{
		font-weight:bold;
		
		width:15%;
		height:100%;
	    border-right:1px solid rgba(181,97,3,0.83);
		border-left:1px solid rgba(181,97,3,0.83);
	}
	.price_box .geodeziya tr td:last-child
	{
		font-weight:bold;
		width:15%;
		height:100%;
		 border-right:1px solid rgba(181,97,3,0.83);
		border-left:1px solid rgba(181,97,3,0.83);
	}
	.price_box .geodeziya tr:nth-child(2n)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		border-bottom:1px solid rgba(181,97,3,0.83);
		box-shadow:0 0 5px rgba(19,104,12,0.78);
	}
	.price_box .geodeziya tr:nth-child(2n+1)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1.00);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		box-shadow:0 0 5px rgba(171,171,171,0.78);
		border-bottom:1px solid rgba(142,142,142,0.77);
		}
		
		
			.bti .aykor
	{
	display:block;
	background-color:rgba(229,49,16,0.70);
	color:rgba(0,0,0,1.00);
	text-decoration:none;
	font-size:2rem;	
		padding-bottom:10px;
		
		}

	

.price_box .bti
{
	width:70%;
	font-family: Verdana, sans-serif;
	float:right;
	right:5%;
	border-collapse:collapse;
	border:none;
	border-radius:10px;

}
.price_box .bti table
{
	width:100%;}


.price_box .bti tr
{
	display:block;
	
	}
.price_box .bti #title th
{
	font-family: Verdana, sans-serif;
	font-size:1rem;	
display:block;
	float:left;
	padding-top:10px;
background-color:rgba(159,159,159,1.00);
	color:rgba(0,0,0,1.00);
	text-transform:uppercase;
	border-radius:10px;
	border-right:1px solid rgba(176,27,0,0.70);
	border-left:1px solid rgba(176,27,0,0.70);
	height:50px;
	
	}
	
	.price_box .bti tr td
	{
		font-family: Verdana, sans-serif;
		font-size:1rem;
		display:block;
		border-radius:10px;
		float:left;
		padding-top:15px;
	}
	.price_box .bti tr:nth-child(2n):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(241,37,0,0.49);
		transition-duration:1s;
		transition-property:all;
		animation-direction: alternate;
		
	}
	.price_box .bti tr:nth-child(2n+1):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(241,37,0,0.49);
		transition-duration:1s;
		transition-property:all;
		
	}
	.price_box .bti tr td:first-child
	{
		font-family: Verdana, sans-serif;
		width:70%;
		height:100%;
		border-right:1px solid rgba(176,27,0,0.70);
		border-left:1px solid rgba(176,27,0,0.70);
	}

	.price_box .bti tr td:nth-child(2)
	{
		font-weight:bold;
		
		width:15%;
		height:100%;
	    border-right:1px solid rgba(176,27,0,0.70);
		border-left:1px solid rgba(176,27,0,0.70);
	}
	.price_box .bti tr td:last-child
	{
		font-weight:bold;
		width:15%;
		height:100%;
		 border-right:1px solid rgba(176,27,0,0.70);
		border-left:1px solid rgba(176,27,0,0.70);
	}
	.price_box .bti tr:nth-child(2n)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		border-bottom:1px solid rgba(241,37,0,0.79);
		box-shadow:0 0 5px rgba(19,104,12,0.78);
	}
	.price_box .bti tr:nth-child(2n+1)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1.00);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		box-shadow:0 0 5px rgba(171,171,171,0.78);
		border-bottom:1px solid rgba(142,142,142,0.77);
		}
		
		
		
			.ocenka .aykor
	{
			padding-bottom:10px;
		background-color:rgba(92,3,203,0.71);
	display:block;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
	font-size:2rem;	
		
		}
.price_box .ocenka
{
	width:70%;
	font-family: Verdana, sans-serif;
	float:right;
	right:5%;
	border-collapse:collapse;
	border:none;
	border-radius:10px;

}
.price_box .ocenka table
{
	width:100%;}

.price_box .ocenka tr
{
	display:block;
	
	}
.price_box .ocenka #title th
{
	font-family: Verdana, sans-serif;
	font-size:1rem;	
display:block;
	float:left;
	padding-top:10px;
background-color:rgba(159,159,159,1.00);
	color:rgba(0,0,0,1.00);
	text-transform:uppercase;
	border-radius:10px;
	border-right:1px solid rgba(71,11,147,0.85);
	border-left:1px solid rgba(71,11,147,0.85);
	height:50px;
	
	}
	
	.price_box .ocenka tr td
	{
		font-family: Verdana, sans-serif;
		font-size:1rem;
		display:block;
		border-radius:10px;
		float:left;
		padding-top:15px;
	}
	.price_box .ocenka tr:nth-child(2n):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(96,6,208,0.44);
		transition-duration:1s;
		transition-property:all;
		animation-direction: alternate;
		
	}
	.price_box .ocenka tr:nth-child(2n+1):hover
	{	
		transform:scale(1.02,1.02);
		background-color:rgba(96,6,208,0.44);
		transition-duration:1s;
		transition-property:all;
		
	}
	.price_box .ocenka tr td:first-child
	{
		font-family: Verdana, sans-serif;
		width:70%;
		height:100%;
		border-right:1px solid rgba(71,11,147,0.85);
		border-left:1px solid rgba(71,11,147,0.85);
	}

	.price_box .ocenka tr td:nth-child(2)
	{
		font-weight:bold;
		
		width:15%;
		height:100%;
	    border-right:1px solid rgba(71,11,147,0.85);
		border-left:1px solid rgba(71,11,147,0.85);
	}
	.price_box .ocenka tr td:last-child
	{
		font-weight:bold;
		width:15%;
		height:100%;
		 border-right:1px solid rgba(71,11,147,0.85);
		border-left:1px solid rgba(71,11,147,0.85);
	}
	.price_box .ocenka tr:nth-child(2n)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		border-bottom:1px solid rgba(42,0,95,0.85);
		box-shadow:0 0 5px rgba(19,104,12,0.78);
	}
	.price_box .ocenka tr:nth-child(2n+1)
	{
		transition-duration:1s;
		transition-property:all;
		display:block;
		background-color:rgba(255,255,255,1.00);
		height:50px;
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		box-shadow:0 0 5px rgba(171,171,171,0.78);
		border-bottom:1px solid rgba(142,142,142,0.77);
		}
		
		
/*PRICE*/

/* -------------------------------- 

Intro

-------------------------------- */

/*aboute*/
.item
{
	display:inline-block;
	width:15%;
	margin:20px;
	height:50px;
	position:relative;
}
.item img
{
	width:100%;
	height:70px;
}

.aboute
{
	width:80%;
	margin:120px auto;
	font-size:1.2rem;
}
.aboute h1{
	text-align:center;
	font-size:3.5rem;
	color:rgba(96,6,208,1.00);
}
.aboute img
{
	width:100%;
	margin:20px;
	border-radius:15px;
	box-shadow:0 0 15px rgba(0,0,0,.5);
}
.aboute p
{
	color:rgba(3, 13, 24, 0.96);
	padding-top:20px;
	text-indent:5%;
}
.aboute ul
{
	text-align:center;
	list-style:none;
	list-style-image:url(../../../img/galochka_l.png);
}
.aboute ul li 
{
	margin:0;
	padding:0;
}
.aboute ul li a
{
	display:block;
	width:50%;
	text-decoration:underline;
	padding:5px 10px;
	color: rgba(96,6,208,1.00);
	transition-duration:1s;
	transition-property:all;
	
}
.aboute ul li a:hover
{
	transform:translateX(20px);
	transition-duration:1s;
	transition-property:all;
	color:rgba(3, 13, 24, 0.96);
	
}
.aboute .bullet-wrap
{
	margin:40px auto;
}
.aboute .bullet
{
	text-align:center;
	width:30%;
	position:relative;
	vertical-align:top;
	display:inline-block;
	box-sizing:content-box;
	
}
.bullet-margin
{
	margin-left:3%;
}


.aboute .bullet img
{

	width:35%;
box-shadow:none;
    display: block;
    margin: 20px auto;
}
.bullet h2
{
	font-size:1.2rem;
}
.wrap-text
{
	background-image:url(../../../img/uslugi_predost.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
.background-text
{
	background-color:rgba(0,0,0,0.80);
	padding:30px;
	
}
.background-text p
{
	color:rgba(255,255,255,1.00);
}
.bullet-list
{
	list-style:none;
}
.bullet-list li
{		text-align:center;
	width:30%;
	position:relative;
	vertical-align:top;
	display:inline-block;
	box-sizing:content-box;
}
.bullet-list li img
{
	box-shadow:none;
	width:40%;
	display:block;
	margin:0 auto 20px auto;
}
.bullet-list li h3
{
	color:rgba(96,6,208,1.00);
	}

/*aboute*/

#cd-intro {
  position: relative;
  height: 50vh;
  background-size: cover;
  z-index: 2;
  box-shadow:0 10px 30px rgba(3,13,24,0.96);
}
#cd-intro .img
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-2
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-3
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-4
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-5
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/5.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-6
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/6.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .img-7
{
	width:100%;
	height:50vh;
	background-image:url(../../../img/7.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#cd-intro .background
{
	width:100%;
	height:50vh;
	background-color:rgba(0,0,0,0.69);
}

#cd-intro #cd-intro-tagline {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  padding-top: 120px;
}
#cd-intro .background h1 {
	position:absolute;
	top:40%;
	width:100%;
	text-align:center;
	  font-size: 5rem;
  font-weight: 300;
	color:rgba(255,255,255,1.00);
  text-shadow: 0 10px 20px rgba(243,91,41,0.90);
}
@media only screen and (min-width: 768px) 
 { 
    #cd-intro
    {
    height: 100vh;
    }
    #cd-intro #cd-intro-tagline {
    padding-top: 160px;
    }
    #cd-intro h1 {
    font-size: 2rem;
    }
}


.cd-btn {
  display: inline-block;
  padding: 1em 1.8em;
  background-color: rgba(245, 72, 74, 0.9);
  margin-top: 1em;
  border-radius: 20em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
.no-touch .cd-btn:hover {
  background-color: #f5484a;
}

/* -------------------------------- 

Secondary Fixed Navigation

-------------------------------- */


/* -------------------------------- 

Placeholder Sections

-------------------------------- */
.cd-section {
	color:rgba(55,55,55,1.00);
	font-family:Verdana;
  margin: 0 auto;
  padding: 0.5em 0;
}
.cd-section h2 {
	color:rgba(0,0,0,1.00);
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: .6em;
  font-weight: 700;
}
.cd-section strong
{
	color:rgba(0,0,0,1.00);
	}
.cd-section p {
  line-height: 1.4;
}
.cd-section .wrapp_list
{line-height:1.4;
	font-family:Verdana;
	margin:5px 0;
}
.cd-section .wrapp_list li
{
	margin-top:20px;
}

@media only screen and (min-width: 1170px) {
  .cd-section {
    margin: 0 auto;
  
  }
  .cd-section h2 {
    font-size: 1.875rem;
  }
  .cd-section p {
    font-size: 1rem;
  }
   .cd-section ol,  .cd-section ul
   {
    font-size: 1rem; 
   }
     .has-top-margin {
    -webkit-animation: animate-margin-top 0.3s;
    -moz-animation: animate-margin-top 0.3s;
    animation: animate-margin-top 0.3s;
    margin-top: 70px;
  }
  
   #cd-intro 
    {
    height: 50vh;
    }
    #cd-intro #cd-intro-tagline 
    {
    padding-top: 250px;
    }
    .cd-btn.is-hidden 
    {
    /* assign a position fixed and move outside the viewport (on the right) */
    opacity: 0;
    position: fixed;
    right: -20%;
    top: 0;
    padding: .8em 1.2em;
    margin: 14px 0 0;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
    }
  .cd-btn.is-hidden.slide-in 
    {
    /* slide in when the secondary nav gets fixed */
    right: 5%;
    opacity: 1;
    }
   
    

}


.wrapp_list
{
	width:85%;
	margin:0 auto;
}

/*Заказать звонок*/

	.call_l{bottom: 10%;   left: 95%;;position:fixed;}
.img-circle{
	background-color:rgba(93,1,195,1.00);
	box-sizing:content-box;

	}
.circlephone
{
	box-sizing:content-box;

	border: 2px solid rgba(41,174,227,1.00);
	width:150px;
	height:150px;
	bottom:-25px;
	right:10px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .7;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;-o-transition: all .5s;
	transition: all 0.5s;}
.circle-fill
{
	box-sizing:content-box;

	background-color:#29AEE3;
	width:100px;
	height:100px;
	bottom:0px;
	right:35px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
	}
.img-circle
{
	box-sizing:content-box;
	width:72px;
	height:72px;
	bottom: 14px;
	right: 49px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .9;
	}
.img-circleblock
{
	box-sizing:content-box;
	width:72px;
	height:72px;
	background-image:url(../../../img/icon/mini.png);
	background-position: center center;
	background-repeat:no-repeat;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
.img-circle:hover
{
	opacity: 1;
	}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {transform: scale(0.95);opacity: 1;}
  50% {transform: scale(1);opacity: 1;}   
  100% {transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	.call_service
	{
	isplay: block;
    text-align: center;
    width: 45%;
    margin-left: 10%;
    float: left;
    font-weight: 900;
    background-color: rgba(96,6,208,1.00);
    color: rgba(255,255,255,1.00);
    padding: 20px 10px;
	}




	
	.lock{
		color:rgba(96,6,208,0.85);
		top: 0;
    left: -40%;
    font-size: 2rem;
    position: relative;
		
	}
	
		   #mail {
	visibility: hidden;
	
	}
	
.form_call {
	transition-duration:1s;
transition-property:all;
	visibility: visible;
	opacity:1;
}
.popup1
{
	z-index:888;
	background-color:rgba(0,0,0,0.86);
	visibility:visible;
	transition-duration:1s;
	transition-property:all;
}

#popup {
visibility: hidden;
  width:100%;
  height:100vh;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;

}
#form_post
{
	  position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100vh;
	   background-color: rgba(251,249,247,0.91);
	   box-shadow: 0 0 20px rgba(96,6,208,1.00);
}
#popup form {
  
    padding: .5% 1% 1%;
        position: relative;
    top: 35%;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: right;
    color: rgba(96,6,208,0.85);
    opacity: 0;
 
}
#popup div:nth-of-type(1) {padding-top: 3%;}
#popup div:nth-last-of-type(1) {padding: 1% 0 4%;}
#popup div:after {
  content: attr(data-title);
  display: block;
  font-size: 70%;
  font-weight: normal;
  text-shadow: none;
}
#popup input {font-size: 90%;}


.result
	{
		color:rgba(255,255,255,1.00);
		position:fixed;
		top: 10%;
		left:25%;
		font-size:2em;
		text-shadow: 0 2px 10px rgba(212,181,151,0.91);
	}

/*CallBack*/


/*Lozung*/
	
/*Заказать звонок*/
.discription
{
	width:100%;
	margin:0 auto;
}
.discription .price_block
{
	width:100%;
	margin-top:5%;
}
.discription .price_block a
{
	    display: block;
    text-align: center;
    width: 45%;
    float: left;
    margin: 0 auto;
    background-color: rgba(96,6,208,1.00);
    color: rgba(255,255,255,1.00);
    padding: 20px 0;
}
.discription .price_block .all_price
{
    position: absolute;
    right: 0;
    display:none;
    text-align: center;
    font-weight: 900;
    width: 20% !important;
    padding: 20px;
    margin-top: 40px !important;
    box-shadow: 11px 19px 20px 0px rgba(0,0,0,0.6);
    border-radius: 5px;
    }
.price_box table
{
	width:100%;
	}
#title
{
	display:block;
	height:50px;
	margin:0;
	padding:0;
	border-bottom:none;
	
}

.price_box #title th,.price_box #title1 th
{
	    font-family: Verdana, sans-serif;
    font-size: 1rem;
    /* display: block; */
    /* float: left; */
    /* padding-top: 10px; */
    position: relative;
    background-color: rgba(159,159,159,1.00);
    color: rgba(0,0,0,1.00);
    text-transform: uppercase;
    border-radius: 10px;
    border-right: 1px solid rgba(7,98,0,0.78);
    border-left: 1px solid rgba(7,98,0,0.78);
    height: 50px;
	
	}
	.price_box #title1 th:first-child
	{
		width:60%;
	}
	.price_box #title1 th:nth-child(2)
	{
		width:20%;
	}
	.price_box #title1 th:last-child
	{
		width:20%;
	}
	.price_box #title th:first-child
	{
		width:70%;
	}
	.price_box #title th:nth-child(2)
	{
		width:15%;
	}
	.price_box #title th:last-child
	{
		width:15%;
	}
	.price_box  tr td
	{
		font-family: Verdana, sans-serif;
		font-size:1rem;
		border-radius:10px;
	}

	.price_box  tr td:first-child
	{
		font-family: Verdana, sans-serif;
		width:65%;
		height:50px;

	}

	.price_box  tr td:nth-child(2)
	{
		font-weight:bold;
		
		width:15%;
		height:100%;
	    border-right:1px solid rgba(7,98,0,0.78);
		border-left:1px solid rgba(7,98,0,0.78);
	}
	.price_box tr td:last-child
	{
		font-weight:bold;
		width:20%;
		height:100%;
		 border-right:1px solid rgba(7,98,0,0.78);
		border-left:1px solid rgba(7,98,0,0.78);
	}
	.price_box  tr:nth-child(2n)
	{
		transition-duration:1s;
		transition-property:all;
		background-color:rgba(255,255,255,1.00);
		margin-bottom:5px;
		margin-top:5px;
		border-radius:10px;
		border-bottom:1px solid rgba(14,148,3,0.77);
		box-shadow:0 0 5px rgba(19,104,12,0.78);
	}
	.price_box  tr:nth-child(2n+1)
	{
		    transition-duration: 1s;
    width: 100%;
    transition-property: all;
    background-color: rgba(255,255,255,1.00);

    border-radius: 10px;
    box-shadow: 0 0 5px rgba(171,171,171,0.78);
		}
		
		
		
.discription p
{
	text-indent:40px;
	padding-top:20px;
	}
	.discription span
	{
		font-weight:bold;
	}
.discription .img_r
{	margin: 20px auto;
	float:right;
	width:40%;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.67);
}
.discription .align
{
	text-align:center;
}
.discription img
{
	border-radius:10px;
	margin: 20px auto;
	box-shadow: 0 5px 15px rgba(3,13,24,0.96)
}
.discription .img_r:hover, .discription img:hover
{
	transition-duration:1s;
	transition-property:all;
	box-shadow: 0 10px 20px rgba(11,32,201,1.00);
}
/**/
#footer
{
	width:100%;

}
.copyrigt
{	position:relative;
	width:100%;
	height:75px;
	background-color:rgba(3, 13, 24, 0.96);
}
.copyrigt img {
    height: 8vh;
    top: 10%;
    left: 1%;
    position: relative;
}
.copyrigt .text_block
{	color:rgba(255,255,255,1);
	display:block;
	position:absolute;
	text-align:center;
	right:40%;
	padding:5px;
	top:5vh;
	width:250px;
	box-shadow:2px 5px 5px rgba(255,255,255,0.63);
}
.copyrigt a
{
	text-decoration:none;
	color:rgba(255,255,255,1);
}
.gmap
{
	width:100%;
}


.social
{	margin-top:.7%;
	float:right;
    left: 65%;
   
}
.social_block
{
	
	list-style:none;
}
.social_block li
{
	display:inline-block;
	position:relative;
	margin-right:5px;
}
.social_block li a img
{
	width:48px;
	height:48px;
}

.social_block li:hover
{
	opacity:.8;
	transform:scale(1.09,1.09);
	transition-duration:1s;
	
}
/* Contacts*/

.container {
	    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
	}
	
	
.contact h2 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}


.contact-form {
	margin: 20px 0px;
	width: 100%;
	height: auto;
	}


	


.form-horizontal .control-label {
	text-align: left !important;
	}
	


.contact-form textarea:focus,  .comment-box textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	box-shadow: none;
	border-color: rgba(51,204,204,1.00);
	}
.transparent-bg {
	width: 100%;
	}
	


button
{
	font-size:1.2rem;
	width:80%;
	padding:5px 0 5px 0;
}
.send
{
	    text-align: left;
}
	.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.contacts_box {
	width:80%;
	border:1px solid rgba(235,125,3,0.83);
	box-shadow: 5px 10px 20px rgba(219,212,212,0.66);
	color:rgba(255,255,255,1.00);
	text-align:center;
	margin:5% auto;
    min-height: 1px;
    padding-left: 7%;
}

/*Новости список*/
#news-article
{
	height:130px;
	width:100%;
	text-align:center;
	position:relative;
	margin:0;
	padding:0;
}
#news-article h1
{
	position:absolute;
	display:block;
	bottom:0;
	font-size:2rem;
	color:rgba(3,13,24,0.96);
	left:32%;
	text-transform:uppercase;
}
.list-news
{
	list-style:none;
	float:left;
	width:70%;
	margin-top:60px;
}
.list-news li
{
	margin:10px;
	display:block;
	width:100%;
	height:200px;
	padding:10px;
	position:relative;
}
.list-news li a
{
	color:rgba(102,102,102,1.00);
}
.list-news li a h2
{
	text-align:center;
	font-size:1rem;
	color:rgba(3,13,24,0.96);
}
.list-news li img
{
	margin:10px;
	float:left;
	width:20%;
	box-shadow:0 5px 10px rgba(3,13,24,0.82);
	border-radius:5px;
}
.list-news .date-add
{
	display:block;
	background-color:rgba(204,204,204,1.00);
	font-size:.7rem;
	float:right;
	width:100px;
	text-align:center;
}
.left
{
	float:left;
	width:70%;
	padding:20px;
	position: relative;
 text-indent:20px;
	
}
.left h1
{
	    margin-top: 100px;
    text-align: center;
    font-size: 2rem;
	text-transform:uppercase;
    color: rgb(183, 32, 191);
}
.left img
{
	box-shadow:0 10px 20px rgba(3,13,24,0.96);
	border-radius:10px;
    margin: 20px;

}
.left h2
{
	font-size:1.2rem;
}
.left h3
{
	font-size:1rem;
	color:rgba(0,0,0,1.00);
}
.left ul, .left ol
{
	list-style:square;
	margin-left:40px;
}
.cd-main-content
{
	margin-bottom:50px;
}
.left ul li, .left ol li
{
	margin:10px 0 10px 0;
}
.left .uslugi-name
{
	padding:20px 5px 20px 5px;
	position:relative;
	margin-bottom:60px;
	margin-top:100px;
}
.left .uslugi-name h1
{
	color:rgba(96,6,208,1.00);
	font-size:3rem;
	margin-left:20%;
    text-align: left;
	margin-top:0;
	text-transform:uppercase;
}
.left .uslugi-name img
{
position:absolute;
top:-50px;
left:0;
width:150px;
height:150px;
border-radius:300px;	
}
.cena
{
	    position: absolute;
    top: 5%;
    color: rgba(255,255,255,1);
    border: 1px solid white;
    padding: 15px 0;
    display: block;
    text-align: center;
    right: 5%;
    border-radius: 10px;
    background-color: rgb(16, 173, 19);
}

.rigth
{
	float:right;
	width:25%;
	margin-top:100px;
	height:auto;
	margin-right:2%;
}

.rigth .nav_title
{
	text-align:center;
	background-color:rgba(3,13,24,0.96);
	color:rgba(255,255,255,1.00);
	font-size:1.3rem;
	border-radius:5px;
	padding:10px 0;
}
.rigth .nas_vibrali
{
	display: block;
    background-color: rgb(12, 22, 33);
    color: rgb(255,255,255);
    padding: 10px;
    text-align: center;
}
.rigth  .list{
list-style: none;
	list-style-image: url(../../../img/galochka_l.png);
	list-style-position: inside;
    font-size: .9rem;
    line-height: 1.5rem;
	font-weight: 800;}
.rigth a
{
	display:block;
	text-decoration:none;
	color:rgba(102,102,102,1.00);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:5px auto;
	font-weight:bold;
	
}
.rigth .show-hide-btn
{
	display: block;
    position: relative;
    left: 40%;
    width: 25%;
    font-size: .6rem;
	transition-duration: 1s;
	transition-property: all;
}
.left .show-hide-btn
{
	display: block;
    position: absolute;
    right: 0;
    width: 15%;
    color: rgb(5, 15, 26);
    font-weight: 900;
    font-size: 1rem;
    transition-duration: 1s;
    transition-property: all;
}

.rigth a:hover
{
	border-radius:5px;
	transform:translate(10px,0);
	background-color:rgba(96,6,208,0.31);
	color:rgba(3,13,24,0.96);
	transition-duration:1s;
	transition-property:all;
}
.call_me
{
border: 1px solid rgba(12, 22, 33,1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,1);
margin: 10px 0;
}
.call_me .head
{
	padding: 10px;
	background-color: rgba(12, 22, 33,1);
	color:rgba(255,255,255,1.00);
	font-size: 1.2rem;
	font-weight: 800;
	text-align: center;
	
}
.call_me label
{
display: block;
	width: 30%;
    margin: 5% 0 0 5%;
    float: left;
    padding-top: 10px;
    font-size: .8rem;
}
.call_me input
{
	    width: 60%;
    float: left;
    font-size: .8rem;
    border-radius: 5px;
    margin: 5% 0 5% 2%;
}
.call_me input[type="submit"]
{
	    width: 60%;
    float: none;
	
    font-size: .8rem;
    border-radius: 5px;
    margin: 5% auto;
}



/*Новости список*/
/*Услуги список услуг*/
.rigth ul
{
	list-style:none;
}

.rigth .all-service .oglavlenie h3 a, .rigth .all-news .oglavlenie h3 a
{
		
	display: block;
    margin: 5px auto;
    color: rgba(255,255,255,1.00);
    font-size: 1.2rem;
    background-color: rgba(12, 22, 33,1);
    border-bottom: none;
    transition-duration: 1s;
    transition-property: all
}
.rigth .all-service a:hover, .rigth .all-news a:hover
{
	border-radius:5px;
	transform:translate(10px,0);
	background-color:rgba(96,6,208,0.31);
	color:rgba(3,13,24,0.96);
	transition-duration:1s;
	transition-property:all;
}
.left ul
{
	list-style:none;
}
.rigth .all-service li a,.rigth .all-news li a {
    display: block;
    text-decoration: none;
    color: rgba(102,102,102,1.00);
    margin:0;
	border-bottom:1px solid rgba(139,133,133,1.00);
    font-size:.8rem;
	font-weight:normal;
	background-color:rgba(221,217,217,0.50);
}

.service-list
{
	list-style:none;
}
.service-list li
{
	padding:0;
	margin:0;
		position:relative;
}
.service-list li a
{
	width:100%;
	position:relative;
	display:block;
	padding:20px 0 20px 60px;
	background-color:rgba(0,0,0,0.70);
	color:rgba(255,255,255,1.00);
}
.service-list li a:before
{
	content: '';
    position: absolute;
    z-index: 100;
    top: 0;
    right: -20px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.70);
    border-right: 10px solid transparent;

}
.service-list li a img
{
	position:absolute;
	left:-50px;
	top:-50px;
	width:10%;
}
.service-list li .opisanie-k
{
	z-index:100;
	position:absolute;
	display:none;
	left:35%;
	top:-200px;
	width:60%;
	height:200px;
	background-color:rgba(255,253,253,1.00);
	border-left:2px double rgba(3, 13, 24, 0.96);
	border-right:2px double rgba(3, 13, 24, 0.96);

}
.service-list li .opisanie-k  img
{
	float:left;
	width:30%;
	border:1px solid rgba(96,6,208,0.99);
}



/*Услуги список услуг*/



/*Отзывы*/

.cd-main-content-reviews
{
	
margin: 50px auto;
padding:40px;
text-align:center
}
.cd-main-content-reviews h1
{
	font-size:2rem;
	color:rgba(3,13,24,0.96);
	
}
.reviews
{
	position:relative;
	margin-top:20px;
	list-style:none;

}
.reviews li
{
	margin:5%;
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	display:inline-block;
	width:20%;
	box-shadow:0 10px 30px rgba(0,0,0,1.00);
}

.reviews li a
{
	position:absolute;
	bottom:0;
	width:100%;
	margin-top:20px;
	display:block;
	text-decoration:none;
	background-color:rgba(96,6,208,0.85);
	color:rgba(255,255,255,1.00);
	padding:10px;
}



.certificates
{
position:relative;
	margin-top:20px;
	list-style:none;	
}
.certificates li
{
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-left:10%;
	margin-top:40px;
	display:inline-block;
	width:20%;
	height:auto;
	box-shadow:0 10px 30px rgba(0,0,0,1.00);
}
.temp
{
	display:none;
}
.scale-img
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.40);
	z-index:1001;
}
.certificates li img
{
	
}
.certificates li a
{
	position:absolute;
	bottom:0;
	width:100%;
	margin-top:20px;
	display:block;
	text-decoration:none;
	background-color:rgba(96,6,208,0.85);
	color:rgba(255,255,255,1.00);
	padding:10px;
}
.certificates li:first-child
{
	margin:0;
}
.certificates li:nth-child(4)
{
		margin:0;
}
.vision-img
{
	position:fixed;
	top:20%;
	left:25%;
	width:50%;
	border:1px solid rgba(255,255,255,1.00);
	z-index:2000;
	box-shadow: 0 10px 20px rgba(237,234,234,1.00)
}
.vision-img-portret
{
	position:fixed;
	top:2%;
	left:32%;
	width:35%;
	border:1px solid rgba(255,255,255,1.00);
	z-index:2000;
	box-shadow: 0 10px 20px rgba(237,234,234,1.00);
}
/*Конец Отзывы*/

/*about company*/
.intro-company
{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:5%;
	background-image:url(../../../img/geos.jpg);
	background-size:cover;
}
.intro-company img:hover
{
	box-shadow:0 0 30px rgba(0,0,0,1.00);
	transform:scale(1.2,1.2);
	transition-duration:2s;
	transition-property:all;
	
}
.intro-company h1
{
	font-size:4rem;
	color:rgba(255,255,255,1.00);
	text-shadow:0 0 5px rgba(7,7,7,0.80);
}
.intro-company .left_img
{
	
	position:relative;
	color:rgba(255,255,255,1.00);
	width:80%;
	box-sizing:content-box;
	margin:10px auto 20px auto;
	border-radius:5px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .left_img img
{
	float:left;
	margin:20px;
	width:20%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	border-radius:10px;
}
.intro-company .left_img .text_block h2
{
	font-size:2rem;
	margin-bottom:10px;
	color:rgba(0,239,227,1.00);
	
}
.intro-company .left_img .text_block
{
	top:35%;
	position:absolute;
	right:2%;
	font-size:1.4rem;
	width:75%;
	padding-left:3%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .left_img .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(0,239,227,0.73);
}
.intro-company .left_img1
{
	position:relative;
	color:rgba(255,255,255,1.00);
	width:80%;
	margin:10px auto 20px auto;
	padding:20px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .left_img1 img
{
	float:left;
	width:30%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	margin:20px;
	border-radius:10px;
}
.intro-company .left_img1 .text_block h2
{
	font-size:2rem;
	margin-bottom:10px;
	color:rgba(241,234,45,0.84);
	
}
.intro-company .left_img1 .text_block
{
	margin:10px;
	top:30%;
	position:absolute;
	right:0;
	font-size:1.4rem;
	width:65%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .left_img1 .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(241,234,45,0.84);
}

.intro-company .rigth_img
{
	position:relative;
	color:rgba(255,255,255,1.00);
	width:80%;
	margin:10px auto 0 auto;
	padding:20px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .rigth_img img
{
	float:right;
	width:30%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	margin:20px;
	border-radius:10px;
}
.intro-company .rigth_img .text_block h2
{
	font-size:2rem;
	margin-bottom:10px;
	color:rgba(229,49,16,0.70);
	
}
.intro-company .rigth_img .text_block
{
	margin:10px;
	top:20%;
	position:absolute;
	left:0;
	padding-left:10px;
	font-size:1.4rem;
	width:65%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .rigth_img .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(229,49,16,0.70);
}
.intro-company .left_img .text_block:befor
{
	
	width:20px;
	background-color:rgba(232,0,3,0.76);
	color:rgba(255,0,4,1.00);
	position:absolute;
	left:0;
}
.mission
{
	padding-bottom:50px;
	width:60%;
	margin:10px auto 0 auto;
	align-content:center;
	
}
.mission img
{
border-radius:10px;
	box-shadow:0 0 50px rgba(0,0,0,1.00);	
}
.mission h2
{
	display:block;
	color:rgba(235,125,3,0.83);
	font-size:2rem;
	background-color:rgba(255,255,255,0.63);
	border-radius:10px;
	margin:10px;
	
	
}

.clearfix
{
	clear:both;
}
@media only screen and (min-width:1600px)
{
	.list-news li
	{
		margin:20px 20px 20px 10px;
	}
	.list-news li img
	{
		width:10%;
	}
	.service-list li a
	{
		padding:20px 0 20px 100px;
	}
	.service-list li a img
	{
		width:auto;
	}
	.left ul li, .left ol li
	{
		    margin: 40px 0 40px 0;
	}
	.price_box .file_download
	{
		top:20%;
	}
	

}

/*about company*/
@media only screen and (max-width:1400px)
{
	.price_box .bti #title th
		{
		  font-size:.9rem;
          }
			.price_box .zemlia #title th
		{
		  font-size:.9rem;
          }
			.price_box .geodeziya #title th
		{
		  font-size:.9rem;
        }
			.price_box .ocenka #title th
		{
		  font-size:.9rem;
          }
.intro-company .rigth_img .text_block
{
	top:20%;
	font-size:1rem;
}
.intro-company .left_img .text_block
{
		
			font-size:1rem;
	}
	.intro-company .left_img1 .text_block
	{
				font-size:1rem;
	}
    .left .file_download
    {
        width: 30%;
    }
}
@media only screen and (max-width: 1170px)
{

  
  
  .left .uslugi-name h1
  {
    font-size: 1.5rem;
    margin-top: -10px;
  }
  .left .uslugi-name img {
    width: 100px;
    height: 100px;

  }
	
@media only screen and (max-width: 1024px)
{
	
	.price_box .bti #title th
		{font-size:.7rem;}
			.price_box .zemlia #title th
		{font-size:.7rem;}
			.price_box .geodeziya #title th
		{font-size:.7rem;}
			.price_box .ocenka #title th
		{font-size:.7rem;}
		
		.price_box .bti tr td
		{font-size:.8rem;}
		.price_box .zemlia tr td
		{font-size:.8rem;}
		.price_box .geodeziya tr td
		{font-size:.8rem;}
		.price_box .ocenka tr td
		{font-size:.8rem;}
	.intro-company .rigth_img .text_block
{
	top:10%;
	font-size:.8rem;
}
.intro-company .left_img .text_block
{
		top:15%;
			font-size:.8rem;
	}
	.intro-company .left_img1 .text_block
	{
		top:15%;
				font-size:.8rem;
	}
	.logo
{
	width:80%;
}
.logo img
{	position: absolute;
	max-width:80%;
}
.logo_gl
{
	display:none;
}

}
.address {
	width:40%;
	float:left;
		height: auto;
	margin-top:40px;
	margin-bottom: 35px;
	margin-left:5%;
	}
	.address p
	{
		font-size:1.3rem;
	}
	.address h3 a
	{
		color: rgba(255,255,255,1.00);
		
	}
	.address img{
		width:30px;
		position: relative;
    top: 11px;
	}
	.address h3 {
	font-family: Verda, sans-serif;
	font-size: 1.2rem;
	text-align: left;
	color: rgba(255,255,255,1.00);
	}
.contact-address {
	display:block;
	position:relative;
	left:5vw;
	text-decoration:none;
	text-align:left;
	font-size: 1.2rem;
	color: rgba(255,255,255,1.00);
	overflow: hidden;
	}
	.contact-address a
	{
		text-decoration:none;
		color:rgba(255,255,255,1.00);
	}
	.contact-address img{
		
		width:22px;
		top:0;
	}
	

	
.phone {
	width: 100%;
	height: auto;
	}
.email {
	line-height: 20px;
	overflow: hidden;
	}
.email a {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	}	
.email a:hover {
	text-decoration: underline;
	color: rgba(255,255,255,1.00);
	}
/* Contacts*/


/**/

	@media only screen and (max-width: 768px) and (max-height: 1024px)
	{
		
		.price_box .file_download
{
top:20%;
right:5%;
width:25%;
height:50px;
	}
		
		}

	@media (max-width:700px)
	{
	   
       .bullet-list li
       {
        width:90%;
       }
       .item
       {
        width: 35%;
       }
       .discription p
       {
        text-align: justify;
       }
       .aboute img
       {
        margin: 0;
       }
       .bullet-list li img
       {
        width: 60%;
       }
	   .wrap-text
       {
        width: 55.5vh;
    margin: 0;
    position: relative;
    left: -5%;

       }
       .background-text
       {
        padding: 5px;
       }
       .certificates li
       {
        width: 100%;
        margin-left: 0;
        
       }
       .certificates li:nth-child(4)
       {
        margin-top:40px;
       }
       .vision-img
       {
        left: 0;
        width: 100%;
       }
		.cena
		{
			display:none;
		}
        .left .file_download
        {
  left: 50%;
    top: 65%;
    width: 50%;
    padding: 5px;
    font-size: 1rem;
    font-weight: 900;
    }
    .left img
    {
        margin: 0 0 10px 0;
    }
    .aboute .bullet
    {
        width: 100%;
    }
		.service-list li a 
		{
    padding: 10px 0 10px 35px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 2px 4px 3px 0px rgb(5, 15, 26);
}

		.number {
    font-size: .8rem;
    position: absolute;
    top: 3%;
    right: 3%;
    padding: 5px;
    background-color: rgba(0,0,0,0.30);
    border-radius: 10px;
}
		
	
		.menu_price
{
	position:relative;
	top:10%;
	left:0%;
	width:100%;
	padding:0;
	margin:0;
	
	}
	.price_box .zemlia
{
	width:100%;
	float:none;
	right:0%;
	

}
	.price_box .geodeziya
{
	width:100%;
	float:none;
	right:0%;
	

}
	.price_box .bti
{
	width:100%;
	float:none;
	right:0%;
	

}
	.price_box .ocenka
{
	width:100%;
	float:none;
	right:0%;
	

}
.price_box .file_download
{
position:relative;
left:5%;
width:60%;
height:50px;
	}
	.price_box .bti #title th
		{font-size:.4rem;}
			.price_box .zemlia #title th
		{font-size:.4rem;}
			.price_box .geodeziya #title th
		{font-size:.4rem;}
			.price_box .ocenka #title th
		{font-size:.4rem;}
		
		.price_box .bti tr td
		{font-size:.6rem;}
		.price_box .zemlia tr td
		{font-size:.6rem;}
		.price_box .geodeziya tr td
		{font-size:.6rem;}
		.price_box .ocenka tr td
		{font-size:.6rem;}
		.intro-company h1
		{font-size:2rem;
		color:rgba(0,239,227,1.00);
		}
		
		.price_box .bti tr td:nth-child(2)
		{width:20%;}
		.price_box .zemlia tr td:nth-child(2)
		{width:20%;}
		.price_box .geodeziya tr td:nth-child(2)
		{width:20%;}
		.price_box .ocenka tr td:nth-child(2)
		{width:20%;}
		
		.price_box .bti tr td:last-child
		{width:20%;}
		.price_box .zemlia tr td:last-child
		{width:20%;}
		.price_box .geodeziya tr td:last-child
		{width:20%;}
		.price_box .ocenka tr td:last-child
		{width:20%;}
		
		.price_box .bti tr td:first-child
		{width:60%;}
		.price_box .zemlia tr td:first-child
		{width:60%;}
		.price_box .geodeziya tr td:first-child
		{width:60%;}
		.price_box .ocenka tr td:first-child
		{width:60%;}
		
		
		.price_box .bti tr th:nth-child(2)
		{width:20%;}
		.price_box .zemlia tr th:nth-child(2)
		{width:20%;}
		.price_box .geodeziya tr th:nth-child(2)
		{width:20%;}
		.price_box .ocenka tr th:nth-child(2)
		{width:20%;}
		
		.price_box .bti tr th:last-child
		{width:20%;}
		.price_box .zemlia tr th:last-child
		{width:20%;}
		.price_box .geodeziya tr th:last-child
		{width:20%;}
		.price_box .ocenka tr th:last-child
		{width:20%;}
		
		.price_box .bti tr th:first-child
		{width:60%;}
		.price_box .zemlia tr th:first-child
		{width:60%;}
		.price_box .geodeziya tr th:first-child
		{width:60%;}
		.price_box .ocenka tr th:first-child
		{width:60%;}
		.intro-company .left_img
{
	
	position:relative;
	text-align:center;
	color:rgba(255,255,255,1.00);
	width:80%;
	box-sizing:content-box;
	margin:10px auto 20px auto;
	border-radius:5px;
	padding-bottom:10px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .left_img img
{
	float:none;
	width:35%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	border-radius:10px;
}
.intro-company .left_img .text_block h2
{
	font-size:1.5rem;
	margin-bottom:10px;
	color:rgba(0,239,227,1.00);
	
}
.intro-company .left_img .text_block
{
	margin-bottom:2%;
	position:relative;
	font-size:1rem;
	width:75%;
	left:12%;
	padding-left:3%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .left_img .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(0,239,227,0.73);
}
.intro-company .left_img1
{
	position:relative;
	color:rgba(255,255,255,1.00);
	width:80%;
	margin:10px auto 20px auto;
	padding:20px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .left_img1 img
{
	float:none;
	width:50%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	margin:20px;
	border-radius:10px;
}
.intro-company .left_img1 .text_block h2
{
	font-size:1.5rem;
	margin-bottom:10px;
	color:rgba(241,234,45,0.84);
	
}
.intro-company .left_img1 .text_block
{
	margin:auto;
	position:relative;
	font-size:1rem;
	width:80%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .left_img1 .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(241,234,45,0.84);
}

.intro-company .rigth_img
{
	position:relative;
	color:rgba(255,255,255,1.00);
	width:80%;
	margin:10px auto 0 auto;
	padding:0;
	padding-bottom:10px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.30);
	
}
.intro-company .rigth_img img
{
	float:none;
	width:50%;
	box-shadow:0 0 15px rgba(255,255,255,.7);
	margin:20px;
	border-radius:10px;
}
.intro-company .rigth_img .text_block h2
{
	font-size:1.5rem;
	margin-bottom:10px;
	color:rgba(229,49,16,0.70);
	
}
.intro-company .rigth_img .text_block
{
	position:relative;
	left:5%;
	padding-left:10px;
	font-size:1rem;
	margin:0;
	width:90%;
	background-color:rgba(0,0,0,0.58);	
	border-radius:10px;
	box-shadow:0 5px 10px rgba(255,255,255,0.79);
}
.intro-company .rigth_img .text_block > div
{
	position:absolute;
	width:2%;
	height:100%;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	left:0;
	background-color:rgba(229,49,16,0.70);
}
.intro-company .left_img .text_block:befor
{
	
	width:20px;
	background-color:rgba(232,0,3,0.76);
	color:rgba(255,0,4,1.00);
	position:absolute;
	left:0;
}
.mission h2
{
	font-size:1.5rem;
	text-transform:uppercase;
	}
	.mission
	{
		width:80%;}

		.left
		{
		  text-align: justify;
			width:100%;
			float:none;
			}
	.left .uslugi-name img
		{
		    top: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;	
		}
        .left .show-hide-btn
        {
            right: 5%;
            width: auto;
        }
		.left .uslugi-name h1
		{
		    font-size: 1.2rem;
    margin-left: 15%;
		}
		.service-list li a:before
		{
		  display: none;
		    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;	
		}
		.service-list li a img
		{
			width:20%;
            left: -25px;
    top: -25px;
		}
		.list-news
		{
			width:100%;
            text-align: justify;
		}
		.list-news li
		{
			margin:0 auto 0 auto;
		}
        .left ul, .left ol
        {
            margin-left: 0;
        }
		.rigth
		{
			float:none;
		width:80%;
		margin:5px auto 5px auto;
		}
		.list-news li
	{
		height:auto;
		}
		.list-news li img
		{
			width:100%;
            margin: 5px 0 10px 0;
            
		}
		.reviews li:first-child {
    /* margin: 0; */
}
.reviews li {
    margin-top: 10%;
    display: inline-block;
    width: 90%;

}
*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
}
	

	.address {
	width:100%;
	display:inline-block;
	height: auto;
	margin-top:40px;
	margin-bottom: 35px;
	}	
	.call_l
	{
	z-index:1000;
	}
	.call_f
	{
		left:20%;
		width:60%;
	}
	
	#pricing
	{
		height:140vh;
	}
	
	.pricing-row td
	{
		padding:0;
	}
	
	.pricing-box {
    height: 55vh;
	}
	.social_block li a img
	{
		width:30px;
		height:30px;
	}
	.social {
    float: right;
    margin: 10px;
	}
	.call
	{
		font-size:.6rem;
		width:80%;
	}
	.slider-pagi__elem
	{
		width:1rem;
		height:1rem;
	}
	.slider-pagi
	{
		left:45%;
		bottom:0rem;
	}
	.creative-minds h2
	{
		font-size:1.5rem;
	}
	.social_block li
	{
		margin:0;
	}
	.copyrigt .text_block
	{
		top:2vh;
		width:180px;
	}
	}
	@media only screen and (max-width: 640px) and (max-height: 360px)
{
	.list-news li
	{
		height:auto;
		}
		.list-news li img
		{
			width:100%;
		}
	#pricing
	{
		height:180vh;
	}
	.cd-item-wrapper
	{
		height:200%;
	}
	.pricing-box 
	{
		height:100vh;
	}
	.call_l
	{
		z-index:1000;
		left:70%;
	}
	.creative-minds h2
	{
		
		font-size:2rem;
	}
	.slider-pagi__elem
	{
		width:1rem;
		height:1rem;
	}
	.slide__content
	{
		top:80px;
		font-size:.8rem;
	}
	.slide__text-desc
	{
		font-size:.9rem;
	}

	.address
	{
		width:100%;
	}
	.social_block li a img
		{
			width:25px;
			height:25px;
			}
			.social_block li
			{
				margin-right:5px;
			}
			.copyrigt .text_block
			{
				width:auto;
				top:1vh;
			}
			.creative-minds figure
			{
				width:50%;
				margin:10px auto;
			}
	
	
}
	@media only screen and (max-width: 320px) and (max-height:480px)
{
#pricing
	{
		height:180vh;
	}
	.cd-item-wrapper
	{
		height:200%;
	}
	.pricing-box 
	{
		height:100vh;
	}	
}
	@media (max-width:360px)
	{
		.slider-pagi
		{
			bottom: 0rem;
			width: 70%;
			margin: 0 auto;
		}
		.address h3
		{
			font-size:1rem;
		}
		.contact-address
		{
			font-size:.9rem;
		}
		.cd-item-wrapper li
		{
			left:15%;
			width:50%;
		}
		
			
		.call
		{
			top:90%;
			}
	}