/* delite after  30/02 */

	@media only screen and (max-width: 600px){
		#feedback_me {
				display: none;
			}
	}

	#feedback_me {
		position: fixed;
		bottom: 350px;
		width: 215px;
		left: -97px;
		line-height: 8px;
		font-size: 13px;
		text-align: center;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		z-index: 111;
		padding: 10px 15px 5px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border: 1px solid rgba(90, 91, 97, 0.29);
		opacity: .8;
		transition: .3s ease-in;
		box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);
	}

	#feedback_me a {
		color: #728ba9;
	}
	#feedback_me a:hover {
		color: #FFF;
	}

	#feedback_me:hover {
		cursor: pointer;
		/* background-image: linear-gradient(180deg,#4aaf42,#11e404); */
		background-color: #3a77ff;
	}





	/* main set */

	* {
		 backface-visibility: inherit;
	  	 box-sizing: border-box;
	     -webkit-font-smoothing: subpixel-antialiased;    
	     -webkit-backface-visibility: hidden;
	     z-index: 1;
	     color: inherit;
	     -webkit-transition: inherit;
	             transition: inherit;
	     text-decoration: none;
	     letter-spacing: inherit;
	  	 position: relative;
	  	 letter-spacing: 0.03em;
	}

	a {
	        color: #e14d4a;
	}
	a:active {
		color:#000000 !important;
	}

	*:focus {
		outline:none
	}

	button:hover {
		cursor: pointer
	}

	body, html {
		margin: 0;
		padding: 0;
		background: #FFF;
		font-family: 'Open Sans', sans-serif;
		font-size: 0.96em;
		font-weight: 400;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		height: 100%;
		background-color: #141417;
		background-image: url(images/raster.png);
		color: #2F2F2F;
	}


	p {
		padding-bottom: 30px;
		margin: 0;
	}

	blockquote {
		border-left: 3px solid rgb(248, 235, 149);
		padding: 0px 35px;
		margin: 30px 0 40px 0px;
		-webkit-transition: .3s;
		transition: .3s;
		font-size: 130%;
		line-height: 170%;
		font-weight: 300;
		color: #232323;
		font-style: italic;
	}

	blockquote h1,
	blockquote h2,
	blockquote h3 {
		padding: 0
	}

	blockquote > * {
		padding:0;
		margin:0;
	}

	ul {
		margin: 10px 0 50px 0;
	}

	li {
		margin-bottom:20px;
	}

	ol {
		counter-reset: myCounter;
		margin: 0px 30px 0px 30px;
		padding-left: 0px;
		clear: both;
	}


	ol:after {
		display: table;
		content: '';
		width: 100%;
		clear: both;
	}




	/* features */

	ol.features_footer .slogan {
		text-align: center;
		margin-bottom: 70px;
		font-size: 200%;
	}

	ol.features_footer {
		padding: 0;
	}
	ol.features_footer strong {
		font-weight: 500;
	}

	ol.features_footer li:nth-child(4n+2),
	ol.features_footer li:nth-child(4n-3),
		/*шахматы*/
	


	ol.features_footer li {
		list-style: none;
		line-height: 30px;
		padding: 10px 60px;
		max-width: calc(50% - 60px);
		min-height: 280px;
		display: inline-block;
		vertical-align: text-top;
		margin: 20px;
		text-align: justify;
		font-weight: 300;
	}

	ol.features_footer li:before {
			color: white;
			text-align: center;
			line-height: 100px;
			width: 100px;
			height: 100px;
			position: absolute;
			left: 20px;
			top: 20px;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			background-image: -webkit-linear-gradient(270deg, #33A4FC, #0086ED);
			background-image: linear-gradient(180deg, #33A4FC, #0086ED);
	}

			ol.features_footer li:hover:before {
			   background-image: -webkit-linear-gradient(270deg, #F2D92C, #E9EB63);
			   background-image: linear-gradient(180deg, #F2D92C, #E9EB63);
			}


	ol.features_footer li svg {
		    /* float: left; */
		width: 140px;
		height: 50px;
		margin: -15px 0px 25px 105px;
		fill: #4C4C4C;
	}
	ol.features_footer li:nth-child(2n) svg	
	{
		/* float:right; */
	}

	
	@media only screen and (max-width: 900px)  {
		ol.features_footer li {
			max-width: 100%;
		}
	}
	@media only screen and (max-width: 500px)  {
		ol.features_footer li {
			padding: 10px 20px;
		}
	}

/* / features */




	h1,h2,h3,h4 {
		font-family: 'Roboto Slab', serif;
		color: rgba(70, 70, 70, 1);
		padding: 30px 0 20px 0;
    	line-height: 155%;
		margin: 0;
		font-weight: 500;
		clear: both;
	}

	h1 {
    	font-size: 34px;
	}
	h2 {
    	font-size: 24px;
	}
	h3 {
		 font-size: 20px;
	}

	strong {
		font-weight: 600;
	}


	section {
		max-width: 1160px;
		margin: auto;
		/* padding: 10px 30px 50px 30px; */
		z-index: 1;
		width: 100%;
	}

	.mobile_menu {
	    display: none;
	    background: #f2f2f2;    
	    height: 70px;        
	    text-align: left;
	    background-image: url("images/logo_infosvyaz_ru.png");
	    background-repeat: no-repeat;
	    background-position: 30px 16px;
	}

	.mobile_menu img {
		height: 35px;
		position: absolute;
		top: 15px;
		left: 30px;
		cursor: pointer;
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
	}





.fucks {
    margin-top: 50px;
}
.onelog, .twolog, .freelog {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}
.prostospan {
    text-align: center;
    float: left;
    margin-left: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 16px;
}

/*  */

.main {
    letter-spacing: 0.02em;
    line-height: 200%;
    background-color: #FFF;
    background: url(images/body_noise.png) repeat;
    min-height: calc(100vh - 374px);
    overflow: hidden;
    padding-top: 80px;
}

		.main:after {
			content: "";
			display: table;
			clear: both;
			height: 0px;
		}




header {
	background-color: #f2f2f2;
	max-height: 105px; 
	width: 100%;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	/* background-image: url(images/raster.png);*/
	background-repeat: no-repeat;
	z-index: 1001;
	    position: fixed;
            border-top: 2px solid #2597d9;
    border-bottom: 1px solid #e6e6e6;
}

		header .header {
			color: #FFF;
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: -moz-flex;
			  display: -webkit-flex;
			  display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-flex-direction: row;
			margin: auto;
			padding: 10px 0;
			z-index: 0;
			align-items: center;
}

		header .logo {
			margin: auto;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    margin-top: -5px;
}	
					header .logo img {
					}

		header.mobile .top_menu {
			margin-top:40px;
		}

		header .top_menu {
	padding: 0;
        margin: -25px 60px -9px;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: 0.14em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-width: 320px;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in;
    position: relative;
                border-top: 1px solid #cccccc;
    background: #f2f2f2;
    border-bottom: 1px solid #cccccc
}

				header .top_menu ul {
					margin: auto;
				  display: -webkit-box;
				  display: -ms-flexbox;
				  display: -moz-flex;
				  display: -webkit-flex;
				  display: flex;
					padding-left: 70px;
				}

						header .top_menu li {

							margin: auto -10px;
    min-width: 80px;
    text-align: center;
    width: 100%;
    list-style-type: none;
    padding: 5px 0;
    letter-spacing: 0.17em;
}

header .top_menu li.current-menu-item a {
  color: #2597d9;
}
header .top_menu li.current-menu-item a:after,
header .top_menu li.current-menu-item a:before {
	display:none;
}

header .poduslugi {
	position: absolute;
	flex-direction: column;
	padding: 0 !important;
	background-color: #f7f7f7;
    padding: 30px !important;
        border: 0px solid #ccc;
    border-bottom-width: 1px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
    margin-top: 9.5px !important;
    margin-left: -38px !important;
}
header .poduslugi li {
	margin:0;
	padding: 0;
	max-width: 100%;
}
header .poduslugi a {
	overflow: visible !important;
	display: block !important;
	color: #000 !important;
	padding: 10px !important;
	height: initial !important;
}

.show {
	overflow: visible !important;
	display: block;
	cursor: default;
}


header .info {
	justify-content: flex-end;
	align-items: center;
    font-size: 12px;
    color: #333;
}
header .info .v,
header .info .w { float: left;
    text-align: center;
    font-size: 13px;
    margin-left: -3px;
    font-weight: 500;}
header .info .v img,
header .info .w img {
   	width: 22px;
    margin: -6px 2px;
    opacity: .88;
    color: #333;
}
header .info .num {
    margin: 2px 10px 0 10px;
    font-size: 12px;
     color: #333;
}
header .mailtol {
	/*display: block;*/
	/*position: absolute;*/
	right: 35px;
	/*right: 140px;*/
    /* right: 70px; */
	text-align: center;
    margin-bottom: 7px;
    font-size: 12px;
    color: #333;
	text-decoration: underline;
	font-size: 12px;
	/*color: #333;*/

}

header .phone {
	display: block;
	font-size: 18px;
	padding: 0 0 3px;
	white-space: nowrap;
	font-family: 'Roboto Slab', serif;
     color: #333;
}

header .phone sub {
	position: absolute;
	top: -14px;
	display: block;
	/* right: 80px; */
	/* right: 220px; */
	font-size: 9px;
	color: #9a9a9a;
}
header .priemzakazov {
	/*display: block;*/
    float: left;
    margin-top: 6px;
    font-weight: 600;
    font-size: 10px;
	/*font-size: 11px;*/
   /* color: #2597d9;*/
	color: #9a1616}
/* ................................. */

@-webkit-keyframes menuUslugi_a {
	0% {
		height: 1px;
		width: 0;
		background-color: #FFF;
	}
	100% {
		width: 100%;
		max-width:100%;
		background-color: #edce24;
	}
}

@-webkit-keyframes menuUslugi_b {
	0% {
		height: 1px;
		width: 0;
		background-color: #FFF;
	}
	100% {
		width: 100%;
		max-width:100%;
		background-color: #edce24;
	}
}

@keyframes menuUslugi_a {
	0% {
		height: 1px;
		width: 0;
		background-color: #FFF;
	}
	100% {
		width: 100%;
		max-width:100%;
		background-color: #edce24;
	}
}

@keyframes menuUslugi_b {
	0% {
		height: 1px;
		width: 0;
		background-color: #FFF;
	}
	100% {
		width: 100%;
		max-width:100%;
		background-color: #edce24;
	}
}


.top_menu li:nth-child(1){
	list-style: none;
}

/* .top_menu li:nth-child(1) a:after {
	height: 1px;
	-webkit-animation: menuUslugi_a 3s infinite ease;
	animation: menuUslugi_a 3s infinite ease;
	background-color: #edce24;
	width:100%;
	opacity: .5
}

.top_menu li:nth-child(1) a:before {
	height: 1px;
	-webkit-animation: menuUslugi_b 3s infinite ease;
	animation: menuUslugi_b 3s infinite ease;
	background-color: #edce24;
	width:100%;
} */

/* ................................. */



		header .top_menu a  {
			    color: rgb(0, 0, 0);
    height: 30px;
    padding: 7px 0px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    letter-spacing: 0.1em;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
	font-size: 10px;
}
					header .top_menu a:after {
					    content: '';
					    display: block;
					    position: absolute;
					    right: 0;
					    bottom: 0;
					    height: 1px;
					    width: 0;
					    background: #FFF;
					    transition: all .4s ease;
					    -webkit-transition: all .4s ease;
					    -moz-transition: all .4s ease;
					    -o-transition: all .4s ease;
					}

					header .top_menu a:hover {
							color: #2597d9;
					}
							header .top_menu a:hover:after {
							    width: 100%;
							    max-width:100%;
							    background: #2597d9;
							    transition: all .4s ease;
							    -webkit-transition: all .4s ease;
							    -moz-transition: all .4s ease;
							    -o-transition: all .4s ease;
							}

					header .top_menu a:before {
					    content: '';
					    display: block;
					    position: absolute;
					    left: 0;
					    bottom: 0;
					    height: 1px;
					    width: 0%;
					    background: #FFF;
					    transition: all .5s ease;
					    -webkit-transition: all .5s ease;
					    -moz-transition: all .5s ease;
					    -o-transition: all .5s ease;

					}
								header .top_menu a:hover:before {
								    width: 100%;
								    max-width:100%;
								    background: #edce24;
								    opacity: 1;
								    filter: alpha(opacity=100);
								    transition: all 1s ease;
								    -webkit-transition: all 1s ease;
								    -moz-transition: all 1s ease;
								    -o-transition: all 1s ease;
								}

header .order {
    margin-right: 50px;
    overflow: hidden;
    height: 40px;
    display: block;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    margin: -17px 50px 0 auto;
    color: #FFF;
    line-height: 17px;
    padding: 2px 0px;
    background-color: #0488EE;
    background-image: -webkit-linear-gradient(180deg, #ef4940d6, #ef4940);
    background-image: linear-gradient(180deg, #ef4940d6, #ef4940);
    min-width: 70px;
    max-width: 170px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    font-family: 'Roboto Slab', serif;
			}

				header .order:hover {
					background-image: -webkit-linear-gradient(180deg, #20751a, #0AAF00);
					background-image: linear-gradient(180deg, #20751a, #0AAF00);
				}

				header .order:active {
					background-image: -webkit-linear-gradient(180deg, #20751a, #0AAF00);
					background-image: linear-gradient(180deg, #20751a, #0AAF00);
				} 


.header_padding {
    height: 100px;
    background-color: #151517;
    cursor: pointer;
/*    background-image: url(images/raster.png);*/
}

.header_padding>div {
	margin: 0px auto 0 auto;
    top: 50px;
}

.header_padding>div>div {
	position: absolute;
	width: 215px;
	text-align: center;
	top: -25px;
	left: -100px;
	color: #078aef;
	text-decoration: underline;
}
.header_padding:hover>div>div{
	color: #f4dd4f;
}
.mobile_menu_blok {
display: none !important;
}
.header_padding .toprice {
    color: #FFF;
    margin: 40px -7px 0;
    position: absolute;
    left: 50%;
}

	.header_padding .toprice:hover {
		cursor:pointer;
	}

.breadcrumbs {
    font-size: 90%;
    padding: 10px 0px 0 30px;
    margin: 10px auto;
}
	.breadcrumbs__nav {
    font-style: italic;
}
	.breadcrumbs__nav a {
		color: #1862BA;
	
		font-style: normal;
}

.breadcrumbs.bottom {
	border-radius: 30px;
	text-align: left;
	/*padding: 150px 0 0 30px;*/
	font-size: 80%;
}
.breadcrumbs.bottom .breadcrumbs__nav {
	width: 50%;
	line-height: 140%;
	margin: 30px 0;
}

/**/


.services:before {
		z-index: 1;
		content: '';
		width: 100%;
		height: 100%;
		position: absolute; 
		background-repeat: repeat;
		/* background-image: url(images/raster.png), url(images/pattern.png); */
}

.services.on {
	min-height: 600px;
	visibility: visible;
}
.services.off {
	min-height: 0px;
	height: calc(0px);
	visibility: hidden;
	display: none;
}
.services {
		max-width: 100vw;
		width: 100%;
		display: -webkit-box; 
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		padding: 0;
		background: #181819;
		background-image: url(images/raster.png);
		overflow: hidden;
		transition: .3s ease-out;
}	

		.services .s_bg {
		    width: 100%;
		    position: absolute;
		    left: 0;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    height: 100%;
		    z-index: 0;
		    background-size: cover;  
		    background-position: center 30%;
		    background-repeat: no-repeat;    
		    -webkit-transition: scale .1s, margin .0s;    
		            transition: scale .1s, margin .0s;
		    -webkit-animation: bright 30s infinite;
		    animation: bright 30s infinite;
		    background-color: #131518;
}
				.services .s_bg:after {
					content:'';
					z-index:112;
					width: 100%;
					height: 100%;
					position: absolute;
					background: -webkit-linear-gradient(286deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.35));
					background: linear-gradient(164deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.35)); 
					opacity: .1; 
					filter: alpha(opacity=10);
}
				.services .s_bg:before {
					content:'';
					width: 100%;
					height: 100%;
					position: absolute;
					background-color: rgba(255, 255, 255, 1); 
					opacity: .1; 
					filter: alpha(opacity=10);
				
}

		.services .container {
			max-width: 1160px;  
			margin: auto;  
			z-index: 1;
   
			padding: 0;
			width: 100%;                
			height: 420px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		
			/* overflow: hidden; */
}

		.services .menu {
		    display: inline-block;
		    vertical-align: top;
		    margin: auto;
		    min-height: 550px;    
		    height: 100%;
		    margin-right: 60px;
		    margin-left: 30px;
}

				.services .menu .header {
				    margin: 0;
				    color: #FFF;
				    font-size: 19px;
				    letter-spacing: 0.1em;
				    line-height: 30px;
				    margin-bottom: 40px;
				
				    float: left;
}

				.services .menu .all {
					color:#edce24;
					font-size: 13px;
					margin-left: 20px;
					text-decoration: underline;
				}

				.services .menu ul {
				    margin: 0 30px 0 0;
				    padding: 0;
				    display: -webkit-box;    
				    display: -ms-flexbox;    
				    display: -moz-flex;    
				    display: -webkit-flex;    
				    display: flex;
				    -webkit-box-orient: vertical;
				    -webkit-box-direction: normal;
				        -ms-flex-direction: column;
				            flex-direction: column;
					-webkit-flex-direction: column;
				    clear: both;
				}

				.services .menu ul li:nth-child(1) {
					margin-top:0;
				} 

						.services .menu ul li {
							width: 280px;
							overflow: hidden;
							margin: 5px 0;
							background-color: rgba(44, 72, 152, 0.05);
						}

								.services .menu ul li a {
									cursor: pointer;
								    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
								    display: block;
								    border: 1px solid rgba(255, 255, 255, 0.57);
								    height: 65px;
								    line-height: 65px;
								    text-align: center;
								    color: #FFF;
								    /* margin: 4px 0; */
								    border-radius: 5px;
								    letter-spacing: 0.08em;
								    font-size: 14px;
								    transition: all .01s ease-in;
								    -webkit-transition: all .01s ease-in;
								    -moz-transition: all .01s ease-in;
								    -o-transition: all .01s ease-in;
								}
										.services .menu ul li a:hover {    
											border: 1px solid #2597d9;
											color: #2597d9;
                                            font-weight: 600;
										}
										.services .menu ul li a:active {    
											border: 1px dotted #2597d9;
										}

										.services .menu ul li.active a {
										    background-color: #2597d9;
										    border: 0;
										    color: #fff;
										    cursor: default;
										    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
										}

		.services .info {
		    color: #FFF;
		    font-size: 1em;
		    line-height: 290%;
		    letter-spacing: 0.06em;
		    width: calc(100% - 280px - 30px - 30px);    
		    min-height: 550px;    
		    height: 100%;
		    margin-right: 30px;
                    margin-top: 20px;
		}

				.services .info .text {
					display: none;
				}

						.services .info .active {
							  display: block;
							  height: 100%;
						}

				.services .info .header {
					line-height: 40px;
					font-size: 31px;
					margin: -10px 0 5px 0;
					text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
					clear: both;
					color: #FFF;
					font-family: 'Roboto Slab', serif;
					letter-spacing: 0.04em;
					text-align: left;
				}

				.services .info p {
				    font-size: 18px;
				    font-weight: 300;
				    text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
				    padding: 0;				
				}
				
				.services .info .readmore {    
				    line-height: 27px;      
				    cursor: pointer;  
				    font-size: 14px;  
				    letter-spacing: 0.1em;
				    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
				    color: #2597d9;
				    border-bottom: 1px solid #2597d9;
				    transition: .1s ease-out;
				}

				.services .info .readmore:hover {  
				    color: #33A4FC;     
				    border-bottom: 1px solid #33A4FC;
				}



				.services .info .price {
				    font-size: 5.4em;
				    font-weight: bold;
				    line-height: 65px;
				    float: none;
				    display: inline-block;
				    margin: auto 5px 0px 20px;
				    white-space: nowrap;
				    font-family: 'Roboto Slab', serif;
				    letter-spacing: 0.06em;
				}

						.services .info .price:before {
							font-size: .54em;
							margin-right: 10px;
							content: '';
							letter-spacing: 0.06em;
						}

						.services .info .price:after {
							content: 'Р';
							width: 19px;
							height: 40px;
							display: inline-block;
							margin-left: 06px;
							font-size: .6em;
							border-bottom: 4px solid #FFF;
							letter-spacing: 0.06em;
							bottom: -5px;
							position: relative;
					}
.bistr {
                max-width: 100vw;
		width: 100%;
		display: -webkit-box; 
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		padding: 0;
		background: #FFF;
		overflow: hidden;
		transition: .3s ease-out;
}
.bistr .container {
			max-width: 1160px;  
			margin: auto;  
			z-index: 1;
   
			padding: 0;
			width: 100%;                
			height: auto;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
}
.grad {
display: block;
}
.sh { 
text-align: center; 
font-size: 32px;
}
.bistr .order {
    width: 340px;
    margin: 0;
    line-height: 65px;
    max-height: 65px;
    text-align: center;
    border-radius: 4px;
    /* float: right; */
    color: #FFF;
    font-size: 1.85em;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #068AEF;
    background-image: -webkit-linear-gradient(270deg, #20751a, #0AAF00);
    background-image: linear-gradient(180deg, #20751a, #0AAF00);
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    margin-bottom: 15px;
    font-family: 'Roboto Slab', serif;
}
.bistr .order:hover { 
                                    opacity:.9;

}
.zak {
    display: block;
    float: right;
    position: relative;
    width: 100%;
}
.services .order{
    width: 340px;
    margin: 0;
    line-height: 65px;
    max-height: 65px;
    text-align: center;
    border-radius: 4px;
    float: right;
    color: #FFF;
    font-size: 1.85em;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #068AEF;
    background-image: -webkit- #2597d9 linear-gradient(to bottom, #2f9cda, #2597d9);
    background-image: #2597d9 linear-gradient(to bottom, #2f9cda, #2597d9);
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    margin-top: 12px;
    font-family: 'Roboto Slab', serif;
}
.services .order:hover { 
                                       /* opacity:.9; */
					filter: alpha(opacity=90);
					background-image: -webkit-linear-gradient(180deg, #20751a, #0AAF00);
					    background-image: linear-gradient(180deg, #20751a, #0AAF00);

}
.about .order {
    width: 340px;
    margin: 0;
    line-height: 65px;
    max-height: 65px;
    text-align: center;
    border-radius: 4px;
    /* float: right; */
    color: #FFF;
    font-size: 1.85em;
     font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #068AEF;
    background-image: -webkit-linear-gradient(270deg, #20751a, #0AAF00);
    background-image: linear-gradient(180deg, #20751a, #0AAF00);
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    margin-bottom: 15px;
    font-family: 'Roboto Slab', serif;
}
.about .order:hover { 
                                    opacity:.9;

}
/* PAGES */
section.page {
	  min-height: calc(100% - 344px - 83px);
	  height: auto;
}

.page a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.description h1 ~ * {
    border-left: 3px solid rgb(248, 235, 149);
    padding: 0px 35px 20px;
}


 .uslugi {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
 .uslugi ul {
	-webkit-box-flex: 1;
    -webkit-flex: 1 0 500px;
    -ms-flex: 1 0 500px;
    flex: 1 0 500px;
    margin: 10px 10px 20px;
    padding: 0 40px 15px 40px;
    border-top: 1px solid rgb(190, 200, 212);
    border-radius: 0 0 5px 5px;
    transition: .1s ease;
	
}

 .uslugi ul:hover {
    background-color: rgba(255, 236, 114, 0.10);
	border-top: 1px solid rgb(255, 236, 114);
	border-radius: 0 0 5px 5px;
}
.botom-pod {
    bottom: 0px;
    position: absolute;
    padding: 8px 58px;
    display: block;
    width: 100%;
    margin: -10px -53px 5px;
}
.desct {
white-space: pre;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

 .uslugi ul h1 {
	word-break: break-word;
	width: 70%;}

 .uslugi ul h2 {
	word-break: break-word;
	transition: .5s ease-in-out;
	font-weight: 500;

}

 .uslugi ul li {
    margin: 0 auto 20px 20px;
    color: #000;
            -webkit-transition: all .01s;
                    transition: all .01s;
    border-left: 1px solid rgba(228, 205, 42, 0);
    padding-left: 10px;
    list-style-type: disc;
}

 .uslugi ul li a {
	display: inline-block;
	vertical-align: top;
	color: #000;
	text-decoration: underline;

}

 .uslugi ul li:hover {
    color: #2597d9;
}
 .uslugi ul li a:hover {
	    text-decoration: none;
}


.page .order {
    width: 340px;
    margin: 0;
    line-height: 65px;
    max-height: 65px;
    text-align: center;
    border-radius: 4px;
    /* float: right; */
    color: #FFF;
    font-size: 1.85em;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #068AEF;
    background-image: -webkit-linear-gradient(270deg, #20751a, #0AAF00);
    background-image: linear-gradient(180deg, #20751a, #0AAF00);
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    margin-bottom: 60px;
    font-family: 'Roboto Slab', serif;
}
.page .order:hover { 
                                    opacity:.9;

}
/* //page */


.babs {
    text-align: center;
}


/* HOME */



/* why we? */

section.whywe {
	background-color: #252420;
    max-width: 100%;
	padding-bottom: 0;
	overflow: hidden;
}

	section.whywe .whywe_bg {
		background-image: url(/wp-content/themes/infoscon/images/whywe_bg2.jpg);
		background-size: cover;
		background-position: 30% 50%;
		width: 100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}

	section.whywe .whywe_bg:after {
	    z-index: 0;
	    content: '';
	    width: 100%;
	    height: 100%;
	    top:0;left:0;
	    position: absolute;
	    background: url(/wp-content/themes/infoscon/images/raster.png)
	}

	section.whywe h1 
	{
		color: #FBFBFB;
 	    font-weight: 300;
	}

	ol.index {
		padding: 0;
		margin: 50px 0 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		}


		 ol.index li svg {
		     height: 130px;
		     width: 70px;
		     display: block;
		     margin: auto;
		     fill: #Fbfbfb;
		     -webkit-transition: .2s ease-in-out;
		             transition: .2s ease-in-out;
			 -webkit-filter: drop-shadow( -3px 0px 1px #111 );
			 filter: drop-shadow( -3px 0px 1px #111 );

		 }

		 ol.index li:hover svg  {
			    fill: #2597d9;
			filter: drop-shadow( 0px 0px 0px #111 );
	        -webkit-filter: drop-shadow( 0px 0px 0px #111 );
		 }

		 
		ol.index li {
		    display: inline-block;
		    vertical-align: top;
		    padding: 0;
		    margin: 20px 0px 40px 0px;
		    line-height: 180%;
		}

			ol.index li:before {
				display: none;
			} /* ol:list style hide; */


		ol.index li p {
			text-align: center;
			color: #FbfbFB;
	    	padding: 30px 20px 30px 20px;
	    	opacity: .8;
	    	filter: alpha(opacity=80);
	    	margin: 0 10px;
	    	min-height: 220px;
	    	-webkit-transition: .3s ease-in-out;
	    	        transition: .3s ease-in-out;
	    	/* border-bottom: 3px solid rgba(255, 255, 255, 0); */
		}

		ol.index li p strong {
	    		text-shadow: 0px 0px 40px rgba(245, 203, 200, 0.34);
	    		transition: 1s cubic-bezier(0, 0, 0.63, 0.11);
				
		}

		ol.index li:hover p {
	    	    border-bottom: 3px solid #2597d9;
    color: #2597d9;
		}
				ol.index li:hover p strong {
	    			    text-shadow: 0px 0px 40px rgba(255, 255, 255, 0.74);
				}

/* /why we? */


/* steps */

	.steps {
		/*background-color: #F7F7F7;*/
		margin: 50px auto;
	}

	.steps h1 {
		text-align: center;
		margin: 20px;
	}

	.steps .flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.steps h2 {
		 /* white-space: nowrap; */
    text-align: center;
    /* background-color: #4C4A50; */
    /* color: white; */
    /* line-height: 70px; */
    /* padding: 0; */
    /* margin: 25px 0; */

	}

	.steps img {
		margin: 0 auto 30px;
    	display: flex;
	}

	.steps .item {
		max-width: 215px;
		margin: 30px 5px;
	}

.h2step {
font-size: 34px;
margin-top: -50px;
    font-weight: 400;
}
.h3step {
    white-space: nowrap;
    text-align: center;
    background-color: #4C4A50;
    color: white;
    line-height: 70px;
    padding: 0;
    margin: 25px 0;
font-size: 20px;
}

/* /home */




/* POST SINGLE */

section.post {} 

section.post .post_content {
	margin-top: 30px;
}

section.post .price-text {}


section.post .post_order {
	margin: 0px auto 20px;
	line-height: 65px;
	text-align: center;
	border-radius: 4px;
	font-size: 1.85em;
	color: #FFFFFF;
	cursor: pointer;
	width: 340px;
	transition: .2s ease;
       font-family: 'Roboto Slab', serif;
  
}

section.post .post_order:hover {          
	opacity: .8;
}

		.post_order > * {
		    padding: 10px;
		}


section.post .price {
    font-size: 200%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 120%;
    margin: 60px 0;
}


section.post .single_footer {
	padding: 50px 0;
    border-top: 1px solid #6E798D;
}

section.post .single_footer_left {

}

section.post .single_footer_right {
	float:right;
}


section.post .price-price {
    font-size: 250%;     
    font-weight: 600;     
    margin: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    white-space: nowrap;
    transition: .1s ease-in-out;
    color: #121212;
}

 

					section.post .price-price:after {
							content: 'р.';
							font-size: .3em;
							margin-left: 5px;
					}

					section.post .price-price:before {
						 content: 'от';
						font-size: .4em;		
						margin-right: 20px;	
					}

/* //POST SINGLE */


.service_catalog {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}


.service_catalog li {
	border-bottom: 1px solid #CCC;
	padding: 80px 70px 60px 30px;
	flex: 1 500px;
	margin: 0 0px 0 -30px;
	transition: .1s ease-out;
}
.service_catalog li:hover {
	border-color: #EDCF26;
}


.service_catalog li .services_readmore {
	color: #0187ED;
	padding: 10px 0px;
	display: inline-block;
	vertical-align: top;
}


.service_catalog li .services_days {
	padding: 10px 20px 0 0;
	color: #ABABAB;
	font-weight: 300;
	border-radius: 35px;
	float: left;
}
.service_catalog li .services_price {
	float: right;
	padding: 10px 20px;
	border-radius: 35px;
	color: #5C5C5C;
	border: 1px solid #EDCF26;
}


.service_catalog li .services_price span {
	font-size: 120%;
	font-weight: 600;
}

.service_catalog .title {
	color: #0065B3;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.service_catalog .title a:hover {
	opacity:.7;
	filter: alpha(opacity=70);
}

.service_catalog .excerpt {
    width: calc(100% - 200px);
    display: table-cell;
    vertical-align: top;
}

.service_catalog .price {
    text-align: right;
    font-family: 'Roboto Slab', serif;
    min-width: 160px;
    position: absolute;
    bottom: 60px;
    right: 0;
}




.service_catalog .price-price {
    vertical-align: text-bottom;
    font-size: 300%;
    font-weight: 600;
    line-height: 30px;
}

						.service_catalog .price-price:after {
							content: 'р.';
							display: inline-block;
							vertical-align: text-top;
							font-size: .3em;
							margin-left: 5px;
						}


					.service_catalog .price-price:before {
						content:'от ';
						display: inline-block;
						vertical-align: baseline;    font-size: .4em;
						margin-right: 15px;
					}



/* FOOTER */


footer:before {
  z-index: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(images/raster.png);
}

footer {
	background-color: #191817;      
}


		footer section {    
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: -moz-flex;
		  display: -webkit-flex;
		  display: flex;
		  padding-top: 63px;
		  padding-bottom: 100px;
}

		footer .nav-service {
		
		    margin: 0 auto;    
		    margin-bottom: 100px;
		}

		footer .nav-info {
		    margin: 0;
		
}

				footer nav ul {
				    margin: 0;
				    padding: 0;
				    font-size: .96em;
				    letter-spacing: 0.09em;		
                    max-width: 310px;
				}

						footer nav ul li {
						    list-style: none;
						    margin: 15px 0;
						 	clear:both;
						}

						footer nav.nav-info ul li:last-child a {
							color: #2597d9;
						}
												footer nav ul li.current-menu-item a{
													color: #2597d9;
												}


				footer nav a  {
					color: #DBDBDB;
					min-height: 30px;
					padding: 3px 0px;
					letter-spacing: 0.07em;
					transition: all .1s ease-in;
					-moz-transition: all .1s ease-in;
					-webkit-transition: all .1s ease-in;
					-o-transition: all .1s ease-in;
				}
						footer nav a:hover {
								color: #2597d9; 
						}

		footer .order {
		    width: 294px;
    margin: 0;
    line-height: 65px;
    max-height: 65px;
    text-align: center;
    border-radius: 4px;
    float: right;
    color: #FFF;
    font-size: 1.55em;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #068AEF;
    background-image: -webkit- #2597d9 linear-gradient(to bottom, #2f9cda, #2597d9);
    background-image: #2597d9 linear-gradient(to bottom, #2f9cda, #2597d9);
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    font-family: 'Roboto Slab', serif;
		}

				footer .order:hover {
					/* opacity:.9; */
					filter: alpha(opacity=90);
					background-image: -webkit-linear-gradient(180deg, #20751a, #0AAF00);;
					background-image: linear-gradient(180deg, #20751a, #0AAF00);
				} 

		footer .nav__title {
		    color: #6F7A8E;
		    font-weight: 400;
		    font-size: .96em;
		    letter-spacing: 0.04em;
		
		    /* text-align: center; */
} 




		footer .copyright {
		    color: #6F7A8E;
		    font-size: .86em;
		    letter-spacing: 0.06em;
		    background-image: url("images/logo_footer.png");  
		    background-repeat: no-repeat;  
		    background-position: calc(100% - 30px) center;
		    padding: 27px 130px 50px 30px;
		    height: 60px;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    margin: auto;
		    opacity: .7;
		    filter: alpha(opacity=70);
		    -webkit-transition: 1s;
		            transition: 1s;

			 -webkit-flex-direction:  row-reverse;
			flex-direction:  row-reverse;
		
}

		footer:hover .copyright {
			opacity:1;
			filter: alpha(opacity=100);
			color: #CDD8EB;
}

				@media only screen and (min-width: 0px) and (max-width: 560px) {
					footer .copyright {
					
						position: relative;
						padding: 18px 0;
						background-image: none;
						font-size: 70%;
}

				 }





		footer .www{
			color: #6F7A8E;
			  font-size: .86em;
			  letter-spacing: 0.06em;
		
			text-align: right;
			background-position: 100% 5px;
}














/* MODULE MENU BURGER  */


.xmenu {
	display: none;
	height: 30px;
	width: 30px;
	cursor: pointer;
	position: absolute;
	top: 38px;
	padding: 0 20px;
	overflow: hidden;
	z-index: 11;
}

		.x1, .x2, .x3 {
			margin-top: 3px;
			background: #ef4940;
			width: 100%;
			max-width: 30px;
			height: 2px;
			position: absolute;
			-webkit-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			    transform: rotate(-180deg);
			-moz-transform: rotate(-180deg);
			-o-transform: rotate(-180deg);
			transition: .4s all ease-in-out;
			-webkit-transition: .4s all ease-in-out;
			-moz-transition: .4s all ease-in-out;
			-o-transition: .4s all ease-in-out;
			left: 0;
			top: 0;
}

		.x2 {
			margin-top: 13px;
			padding: 0;
			/* height: 2px; */
}
		.x3 {
			margin-top: 23px;
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			    transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-o-transform: rotate(180deg);
		
}

.mobile .xmenu>div {
	background-color:#ef4940;
} 
.mobile .xmenu:hover div {
	background-color: #2597d9;} 

.mobile .xmenu .x3{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	margin-top:13px;
	padding: 0;

}

.mobile .xmenu .x2{
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background: rgba(41, 158, 249, 1);
    height: 0px;
    opacity: 0;
    filter: alpha(opacity=0);

}



.mobile .xmenu .x1{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	margin-top:13px;
	padding: 0;
}



/* //MODULE MENU BURGER  */






















/*  Media Queries */


/* под смартфоны */
@media only screen and (max-width: 880px) and (min-width: 1px) {

.gerbs {display:none;}

.mobile_menu {    
    -webkit-box-pack: start;    
        -ms-flex-pack: start;    
            justify-content: flex-start;
    -webkit-justify-content: flex-start;    
    display: -ms-flexbox;    
    display: -moz-flex;    
    display: -webkit-flex;    
    display: -webkit-box;    
    display: flex;
}

header {
	position:fixed;
	z-index: 1111;
	min-height: 60px;
	background: transparent;
	overflow: hidden;
    height: 71px;
}

header.mobile {  
    min-height: 520px;
    background: #f2f2f2;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.74);
    }

.xmenu {
	display: block;
	right: 30px;
	left: 100%;
	left: initial !important;
	top: 22px;;
}

.mobile header {height:200px}

			header .logo {   
				display: none;    
				opacity: 0;    
				filter: alpha(opacity=0);   
				-webkit-transition: 3s ease;   
				        transition: 3s ease;
			}

			.mobile .header .logo { 
				display: block;  
				top: 20px;
				margin: 0;
			}


			header.mobile .logo {
				opacity:1;
				filter: alpha(opacity=100);
				top: 27px;
			}

			header .logo img {
			/* width:100px; *//* height: initial; */
		}
					header .header {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-flex-direction: column;
						text-align: center;
						padding-top: 0 !important;
						}

							header .order {
								margin:30px auto
							}

							header .top_menu {
								line-height: 400%;
								padding: 0;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-flex-direction: column;
							
								margin-top: 55px;
								z-index: 0;
								}

									header .top_menu ul {
									    -webkit-box-orient: vertical;
									    -webkit-box-direction: normal;
									        -ms-flex-direction: column;
									            flex-direction: column;
									    -webkit-flex-direction: column;
									    font-size: 160%;
									    max-width:100%;
									    -ms-flex-wrap: wrap;
									        flex-wrap: wrap;
									    -webkit-flex-wrap: wrap;
									}
											header .top_menu ul li {
												width:100%;
											}

			section.services,
			 .header_padding,
			 .header_padding .whois {
			 	display:none;
			 	width: 0px;
			 	height: 0px;
			 	visibility: hidden;
			 }


			footer>section {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-flex-direction: column;
				height: 100%;
			}

					footer nav.service {
						display: none;
					}

					footer nav.info {
						font-size: 130%;
						text-align: center;
						  display: -webkit-box;
						  display: -ms-flexbox;
						  display: -moz-flex;
						  display: -webkit-flex;
						  display: flex;
						}

					footer .order {margin: 50px auto;}
					}


/* //FOOTER */


/* CONTACT BLOCK */

.contact_block_container {
	margin: auto;
	top: -6px;
}

.contact_block  {
	text-align: right;
}
	.contact_block .label {
		font-size: 24px;
		font-family: 'Roboto Slab',serif;
	    color: #1D1D1D;
	    padding: 30px 0 20px 0;
	    line-height: 155%;
	    margin: 0;
	    font-weight: 600;
	    clear: both;
	}


footer .contact_block {
	display: none;
}

@media only screen and (min-width: 880px) {

	.contact_block_container {
		margin: 0;
	}

	footer .contact_block {
		display: block;
		text-align: right;
		color: #CCCCCC;
		font-weight: 300;
		font-size: 90%;
		line-height: 180%;
	}

	footer .contact_block .label {
		font-size: 21px;
		color: #D3D3D3;
		padding: 0px 0 10px 0;
		letter-spacing: 0.04em;
	}

 }


/* /CONTACT BLOCK */





/* contact form */

@keyframes formError {
	0% {
		background-color: rgb(239, 5, 5);;
	}
	100% {
		background-color: rgb(255, 255, 255);
	}
}
@-webkit-keyframes formError {
	0% {
		background-color: rgb(239, 5, 5);;
	}
	100% {
		background-color: rgb(255, 255, 255);
	}
}

.form_error {
	transition: .3s ease-in;
	animation: formError 1s;
	-webkit-animation: formError 1s;
}

.contactForm {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.88);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(2);
        transform: scale(2);
    -webkit-transform: scale(2);
	display: none;
    z-index: 3;
}

.contactForm.active {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-transform: scale(1);
	    transform: scale(1);
    -webkit-transform: scale(1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-flex-direction: column;
	border-radius: 0%;
	z-index: 1005;
	width: 100%;
	overflow: hidden;
}

form label {
	color: #FFF;
	display: block;
	margin: auto;
	width: 580px;
	overflow: hidden;
}

.contactForm form {
    margin: auto;
    letter-spacing: 0.08em;
    min-width: 480px;
    max-width: 800px;
    width: 100%;
}

.contactForm input {
	background-color: #FFF;
	padding: 30px;
	border-radius: 3px;
	border: 0;
	margin: 5px auto;
	display: block;
	width: 580px;
	font-size: 100%;
	color: #757575;
	box-sizing: content-box;

}

.contactForm textarea {
	display: block;
	/* padding: 30px; */
	border-radius: 3px;
	border: 0;
	width: 100%;
	margin: 20px auto;
	width: 580px;
	font-size: 100%;
	color: #757575;
	overflow: hidden;
}

.contactForm button {
    border-radius: 3px;    
    border: 0;
    padding: 20px;
    margin: auto;
    width: 580px;
    text-transform: uppercase;
    background-color: #0AAF00;
    color: #FFF;
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    display: block;
}
.contactForm button:hover{
	opacity: .9;
}

.contactForm .orderclose {
    color: #827773;
    cursor: pointer;
    padding: 30px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
}
.contactForm .orderclose.plus {

	color: #FF4900;
	cursor: pointer;
	position: absolute;
	padding: 10px;
	font-size: 2.2em;
	font-weight: 300;
	-webkit-transform: rotate(-495deg);
	-ms-transform: rotate(-495deg);
	transform: rotate(-495deg);
	z-index: 1000;
	width: 50px;
	right: 40px;
	top: -70px;
}

.contactForm .orderclose:hover {
    color: #F2D92C;
	    }

.contactForm .h1,
.contactForm .contactform-label {
	font-size: 200%;
	color: #FFF;
	font-weight: 600;
	margin: 50px 0;
	max-width: 600px;
	text-align: center;
	margin:auto auto 20px auto;
}
.contactForm .h1 > div {
	    font-weight: 300;
}

/* CONTACT PAGE */

.contactpage {
    /* max-width: 420px; */
    margin: 40px 0;
    display: table;
}
.contactpage__contact {
    display: table-cell;
    width: 50%;
    padding-right: 30px;
}
.contactpage__form {
    float: left;
    display: table-column;
}

.contactpage__form__about {
    margin: 20px 10px;
}

.contactpage__form__about label {
	color: #272727;
}


.contactpage__form__label {
    margin-bottom: 20px;
}
.contactpage__form__label--check {
    margin: 10px 0;
    font-size: 80%;
}
.contactpage__form label {
    display: block;
}
.contactpage__form label>input {
    width: 20px;
}

.contactpage__form input {
    width: 49%;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ECECEC;
    margin: 5px 0;
}
.contactpage__form input:focus {
    /* outline: 3px solid rgba(48, 162, 251, 0.25); */
    /* outline-offset: -3px; */
    /* outline-style: groove; */
}


.contactpage__form textarea {
    width: 99%;
    border-radius: 3px;   border: 1px solid #ECECEC;   margin: 5px 0;
    padding: 10px;
    height: 150px;
}





/* //CONTACT PAGE */






/* 404 style */
	.page404 {
		text-align: right;
		background-image: url(images/index_03.jpg);
		background-size: cover;
		height: 100%;
		position: absolute;
		max-width: 100%;
		color: #FFF;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;

	}



		    .page404 h1 {
		    	margin-top: auto;
		    	color: #FFF;
		    	text-shadow: 1px 1px 1px #000, -1px -1px 100px #FFF;
			}

			.page404 .text {
				margin: auto 0 auto auto;
			}

			.page404 .text a {
				
				color: #FFBF00;
			}





/* front page icons set */
@media only screen and (min-width: 0px) {

	ol.index li {
		width:100%;
	}


 }

@media only screen and (min-width: 580px)  {
	ol.index li {
		width:50%;
	}
}


@media only screen and (min-width: 780px)  {

	ol.index li {
		width:33%;
	}

 }

@media only screen and (min-width: 780px) {

	ol.index li {
		width:33%;
	}

 }

@media only screen and (min-width: 1040px)  {

	ol.index li {
		width:25%;
	}

 }
/* // front page icons set */

.bank, .karta, .sberonline, .koshelek {
    width: 25%;
    float: left;
    text-align: center;
}
.onepate {
    margin: 40px auto;
    display: block;
    float: right;
    font-weight: 500;
}


/* адаптивка для дексктопов */

@media only screen and (max-width: 880px) { 
.fucks {
    margin-top: 50px;
}
.onelog, .twolog, .freelog {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.prostospan {
    text-align: center;
    float: left;
    margin-left: 25px;
    margin-right: 50px;
    margin-bottom: 30px;
}
    .bank, .karta, .sberonline, .koshelek {
    width: 50%;
    float: left;
    text-align: center;
}
.onepate {
    margin: 40px auto;
    display: block;
    float: none;
    font-weight: 500;
}
	.deshevle {
		visibility: hidden;
	}

	.services .info .readmore {
		width:200px !important;
	}

	.header_padding { display:none}
	.services {
		  height: calc(100vh - 100px);
	}


				.xmenu {
					display: block;
					right: 30px;
				}
				.mobile .xmenu {
					border-radius: 0;
				
				}

				.header {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important; 
					-webkit-flex-direction: column !important;
					text-align: center;
					padding: 30px 0 !important;
				}


			header .logo {margin: 0 0 0 30px; width: 100%;}
						header .logo img {margin: auto;}
						header .order {
					    margin: 20px auto;
                        max-width: 240px;
                        padding: 11px;
					}
	header .mailtol a{
		display: block;
		color: #333;
		text-decoration: underline;
		font-size: 12px;}
	header .phone sub {
	position: absolute;
    top: -14px;
    /* right: 120px; */
    right: 20px;
    font-size: 10px;
    color: #9a9a9a;
}
    header .priemzakazov {
    display: block;
    float: none; 
    margin-top: 6px;
    font-weight: 600;
    font-size: 10px;
    }
    header .info .v, header .info .w {
    float: left;
    text-align: center;
    font-size: 13px;
    margin-left: -3px;
    font-weight: 500;
    margin-bottom: 12px;
}

					header .top_menu {
						padding: 20px 0;
						text-align: center;
						-webkit-justify-content: space-around;
						    -ms-flex-pack: distribute;
						        justify-content: space-around;
						margin-top: 30px;
						opacity:0;
						filter: alpha(opacity=0);
						-webkit-transition:.0s;
						        transition:.0s;
					}
					.mobile .top_menu {
						margin: 20px 0 0 0 !important;
						opacity:1;
						filter: alpha(opacity=100);
						-webkit-transition:.3s;
						        transition:.3s;

					}

						
							header .top_menu li {
								line-height: 20px; 
								width: 100vw;
								display: block;
							}



			footer section {
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				    -ms-flex-direction:column;
				        flex-direction:column;
				-webkit-flex-direction: column;
				padding-bottom: 0;
			}

			footer {
				min-height: 100vh;
				height: calc(100vh + 100px);
				overflow: hidden;
			}

				footer section .order {
					margin: 0 auto auto;
				}
				
			footer nav.info {
				margin:30px 0 ;
			
			}
				
						footer nav.info ul #menu-footer_menu_info {
						    display: -webkit-box;
						    display: -ms-flexbox;
						    display: flex;   
						    -webkit-display: -webkit-box;   
						    -webkit-display: -webkit-flex;   
						    -webkit-box-orient: horizontal;   
						    -webkit-box-direction: normal;   
						        -ms-flex-direction: row;   
						            flex-direction: row;
						    -webkit-flex-direction: row;
						    -ms-flex-line-pack: inherit;
						        align-content: inherit;
						    -webkit-align-content: inherit;
						    -ms-flex-wrap: wrap;
						        flex-wrap: wrap;
						    -webkit-flex-wrap: wrap;
						    padding-left: 30px;
						    text-align: left;
						}

								footer nav li {
									margin: 0 !important;
								}


	footer .nav-service {
		margin: 0 0 auto 0;;
	}

	.nav-info {
		margin: 0 auto auto auto !important;
		width: 100%;
	}

	.nav__title {
		margin-bottom: 20px;
	}

	#menu-footer_menu_info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
			#menu-footer_menu_info li {
				width: 50%;
				padding: 15px 20px 10px 0px;
	}

	#menu-footer_menu_service {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	
	}
			#menu-footer_menu_service li {
				padding: 15px 20px 10px 0px;
				min-width: 25%;
				max-width: 50%;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				-webkit-flex: 1 1 50%;
				    -ms-flex: 1 1 50%;
				        flex: 1 1 50%;
			}



}



/* под планшеты */
@media only screen and (max-width: 780px) and (min-width: 580px) {
.fucks {
    margin-top: 50px;
}
.onelog, .twolog, .freelog {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.prostospan {
    text-align: center;
    float: left;
    margin-left: 25px;
    margin-right: 50px;
    margin-bottom: 30px;
}

.bank, .karta, .sberonline, .koshelek {
    width: 50%;
    float: left;
    text-align: center;
}
    .onepate {
    margin: 40px auto;
    display: block;
    float: none;
    font-weight: 500;
}
		.services .s_bg {
			-webkit-transform:none !important;
			    -ms-transform:none !important;
			        transform:none !important;
		}
			.xmenu {}
			.header {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-flex-direction: column;
				text-align: center;
			}

					header .order {}
					header .top_menu {margin:0}
							header .top_menu ul {padding: 0;}
							header .top_menu ul li {margin: auto;}

			footer section {
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				    -ms-flex-direction:column;
				        flex-direction:column;
				-webkit-flex-direction: column;
				/* min-height: 100vh; */
			}
				
				
			footer nav.info {
				margin:30px 0 ;
			}

					footer nav li {
						/* float:left; */
						/* margin: 0 20px 20px 15px; */
						/* list-style-type: decimal-leading-zero; */
						/* width: 42%; */
					}

		.services .menu ul li {
			width: 220px;
			overflow: hidden;
		}
				.services .menu ul li a {

				}
				.services .info h2 {
				    font-size: 26px;
				}
				.services .info p {
					font-size: 16px;
				}


				.services .info .price {
				    margin: auto auto 30px auto;
				    font-size: 4.4em;
				}


}


/*  iphones */

@media only screen and (max-width: 480px) {

	section {
		padding: 10px;
	}

	footer {
		height: 800px;
		min-height: 800px;
	}

	footer .order {
		width: 200px;
	}

	ol.features_footer {
		margin: 20px 10px;
	}

	
	ol.features_footer li {
		margin: 10px 0;
	}
	ol.features_footer li svg {
		float: none !important;
		margin: auto !important;
		display: block;
	}

}

/* *********************************** */








/* ANIMATION */

@-webkit-keyframes bright {
	0% {-webkit-filter:brightness(.9)}
	19% {-webkit-filter:brightness(.9)}
	20% {-webkit-filter:brightness(1)}
	21% {-webkit-filter:brightness(.6)}
	22% {-webkit-filter:brightness(.9); }
	25% {-webkit-filter:brightness(1)}
	26% {-webkit-filter:brightness(.7)}
	27% {-webkit-filter:brightness(.9); }
	40% {-webkit-filter:brightness(.9)}
	41% {-webkit-filter:brightness(.9); }
	42% {-webkit-filter:brightness(.8); }
	47% {-webkit-filter:brightness(.9)}
	48% {-webkit-filter:brightness(.6)}
	49% {-webkit-filter:brightness(.9); }
	70% {-webkit-filter:brightness(.9)}
	71% {-webkit-filter:brightness(.7); }
	72% {-webkit-filter:brightness(.9); }
	73% {-webkit-filter:brightness(.8); }
	77% {-webkit-filter:brightness(.9); }
	87% {-webkit-filter:brightness(.9)}
	88% {-webkit-filter:brightness(1); }
	89% {-webkit-filter:brightness(.9); }
	90% {-webkit-filter:brightness(1); }

}
@keyframes bright {
	0% {-webkit-filter:brightness(.9)}
	19% {-webkit-filter:brightness(.9)}
	20% {-webkit-filter:brightness(1)}
	21% {-webkit-filter:brightness(.6)}
	22% {-webkit-filter:brightness(.9); }
	25% {-webkit-filter:brightness(1)}
	26% {-webkit-filter:brightness(.7)}
	27% {-webkit-filter:brightness(.9); }
	40% {-webkit-filter:brightness(.9)}
	41% {-webkit-filter:brightness(.9); }
	42% {-webkit-filter:brightness(.8); }
	47% {-webkit-filter:brightness(.9)}
	48% {-webkit-filter:brightness(.6)}
	49% {-webkit-filter:brightness(.9); }
	70% {-webkit-filter:brightness(.9)}
	71% {-webkit-filter:brightness(.7); }
	72% {-webkit-filter:brightness(.9); }
	73% {-webkit-filter:brightness(.8); }
	77% {-webkit-filter:brightness(.9); }
	87% {-webkit-filter:brightness(.9)}
	88% {-webkit-filter:brightness(1); }
	89% {-webkit-filter:brightness(.9); }
	90% {-webkit-filter:brightness(1); }
}




/* arrow down */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  width: 15px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/* //arrow down */

/*   ANIMATION   */



/* scroll to top */

.scrollToTop{
	padding: 30px;
	line-height: 10px;
	color: #BDBBB9;
	position: fixed;
	bottom: 135px;
	left: 10px;
	border-radius: 50%;
	background-color: rgba(122, 122, 122, 0.13);
	text-align: center;
	font-weight: 900;
}

.scrollToTop:hover
{
	color: #F2D92C;
}


@media only screen and (max-width: 480px) {
	.scrollToTop{
		padding: 10px;		
		bottom: 75px;
	}

.onepate {
    margin: 40px auto;
    display: block;
    float: none;
    font-weight: 500;
}
.fucks {
    margin-top: 50px;
}
.onelog, .twolog, .freelog {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.prostospan {
    text-align: center;
    float: left;
    margin-left: 25px;
    margin-right: 50px;
    margin-bottom: 30px;
}
}

/*price table*/


.priceheader {
	text-align: center; font-size: 210%; padding: 60px;
}
.priceheader u {
	border-bottom: 1px solid #ecc800; font-weight: 600;
}



.pricetable {
	width: 340px;
	height: 70px;
	margin: auto;
	line-height: 65px;
	max-height: 65px;
	text-align: center;
	border-radius: 4px;
	color: #FFF;
	font-size: 1.85em;
	font-weight: 400;
	letter-spacing: 0.1em;
	background-image: linear-gradient(180deg, #20751a, #0AAF00);
	cursor: pointer;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	/*it is a button*/
}
.pricetable:hover {
	opacity: .9;
}

table.price {
    width: 100%;
    line-height: 150%;
    font-size: 90%;
    background: rgba(255, 255, 255, 0);
}

table.price tfoot:last-child th {
	padding: 40px;
}

table.price thead {

}
table.price thead:before {
    content: '';
    display: table;
    height: 20px;
    width: 100%;
    clear: both
}
table.price thead th {
	color: #4A4A4A;
	font-weight: 400;
	font-size: 85%;
	font-family: 'Roboto Slab',serif;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	background-color: #f1f1f1;
}

table.price td,
table.price th {
    vertical-align: middle;
    padding:10px;
 
}

table .price_thead tr {
	background-color: #E6E6E6;
}


table .price-header {
	background-color: #e6e6e6;
}

table .h {
    color: #1B1B1B;
    font-size: 14px;
    text-align: left;
    padding: 0;
    font-weight: 600;
}


table .price-section-in {
	transition: .1s ease-out;
	outline: 1px solid rgba(185, 185, 185, 0.45);
	outline-offset: -2px;
	background-color: white;
}

table .price-section-in.active {
	background-color: rgb(252, 255, 243) !important
}
table .price-section-in:hover{
	background-color: rgb(230, 230, 230) !important
}

table .price-section-in-excerpt {
	background: rgba(255, 255, 255, 0);
}

table .price-section-in:nth-child(2n) {
}

table .price-section-in:nth-child(2n+1) {
    
}

table .price-section-in th {
	text-align: left;
}

table tr.price-section-open a {
	text-decoration: underline;
}

table .price-section-end {
	height: 20px;
	background-color: #FFF;
}

.price-section-hot {
	text-align: center;
	margin: 10px 0;
	padding: 40px;
	line-height: 90px;
	outline: 1px solid #F00;
	outline-offset: -2px;
}

table .price-section-in-days {
	text-align: center;
}

table .price-section-in-price {
	font-weight: 300;
	white-space: nowrap;
	text-align: center;
	font-size: 120%;
}
table .price-section-in-price span {
	font-weight: 500;
}
.price-section-in .price-section-in-num {
	text-align: center;
	color: #336CAE;
	text-decoration: underline;
}
.price .price-section-excerpt {
	padding: 0px 30px 20px 10px;
	line-height: 160%;
}
.price .price-section-excerpt p {
	padding:0;
}

.price-section-more {
	float: left;
	color: #57b051;
	text-decoration: underline;
}

.price .price-section-more svg {
	display: inline-block;
	vertical-align: bottom;
	float: left;
	height: 20px;
	fill: #57b051;
	margin-right: 5px;
	display: none;
}

.price .price-section-more:active svg,
.price .price-section-more:active,
.price-section-open:active a {
	fill: #edce24;
	color:#edce24;
}

.price .price-section-open {
	cursor: pointer;
}

.price .price-section-in:hover tr{
    background-color: rgba(255, 255, 255, 0.41);
}



@media only screen and (max-width: 480px) {
	.price-section-in{
		font-size: 80%;
	}
	table.price td, table.price th {
		padding: 5px !important;
	}
	.price_thead {
		font-size: 70%;
	}

	thead.price_thead th,
	thead.price_thead td {
		padding: 0px !important;
	}
.bank, .karta, .sberonline, .koshelek {
    width: 100%;
    float: left;
    text-align: center;
}
}


/* news articles */

section.newsart {
	padding: 0;
	margin: auto;
	background-color: #f7f7f7;
	max-width: 100%;
}
section.newsart section {
    padding: 20px 0 0px;
}

.newsart {
	margin: 0;
	display:flex;
}

.newsart li {
	margin: 0 3px;
    padding: 10px 20px;
	flex: 1 30%;
	background-color: white;
}

.excerpt {
	display: block !important;
	width: 100% !important;
}

.newsart .excerpt .title {
	font-size: 14px;
	margin: 0;
	text-align: center;
}

.newsart .excerpt .date {
	font-size: 11px;
	position: absolute;
	color: #a9aaae;
	top: -20px;
}

.newsart .excerpt .image {
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.newsart .excerpt .image img {
	height: 120px;
	width: auto;
	flex: 1;
	object-fit: scale-down;
}
.newsart .excerpt .text {}
.newsart .excerpt .readmore {}

.newbut{
	margin-bottom: 70px !important; 
	display: block !important;
}

.newd {
    width: 550px !important;
}

.gerbs {
	display: flex;
	flex-direction: row;
	flex: 1;
	align-items: center;
	width: 100%;
	justify-content: center;
}

.gerbs .rf, .gerbs .minkomsvyaz, .gerbs .roskomnadzor {
	opacity: 0.5;
}
.gerbs .rf:hover, .gerbs .minkomsvyaz:hover, .gerbs .roskomnadzor:hover {
	opacity: 1;
	cursor: pointer;
}
/*Popup attention*/
/* Стили для затемнения фона */
.popup-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
 
/* Основные стили для всплывающего окна */
.popWindow{
  display: none;
  background-color: #e2e2e2;
  color: #767676;
  width: 90%;
  max-width: 720px;
  padding: 40px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -185px;
  text-align: center;
  box-shadow: 0 0 30px rgba(18, 17, 12, 0.5);
}
/* Стили для адаптивности всплывающего окна */
@media only screen and (max-width : 800px) {
  .popWindow {
    margin-left: -45%;
  }
}
/* Кнопка закрыть всплывающее окно */
.close-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  line-height: 20px;
  cursor: pointer;
  color: #999;
  padding: 10px;
}
/* Просто текст */
.subscribe_window .subcsribe-text {
  font-size: 18px;
  text-align: center;
  /*text-transform: uppercase;*/
  color: #9D9D9D;
  margin: 0 0 40px;
  position: relative;
  padding: 0 50px;
  z-index: 10;
 /* font-weight: bold;*/
}
/* Текст */
.subscribe_window .req-fields {
  color: #9D9D9D;
  text-align: left;
}
.subscribe-text-bold{
  color: #9D9D9D;  
  font-weight: bold
}
/* Стили формы */
.subscribe-form {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  color: #f90202;
  font-weight: bold;
}
.subscribe-form div {
  position: relative;
}
.subscribe-form input {
  border: 1px solid #3d3d3d;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 32px;
  padding: 5px 20px;
  margin-bottom: 20px;
  outline: none;
  background: #2e2e2b;
  color: #fff;
  border-radius: 4px;
}
.btn {
  color: #161613;
  background-color: #ffba00;
  padding: 10px 50px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #ffba00;
  box-shadow: none;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn:hover, .btn:focus {
  background-color: #ffba00;
  color: #fff;
  text-decoration: none;
}
.subscribe-form .btn {
  font-size: 24px;
  line-height: 54px;
  border: none;
  width: 100%;
  padding: 10px;
  font-weight: 700;
  text-align: center;
  outline: none;
  border-radius: 4px;
}
.subscribe-form .btn:hover {
  background-color: #e6a700;
}
.subscribe-form .btn i {
  font-size: 28px;
  margin-right: 7px;
}
.subscribe-form label {
  color: #fff;
  position: absolute;
  top: 12px;
  left: 20px;
  -webkit-transition: 0.28s;
  transition: 0.28s;
}
.subscribe-form label span {
  color: #ffba00;
}
.subscribe-form input:focus + label {
  left: -62px;
  font-size: 12px;
}
.subscribe-form input:invalid {
  box-shadow: none;
}
.subscribe-form input:valid {
  border: 1px solid #161613;
}
.subscribe-form input:valid + label {
  left: -62px;
  font-size: 12px;
}
.subscribe-form input:invalid:not(:focus):not(:placeholder-shown) {
  border: 1px solid #d3362a;
}
.subscribe-form input:invalid:not(:focus):not(:placeholder-shown) + label {
  left: -62px;
  font-size: 12px;
}
@media only screen and (max-width : 480px) {
  .subscribe_window{
    top: 10%;
    margin-top: 0;
  }
  .subscribe_window .subcsribe-text{
    padding: 0;
  }
  .subscribe-form input:focus + label{
    left: 20px;
    top: -18px;
  }
  .subscribe-form input:valid + label{
    left: 20px;
    top: -18px;
  }
  .subscribe-form input:invalid:not(:focus):not(:placeholder-shown) + label{
    left: 20px;
    top: -18px;
  }
}
 
/* Стили для текста внутри благодарственного окна после успешной отправки */
.thank_you_window .thank_you_title {
  font-family: "Titillium Web", sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 10px;
}
.thank_you_window .thank_you_body {
  font-family: "Titillium Web", sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}
/*End popup attention*/

/*стили test*/
 {
	box-sizing: border-box;
	}
	/* body {
	background: #f5f5f5;
	margin: 0;
	font:14px/1.3 'Roboto',Helvetica,sans-serif;
	} 
	h1,
	h2 {
	font-weight: 300;
	margin: 0 0 1rem 0;
	}
	a {
	text-decoration: none;
	color: #72dea0;
	}
	a:hover {color: #82eaae}
	header {
	padding: 7vh 10vw;
	background: #61a0c5;
	
	} */
	header h1 {
	color: rgba(0,0,0,0.8);
	}
	/* .info {
	background: #000000;
	padding: 3vh 10vw;
	color: #d9d9d9;
	text-align: center;
	} */
	 
	/*МОДАЛЬНОЕ ОКНО test*/
	#bg_popup{
	position: fixed;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	}
	   
	#popup {
	background:#fff;
	width: 350px;
	margin: 50px auto;
	padding: 40px;
	position: relative;
	}
	   
	.close{
	display:block;
	position:absolute;
	top:25px;
	right:5px;
	width:25px;
	height:25px;
	color:#000000;
	cursor:pointer;
	} 
/* / стили demo страницы test*/