/* MEDIA CSS niges.ru */


@media screen and (min-width:1px) and (max-width:1500px){


		/* ================================== (SLIDER 1-1500) ================================== */
				/*Визитки 0*/
				.slides-gs-img-0 .layer-1 {background-image:url('../img/slider-gs/s/s0-l1.png'); }
				.slides-gs-img-0 .layer-2 {background-image:url('../img/slider-gs/s/s0-l2.png'); }
				.slides-gs-img-0 .layer-3 {background-image:url('../img/slider-gs/s/s0-l3.png'); }
				
				/*Листовки 1*/
				.slides-gs-img-1 .layer-1 {background-image:url('../img/slider-gs/s/s1-l1.png'); }
				.slides-gs-img-1 .layer-2 {background-image:url('../img/slider-gs/s/s1-l3.png'); }
				.slides-gs-img-1 .layer-3 {background-image:url('../img/slider-gs/s/s1-l4.png'); }
				
				/*Календари 2*/
				.slides-gs-img-2 .layer-1 {background-image:url('../img/slider-gs/s/s2-l1.png'); }
				.slides-gs-img-2 .layer-2 {background-image:url('../img/slider-gs/s/s2-l2.png'); }
				.slides-gs-img-2 .layer-3 {background-image:url('../img/slider-gs/s/s2-l3.png'); }
				
				/*Книги 3*/
				.slides-gs-img-3 .layer-1 {background-image:url('../img/slider-gs/s/s3-l1.png'); }
				.slides-gs-img-3 .layer-2 {background-image:url('../img/slider-gs/s/s3-l2.png'); }
				.slides-gs-img-3 .layer-3 {background-image:url('../img/slider-gs/s/s3-l3.png'); }
				
				/*Бланки 4*/	
				.slides-gs-img-4 .layer-1 {background-image:url('../img/slider-gs/s/s4-l1.png'); }
				.slides-gs-img-4 .layer-2 {background-image:url('../img/slider-gs/s/s4-l2.png'); }
				.slides-gs-img-4 .layer-3 {background-image:url('../img/slider-gs/s/s4-l3.png'); }				
				
				/*Упаковка 5*/
				.slides-gs-img-5 .layer-1 {background-image:url('../img/slider-gs/s/s5-l1.png'); }
				.slides-gs-img-5 .layer-2 {background-image:url('../img/slider-gs/s/s5-l2.png'); }
				.slides-gs-img-5 .layer-3 {background-image:url('../img/slider-gs/s/s5-l3.png'); }
				
				/*Сувенирка 6*/
				.slides-gs-img-6 .layer-1 {background-image:url('../img/slider-gs/s/s6-l1.png'); }
				.slides-gs-img-6 .layer-2 {background-image:url('../img/slider-gs/s/s6-l2.png'); }
				.slides-gs-img-6 .layer-3 {background-image:url('../img/slider-gs/s/s6-l3.png'); }
				
				/*Векторная графика 9>7*/ 
				.slides-gs-img-7 .layer-1 {background-image:url('../img/slider-gs/s/s9-l1.png'); }
				.slides-gs-img-7 .layer-2 {background-image:url('../img/slider-gs/s/s9-l2.png'); }
				.slides-gs-img-7 .layer-3 {background-image:url('../img/slider-gs/s/s9-l3.png'); }

				/*Баннеры (Логотипы) 8*/
				.slides-gs-img-8 .layer-1 {background-image:url('../img/slider-gs/s/s7-l1.png'); }
				.slides-gs-img-8 .layer-2 {background-image:url('../img/slider-gs/s/s7-l2.png'); }
				.slides-gs-img-8 .layer-3 {background-image:url('../img/slider-gs/s/s7-l3.png'); }

				/*Логотипы (Баннеры) 7>9*/
				.slides-gs-img-9 .layer-1 {background-image:url('../img/slider-gs/s/s8-l1.png'); }
				.slides-gs-img-9 .layer-2 {background-image:url('../img/slider-gs/s/s8-l2.png'); }
				.slides-gs-img-9 .layer-3 {background-image:url('../img/slider-gs/s/s8-l3.png'); }	

				/*Фирменный стиль 10*/ /* ЗАГЛУШКА */
				.slides-gs-img-10 .layer-1 {background-image:url('../img/slider-gs/s/sn-l3.png'); }
				.slides-gs-img-10 .layer-2 {background-image:url('../img/slider-gs/s/sn-l2.png'); }
				.slides-gs-img-10 .layer-3 {background-image:url('../img/slider-gs/s/sn-l1.png'); }
			
				/*Презентации 11*/
				.slides-gs-img-11 .layer-1 {background-image:url('../img/slider-gs/s/s11-l1.png'); }
				.slides-gs-img-11 .layer-2 {background-image:url('../img/slider-gs/s/s11-l2.png'); }
				.slides-gs-img-11 .layer-3 {background-image:url('../img/slider-gs/s/s11-l3.png'); }

				/*Иконки 12*/
				.slides-gs-img-12 .layer-1 {background-image:url('../img/slider-gs/s/s12-l1.png'); }
				.slides-gs-img-12 .layer-2 {background-image:url('../img/slider-gs/s/s12-l2.png'); }
				.slides-gs-img-12 .layer-3 {background-image:url('../img/slider-gs/s/s12-l3.png'); }		

				/*Инфографика 13*/ /* ЗАГЛУШКА */
				.slides-gs-img-13 .layer-1 {background-image:url('../img/slider-gs/s/sn-l3.png'); }
				.slides-gs-img-13 .layer-2 {background-image:url('../img/slider-gs/s/sn-l2.png'); }
				.slides-gs-img-13 .layer-3 {background-image:url('../img/slider-gs/s/sn-l1.png'); }

				/*Дизайн сайтов 14*/ /* ЗАГЛУШКА */
				.slides-gs-img-14 .layer-1 {background-image:url('../img/slider-gs/s/sn-l3.png'); }
				.slides-gs-img-14 .layer-2 {background-image:url('../img/slider-gs/s/sn-l2.png'); }
				.slides-gs-img-14 .layer-3 {background-image:url('../img/slider-gs/s/sn-l1.png'); }
		
				/*3D Моделирование 15*/
				.slides-gs-img-15 .layer-1 {background-image:url('../img/slider-gs/s/s15-l1.png'); }
				.slides-gs-img-15 .layer-2 {background-image:url('../img/slider-gs/s/s15-l2.png'); }
				.slides-gs-img-15 .layer-3 {background-image:url('../img/slider-gs/s/s15-l3.png'); }				

				/*3D визуализация 16*/ /* ЗАГЛУШКА */
				.slides-gs-img-16 .layer-1 {background-image:url('../img/slider-gs/s/sn-l3.png'); }
				.slides-gs-img-16 .layer-2 {background-image:url('../img/slider-gs/s/sn-l2.png'); }
				.slides-gs-img-16 .layer-3 {background-image:url('../img/slider-gs/s/sn-l1.png'); }

				/*3D анимация 17*/ /* ЗАГЛУШКА */
				.slides-gs-img-17 .layer-1 {background-image:url('../img/slider-gs/s/sn-l3.png'); }
				.slides-gs-img-17 .layer-2 {background-image:url('../img/slider-gs/s/sn-l2.png'); }
				.slides-gs-img-17 .layer-3 {background-image:url('../img/slider-gs/s/sn-l1.png'); }

				/*Чертежи 18*/
				.slides-gs-img-18 .layer-1 {background-image:url('../img/slider-gs/s/s18-l1.png'); }
				.slides-gs-img-18 .layer-2 {background-image:url('../img/slider-gs/s/s18-l2.png'); }
				.slides-gs-img-18 .layer-3 {background-image:url('../img/slider-gs/s/s18-l3.png'); }		
		
				/*сметы 19*/
				.slides-gs-img-19 .layer-1 {background-image:url('../img/slider-gs/s/s19-l1.png'); }
				.slides-gs-img-19 .layer-2 {background-image:url('../img/slider-gs/s/s19-l2.png'); }
				.slides-gs-img-19 .layer-3 {background-image:url('../img/slider-gs/s/s19-l3.png'); }



}




@media screen and (min-width:522px){
		.seo-col { background-size: 100% 270px;}
		.seo-col p {height: 155px; transition: all .3s ease;}
		.smm-col p {height: 177px; transition: all .3s ease;}
		.ittclass p {height:0px;overflow:hidden;opacity: 0;}

}












@media screen and (min-width:1px) and (max-width:521px){
	body {min-width: 300px;overflow-x: hidden;}

    

	.forpc {display: none;}
	.formob {display: block;}



	h2, h2 a { font-size: 28px; }
	h2 a.title-a span {  display: none !important; }

	.btn { padding: 12px 33px 10px !important;  }

	.pc-text {display:none;}


	.box { width: 100%; }
	#contentload {padding-top: 52px;}

	.prim {font-size: 12px;}


	/* ================================== (HEADER 1-521) ================================== */
	header { position: fixed; height: 65px; }
	header, section, footer { width: 100%; }
	.mob-menu:before {content: '';    position: absolute;    display: block;    z-index: 27;    height: 54px;    background: linear-gradient(to right, #a500c4, #6a00d3);    background: linear-gradient(to right, #8b00c4, #4700d3);   width: 100%; box-shadow: 0px 3px 10px #00000033;}
	.fixmenu {opacity: 1 !important; position: relative; display: block !important; }
	 
   
	.fixmenu-logo {opacity: 1 !important; width: 155px !important;  margin-left: 20px !important; z-index: 55;  position: relative; }

	.fixmenu .s-header-1 { background: none; position: absolute; }
	.fixmenu .h-line-1 .logo a { width: 141px; height: 38px; margin-top: 5px; background: url(../img/logo-fixmenu.png) no-repeat; background-size: cover; }
	.fixmenu .h-line-1 .logo:after {display: none;}

	.fixmenu .h-line-2 nav { display: block;  position: fixed;    background: #443c4c75;  background: rgba(41, 171, 164, 0.7); background:none; 
		transition: all 0.35s ease;   transition-property: background, opacity;  
		margin-top: 23px; padding-top: 35px;  float: right;    right: 0px;    width: 100%;   height: 100%;    opacity: 0; z-index: 9;
	}
	/*
	.fixmenu .h-line-2 nav:before {content: '';    display: block;    position: absolute;    z-index: 33;    width: 100%;    height: calc(100% + 150px);    margin-top: -150px;    
	background: rgba(41, 171, 164, 0.7); transition: all 0.35s ease;   transition-property: background, opacity; }
 	*/

 	.fixmenu .h-line-2 nav:before {content: '';    display: block;    position: absolute;    z-index: 33;    width: 100%;    height: calc(100% + 150px);    margin-top: -150px;    
	/*background: rgb(41, 171, 164); opacity:0.7; */ background: rgb(14, 6, 37); opacity:1;  transition: all 0.35s ease;   transition-property: background, opacity; }


	.fixmenu .h-line-2 ul { margin-left: 15px; margin-right: 82px;     z-index: 55;     position: relative; width: calc(100% - 111px); /*min-height: 350px;*/  height: 350px; }
	.fixmenu .h-line-2 ul li { float: left !important;  display: block; padding: 5px; margin-right:0px !important; width: 100%;}
	.fixmenu .h-line-2 ul li a { display: block !important; min-width: 170px; width: calc(100% - 46px); height: 54px; background-color: rgba(0, 0, 0, 0.33); color:#fff !important; border: 2px solid #fff; line-height: 56px;  padding: 1px 21px 0px !important; margin-bottom: 0px; border-radius: 55px;  font-size: 17px;  word-spacing: 0.2em;  text-transform: uppercase; letter-spacing: 1px; }







	
	





	.btnmenu { display: none; float: right;    height: 30px;    width: 42px;   padding: 12px 20px; cursor:pointer; }
	.btnmenu span { display: block; border-radius: 2px; width: 43px; height: 6px; background: #fff;  transition: all .35s cubic-bezier(0.24, 0.08, 0.42, 1.61);}
	.btnmenu span:nth-child(1) {   margin-top: 0px; }
	.btnmenu span:nth-child(2) {   margin-top: 6px; }
	.btnmenu span:nth-child(3) {   margin-top: 6px; }

	.openmenu span:nth-child(1) { margin-top: 12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.openmenu span:nth-child(2) { height: 0px; margin-top: 0px; opacity: 0 }
	.openmenu span:nth-child(3) { margin-top: -6px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	 

	.moblistmenu { opacity: 0; /*overflow: hidden; height: 0%;*/}
	.openmoblistmenu {display: block !important; opacity:1; }





	.fixmenu-contacts {      width: 82px !important;     height: 255px !important;      z-index: 53;  position: relative;     margin-top: -34px; }
	.fixmenu-contacts span, .fixmenu-contacts a {    border: 2px solid #fff;    border-radius: 55px; margin: 39px 10px 5px 0px;  background-color: rgba(0, 0, 0, 0.33) !important; transition: all .55s cubic-bezier(0, 0.21, 0.23, 1.31) !important; }
	.moblistmenu .fixmenu-contacts span.feedback {    margin-top: -75px;   transition-delay: 0.15s !important; }
	.openmoblistmenu .fixmenu-contacts span.feedback {    margin-top: 39px; opacity: 1 !important;  background-color: rgba(0, 0, 0, 0.33) !important;  }
	.moblistmenu .fixmenu-contacts span.phone, .moblistmenu .fixmenu-contacts a.phone {    margin-top: -150px;   transition-delay: 0.25s !important; }
	.openmoblistmenu .fixmenu-contacts span.phone, .openmoblistmenu .fixmenu-contacts a.phone {    margin-top: 5px;   opacity: 1 !important;  background-color: rgba(0, 0, 0, 0.33) !important;  }


	.topmenu, #sectiontop { display: none !important }
	.btnmenu { display: block; z-index: 55; position: relative; }


/* */
		.fixmenu .h-line-2 nav.moblistmenu {   margin-top: -250% !important; } 
		/*.fixmenu .h-line-2 nav.openmoblistmenu {   margin-top: 53px !important; }*/
		.fixmenu .h-line-2 nav.move-it {   margin-top: 53px !important; }

		.fixmenu .moblistmenu ul li { opacity: 0; transition: all 0.5s cubic-bezier(0, 0.21, 0.23, 1.31) !important; } 
		.fixmenu .openmoblistmenu ul li { opacity: 1; } 
		.fixmenu .moblistmenu ul li:nth-child(1) { margin-top: -125px;  transition-delay: 0.05s !important;}
		.fixmenu .openmoblistmenu ul li:nth-child(1) { margin-top: 0px;  }
		.fixmenu .moblistmenu ul li:nth-child(2) { margin-top: -100px;  transition-delay: 0.10s !important;}
		.fixmenu .openmoblistmenu ul li:nth-child(2) { margin-top: 0px;  }
		.fixmenu .moblistmenu ul li:nth-child(3) { margin-top: -75px;  transition-delay: 0.15s !important;}
		.fixmenu .openmoblistmenu ul li:nth-child(3) { margin-top: 0px;  }
		.fixmenu .moblistmenu ul li:nth-child(4) { margin-top: -50px;  transition-delay: 0.20s !important;}
		.fixmenu .openmoblistmenu ul li:nth-child(4) { margin-top: 0px;  }
		.fixmenu .moblistmenu ul li:nth-child(5) { margin-top: -25px;  transition-delay: 0.3s !important;}
		.fixmenu .openmoblistmenu ul li:nth-child(5) { margin-top: 0px;  }

		.fixmenu .h-line-2 nav.moblistmenu {  opacity: 0; transition: all 0.35s ease;   transition-property: background, opacity;}
		.fixmenu .h-line-2 nav.openmoblistmenu { display: block; opacity: 1; }




	/* ================================== КРОШКИ 1-521 ================================== */

		.bc { width: calc(100% - 30px); min-width: 285px; padding-left: 20px; padding-right: 10px; /*text-align: center;*/ height: 160px; margin-bottom: -160px; top: 54px;}
 		.bc .box a { line-height: 34px; }





	/* ================================== (SLIDER 1-521) ================================== */
	/*ЧАСТИЦЫ*/				/* @media 1157px - 991px? - 768px - 479px? - 319px */
			/*.prefixfree-box .draw { height: 940px;  width:457px; margin-left: -150px;	display: block; position: relative; }
			.prefixfree-box { height: 224px; position: absolute; z-index:99; z-index:3; margin:0px 0 0 0px; }
			.prefixfree-inner { height:940px; height:380px; position:relative; top:-345px; top:0px; }*/


		.prefixfree-box .draw { width: 100%;  margin-left: 0px; }
		.prefixfree-box { width: 100%; height: 380px; }
		.prefixfree-inner { height:380px; }


		.s-slider .slide { padding: 50px 20px; }
		.s-slider .slide h3 { font-size: 26px }
		.btn-slider { margin-top: -195px; margin-left: 20px; }






	/* ================================== (TABS 1-521) ================================== */
		.templates-indicator { margin-left: 0px; z-index: 35; width: 320px; margin-top: 262px; }
		.templates-indicator .param { width: 72px; }

		.n-tabs-wrap {  margin-top: 5px; }
		#n-tabs .tabContent { width: calc(100% - 40px); margin-left: 0px; padding: 10px 20px 520px; border-left: none; border-radius: 0px 0px 0px 0px; }
		.n-tabs-last { width: 12px; }

		#tc-mob-tab .tc-item:nth-child(1) { margin-left: 20px; }

		.templates-indicator { width: calc(100% - 40px);  margin-top: 83px; margin-left: 20px; margin-right: 20px; }
		.templates-indicator .param { /*min-width: 69px;*/ min-width: 67px; width: 25%; }

		#n-tabs .tabContent h3 { padding: 185px 0px 0px 0px; font-size: 24px; }
		#n-tabs .tabContent ul li { font-size: 18px; margin-left: 19px;     margin-right: 0px;}
		#n-tabs .tabContent p {  font-size: 18px;   line-height: 24px;   margin-left: 0px;     margin-right: 0px;}

		#n-tabs .particular { margin: 0 0px 0 0px; bottom: 20px;  width: calc(100% - 70px);  padding: 18px 15px 77px; }
		#n-tabs .particular span { margin-bottom: 10px; }

		#n-tabs .particular-0 { margin: 0 0px 0 0px; bottom: 250px; width: calc(100% - 70px); padding: 10px 15px 12px;}		

		#n-tabs .particular-1 { margin: 0 0px 0 0px; bottom: 332px; width: calc(100% - 60px); padding: 5px 10px 20px; height: 160px;    overflow: hidden;}		
		#n-tabs .particular-1 span { /*width: 33.3%;*/ float: left; }
				#n-tabs .particular-1 span {   /* background-size: contain !important; */   margin-left: 2%;    margin-right: 2%;    width: 29.3%;}

		/*#n-tabs .particular-1 span { background-size: contain !important; margin-top: 5px; }*/


		#n-tabs .particular-2 {  margin: auto;  width: calc(100% - 40px);  bottom: 43px; padding: 0px 0px 0px; }
		#n-tabs .particular-2 .btn { min-width: 200px; width: 200px;  margin-left: auto;  margin-right: auto;  display: block; }




	/* ================================== (SLIDER 1-521) ================================== */
	#sectiondesign { height: 990px; } .s-design .container { min-height: 880px; }
	.gsbox     {margin-top: 250px;}
	.s-design:nth-child(1) .clear { display: none; }

	.s-design .formob { display: block; }

			.s-design .list-control li { padding: 17px 15px 15px 45px; }
			.s-design .list-control li:before { margin: 6px 0 0 -25px; }
			.s-design .list-control li.active:before { margin: 4px 0 0 -27px; }

	

	#sectiondesign .tc .tc-container { height: 50px; overflow: hidden; }

		.slides-gs-img { margin: -5px 0 0 -15px;  width: 100%; height: 230px;  }
		/*#slides-gs {  margin: 0px 0 0 20px;}*/
		#slides-gs {  margin: 0px auto 0 auto; width: 360px;}
		.slide { padding: 40px 0; }

				/*Визитки 0*/
				.slides-gs-img-0 .layer-1 {width:365px; height:240px; margin: 10px 0 0 0px;}
				.slides-gs-img-0 .layer-2 {width:356px; height:233px; margin: 35px 0 0 30px;}
				.slides-gs-img-0 .layer-3 {width:351px; height:231px; margin: 55px 0 0 55px;}				
				/*Листовки 1*/
				.slides-gs-img-1 .layer-1 {width:309px; height:266px; margin: 10px 0 0 90px;}
				.slides-gs-img-1 .layer-2 {width:384px; height:264px; margin: 5px 0 0 20px;}
				.slides-gs-img-1 .layer-3 {width:259px; height:235px; margin: 30px 0 0 -5px;}				
				/*Календари 2*/
				.slides-gs-img-2 .layer-1 {width:141px; height:180px; margin: 90px 0 0 150px;}
				.slides-gs-img-2 .layer-2 {width:367px; height:272px; margin: 0px 0 0 55px;}
				.slides-gs-img-2 .layer-3 {width:229px; height:206px; margin: 25px 0 0 5px;}				
				/*Книги 3*/
				.slides-gs-img-3 .layer-1 {width:359px; height:245px; margin: 10px 0 0 -5px;}
				.slides-gs-img-3 .layer-2 {width:231px; height:185px; margin: 15px 0 0 200px;}
				.slides-gs-img-3 .layer-3 {width:307px; height:178px; margin: 95px 0 0 90px;}				
				/*Бланки 4*/	
				.slides-gs-img-4 .layer-1 {width:327px; height:182px; margin: 85px 0 0 75px;}
				.slides-gs-img-4 .layer-2 {width:298px; height:225px; margin: 5px 0 0 130px;}
				.slides-gs-img-4 .layer-3 {width:262px; height:289px; margin: -5px 0 0 10px;}			
				/*Упаковка 5*/
				.slides-gs-img-5 .layer-1 {width:355px; height:179px; margin: 95px 0 0 5px;}
				.slides-gs-img-5 .layer-2 {width:87px; height:164px; margin: 80px 0 0 280px;}
				.slides-gs-img-5 .layer-3 {width:215px; height:203px; margin: -10px 0 0 80px;}				
				/*Сувенирка 6*/
				.slides-gs-img-6 .layer-1 {width:249px; height:210px; margin: 55px 0 0 7px;}
				.slides-gs-img-6 .layer-2 {width:210px; height:262px; margin: 15px 0 0 170px;}
				.slides-gs-img-6 .layer-3 {width:221px; height:257px; margin: 30px 0 0 175px;}				
				/*Векторная графика 9>7*/ 
				.slides-gs-img-7 .layer-1 {width:405px; height:296px; margin: -4px 0 0 -5px;}
				.slides-gs-img-7 .layer-2 {width:405px; height:281px; margin: -2px 0 0 -5px;}
				.slides-gs-img-7 .layer-3 {width:355px; height:240px; margin: 20px 0 0 19px;}
				/*Баннеры (Логотипы) 8*/
				.slides-gs-img-8 .layer-1 {width:201px; height:105px; margin: 140px 0 0 205px;}
				.slides-gs-img-8 .layer-2 {width:403px; height:236px; margin: 15px 0 0 10px;}
				.slides-gs-img-8 .layer-3 {width:155px; height:85px; margin: 20px 0 0 20px;}
				/*Логотипы (Баннеры) 7>9*/
				.slides-gs-img-9 .layer-1 {width:415px; height:227px; margin: 2px 0 0 0px;}
				.slides-gs-img-9 .layer-2 {width:399px; height:231px; margin: 45px 0 0 27px;}
				.slides-gs-img-9 .layer-3 {width:322px; height:185px; margin: 105px 0 0 80px;}
				/*Фирменный стиль 10*/ /* ЗАГЛУШКА */
				.slides-gs-img-10 .layer-1 {width:332px; height:133px; margin: 25px 0 0 25px;}
				.slides-gs-img-10 .layer-2 {width:344px; height:176px; margin: 25px 0 0 25px;}
				.slides-gs-img-10 .layer-3 {width:344px; height:176px; margin: 25px 0 0 25px;}			
				/*Презентации 11*/
				.slides-gs-img-11 .layer-1 {width:294px; height:258px; margin: -19px 0 0 17px;}
				.slides-gs-img-11 .layer-2 {width:337px; height:177px; margin: 75px 0 0 47px;}
				.slides-gs-img-11 .layer-3 {width:285px; height:207px; margin: 22px 0 0 65px;}
				/*Иконки 12*/
				.slides-gs-img-12 .layer-1 {width:362px; height:264px; margin: 7px 0 0 32px;}
				.slides-gs-img-12 .layer-2 {width:369px; height:260px; margin: 5px 0 0 18px;}
				.slides-gs-img-12 .layer-3 {width:271px; height:242px; margin: 14px 0 0 12px;}
				/*Инфографика 13*/ /* ЗАГЛУШКА */
				.slides-gs-img-13 .layer-1 {width:332px; height:133px; margin: 25px 0 0 25px;}
				.slides-gs-img-13 .layer-2 {width:344px; height:176px; margin: 25px 0 0 25px;}
				.slides-gs-img-13 .layer-3 {width:344px; height:176px; margin: 25px 0 0 25px;}
				/*Дизайн сайтов 14*/ /* ЗАГЛУШКА */
				.slides-gs-img-14 .layer-1 {width:332px; height:133px; margin: 25px 0 0 25px;}
				.slides-gs-img-14 .layer-2 {width:344px; height:176px; margin: 25px 0 0 25px;}
				.slides-gs-img-14 .layer-3 {width:344px; height:176px; margin: 25px 0 0 25px;}		
				/*3D Моделирование 15*/
				.slides-gs-img-15 .layer-1 {width:195px; height:290px; margin: -12px 0 0 192px;}
				.slides-gs-img-15 .layer-2 {width:178px; height:266px; margin: -2px 0 0 95px;}
				.slides-gs-img-15 .layer-3 {width:134px; height:138px; margin: 94px 0 0 10px;}
				/*3D визуализация 16*/ /* ЗАГЛУШКА */
				.slides-gs-img-16 .layer-1 {width:332px; height:133px; margin: 25px 0 0 25px;}
				.slides-gs-img-16 .layer-2 {width:344px; height:176px; margin: 25px 0 0 25px;}
				.slides-gs-img-16 .layer-3 {width:344px; height:176px; margin: 25px 0 0 25px;}
				/*3D анимация 17*/ /* ЗАГЛУШКА */
				.slides-gs-img-17 .layer-1 {width:332px; height:133px; margin: 25px 0 0 25px;}
				.slides-gs-img-17 .layer-2 {width:344px; height:176px; margin: 25px 0 0 25px;}
				.slides-gs-img-17 .layer-3 {width:344px; height:176px; margin: 25px 0 0 25px;}
				/*Чертежи 18*/
				.slides-gs-img-18 .layer-1 {width:288px; height:245px; margin: 12px 0 0 53px;}
				.slides-gs-img-18 .layer-2 {width:276px; height:245px; margin: 19px 0 0 68px;}
				.slides-gs-img-18 .layer-3 {width:379px; height:317px; margin: -16px 0 0 11px;}		
				/*сметы 19*/
				.slides-gs-img-19 .layer-1 {width:315px; height:264px; margin: -17px 0 0 10px;} 
				.slides-gs-img-19 .layer-2 {width:327px; height:264px; margin: -3px 0 0 41px;} 
				.slides-gs-img-19 .layer-3 {width:336px; height:263px; margin: 18px 0 0 70px;} 

				.btn-slider-gs { margin: 235px 0 0 0px; }

	/* ================================== (WEBSITES 1-521) ================================== */
	.templates-common > a { /*width: calc(100% - 70px);*/
		width: calc(100% - 93px);
		margin: 25px auto;
		position: relative;
		display: block;
		background-position: center right 20px;
	}


	/* ================================== (SEO 1-521) ================================== */
	.tc-pc-col-box-seo {display: none}	
	.tc-mob-col-box-seo { display: block; height: 570px; width: 100%; } 
	.tc-mob-col-box-seo #tc-mob-col { height: 410px; }
	.seo-col {    width: calc(100% - 30px);    float: unset;   padding: 15px;}	.seo-col:last-child { margin-right: unset; }
	.seo-col p br { display: none;}
	.seo-col .icon { background-position-x: center !important; }
	.seo-col h3 { font-size: 27px;    line-height: 29px;    margin-bottom: 12px;    letter-spacing: -.5px; }
	.tc-mob-col-box-seo h2  {   padding: 50px 5px 0px;}









	/* ================================== (SMM 1-521) ================================== */
	.tc-pc-col-box-smm {display: none}	
	.tc-mob-col-box-smm { display: block; height: 590px; width: 100%; }
	.smm-col { width: calc(100% - 30px);    float: unset;   padding: 15px;  }	.smm-col:last-child { margin-right: unset; }
	.smm-col p  br { display: none;}
	.smm-col .icon { background-position-x: center !important; }
	.smm-col h3 { font-size: 27px;    line-height: 29px;    margin-bottom: 12px;    letter-spacing: -.5px; }
	.tc-mob-col-box-smm h2  {   padding: 50px 0 0px;}




	/* ================================== (FOOTER 1-521) ================================== */

	.s-footer { background-size: 50px 50px; min-height: 655px; }
	.s-footer .s-footer-1 { width: 100%; min-width: 285px; padding: 0px; }
	.s-footer .s-footer-1 ul { margin-top: 20px; }

	.s-footer .s-footer-1 ul a { font-size: 13px; padding-right: 0px;    margin-right: 5px;    padding-left: 10px;    margin-left: 10px; border-radius: 4px; }

	.s-footer .s-footer-1 ul:nth-child(1) { width:55%; min-width: 155px; }
	.s-footer .s-footer-1 ul:nth-child(1) a { padding-right: 0px; }

	.s-footer .s-footer-1 ul:nth-child(2) {  width:45%; min-width: 115px; }
	.s-footer .s-footer-1 ul:nth-child(2) a { padding-right: 5px; }

	.s-footer .s-footer-1 ul:nth-child(3) { width:100%; margin-top: 0px; margin-bottom: 15px;}
	.s-footer .s-footer-1 ul:nth-child(3) li { width:45%; float: left; }
	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(1), .s-footer .s-footer-1 ul:nth-child(3) li:nth-child(3) { width:55%; min-width: 155px; }
	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(2), .s-footer .s-footer-1 ul:nth-child(3) li:nth-child(4) { width:45%; min-width: 115px; }

    /*    #da82ff    #d782ff    #d182ff    #c982ff    #c182ff     #b882ff       #b082ff      #af82ff      #a682ff      #9f82ff     */

	.s-footer .s-footer-1 ul:nth-child(1) li:nth-child(1) a { color: #db82ff; }
	.s-footer .s-footer-1 ul:nth-child(1) li:nth-child(2) a { color: #d782ff; }
	.s-footer .s-footer-1 ul:nth-child(1) li:nth-child(3) a { color: #d182ff; }
	.s-footer .s-footer-1 ul:nth-child(1) li:nth-child(4) a { color: #c982ff; }
	.s-footer .s-footer-1 ul:nth-child(1) li:nth-child(5) a { color: #c282ff; }

	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(1) a { color: #b882ff; }
	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(3) a { color: #b082ff; }

	.s-footer .s-footer-1 ul:nth-child(2) li:nth-child(1) a { color: #c982ff; }
	.s-footer .s-footer-1 ul:nth-child(2) li:nth-child(2) a { color: #c282ff; }
	.s-footer .s-footer-1 ul:nth-child(2) li:nth-child(3) a { color: #b882ff; }
	.s-footer .s-footer-1 ul:nth-child(2) li:nth-child(4) a { color: #b082ff; }
	.s-footer .s-footer-1 ul:nth-child(2) li:nth-child(5) a { color: #af82ff; }

	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(2) a { color: #a682ff; }
	.s-footer .s-footer-1 ul:nth-child(3) li:nth-child(4) a { color: #9f82ff; }


	.s-footer .s-footer-2 { width: 100%; /*height: 372px;*/ height: 415px; }


	.s-footer .s-footer-2 .phone { height: 210px; padding-left: 20px; }
	.s-footer .s-footer-2 .phone div:nth-child(1) { margin-top: 40px;     padding-bottom: 5px; }

	.s-footer .s-footer-2 .feedback { margin: -100px 0 0 20px; }

	.s-footer .s-footer-2 .social { padding-left: 20px; }
	.s-footer .s-footer-2 p { /*padding: 67px 10px 0 20px;*/ padding: 105px 10px 0 20px;  float: left; color: #777; }
	.s-footer .s-footer-2 p:before { margin: -22px 0 0 103px;  line-height: 21px; text-indent: 2px; }
	.s-footer .s-footer-2 { background: #030306 url(../img/logo-footer-mob-grey.png) left 21px bottom 35px no-repeat; background-size: 90px 25px; }


	.s-footer .s-footer-2 .social a {    width: 42px;    height: 42px;}
	.s-footer .s-footer-2 .social {    width: 255px;    clear: both; }

	.s-footer .s-footer-3 .privacy { z-index: 9; margin: -120px auto 0 0px; letter-spacing: -.2px; width: 280px; text-align: left; color: #777; background: none;}
	.s-footer .s-footer-3 .privacy a { color: #777 !important; }



	/* ================================== (MODAL 1-521) ================================== */
	.modal { width: 90%; min-width: 255px; height: 450px;  margin: 50% auto 0 -45%; top: 48%; }
	.head { width: 100%;  padding: 12px 0px 12px 0px !important; /* width: calc(100% - 55px); width: calc(100% - 40px);    padding: 12px 25px; */ /*width: 90%;  padding: 12px 20px 12px 20px;*/  }
	.btn-close { /*margin-right: -20px;*/      margin-right: 0px;  }
	.modal .head h4 { font-size: 21px; line-height: 38px; text-indent: 25px;}
 
	/*.btn-close { background-size: 25px 27px !important; } */

	.orderform .kakinput-s { width: calc(100% - 60px); margin-left: 0px; margin-right: 0px; }
	.cat-panel { width: calc(100% - 30px); padding: 0 15px; }
	.md-content .sub-h2-title {  display: none; }

	.nextstep {display: block;    clear: both;    position: relative;    z-index: 5;  transition: all .5s ease;  float: unset; margin-left:auto; margin-right:auto; max-width: 130px; color: #505050 !important; border-color: #505050 !important;}
	.prevstep {opacity: 0.5;}

	.cat-panel {     margin-bottom: 15px;    margin-top: -10px;  height: 266px; }

	.firststep { margin-top: 0px; margin-bottom: 100px; position: relative; display: block; transition: margin .5s ease; }
	.movestep { margin-top: -285px; margin-bottom: 0px;}

	.form-inputs { width: calc(100% - 30px); padding: 0 15px; /* margin-top: 95px; */     margin-top: 25px; }
		.form-input { width: calc(100% - 32px); }
		.orderform .btnform { width: calc(100% - 70px); }
	.sub-h2-title-mob {display: block !important; margin-left: 0px; text-align: center; font-size: 1.4em; margin-top: -78px !important; /*bottom: 255px !important;*/  width: calc(100% - 30px); }

	.md-content .orderform textarea { padding-right: 33px;}
	.md-content .orderform input, .md-content .orderform textarea { width: calc(100% - 52px); }
	.md-content .form-input input, .md-content .form-input textarea { padding-top: 11px; padding-bottom: 11px;}
 

	.orderform .btnform { margin-left: auto; margin-right: auto; margin-top: 15px; float: unset; }

 
    .modal.submit  { border-radius: 6px; /*background: rgba(255,255,255,0);  */   overflow: visible; background: none; box-shadow: none; }
    .submit .head { display: none; }
    /*.msgsuccess*/ .results.hidemsg { opacity: 0; transition: opacity .3s ease; }
    .modal-wrapper.open .modal.submit  { margin-top: -160px; }
	.md-content .results { width: 100%; max-width: 380px; font-size: 19px; margin: 220px auto 1px; box-shadow: 3px 10px 17px rgba(51, 104, 109, 0.44); }
	.md-content .resultsbgtop { margin: -200px 0 1px -140px;  width: 280px;  height: 155px;  border-radius: 6px; left: 50%; }
	.md-content .resultsbg { margin: -200px 0 1px -140px;  width: 280px;  height: 155px;  border-radius: 6px; left: 50%;  box-shadow: 3px 10px 17px rgba(51, 104, 109, 0.44); }

	.md-content .resultsbgtop:before { margin: -150px 0 0 73px; border-radius: 20px; width: 200px; height: 200px; }
	.md-content .resultsbgtop:after { margin: -150px 0 0 9px; border-radius: 20px; width: 200px; height: 200px; }
	.md-content .resultsbg:before { margin: 110px 0 0 1px; width: 200px; height: 200px; }
	.md-content .resultsbg:after { margin: 110px 0 0 80px; width: 200px; height: 200px; }
	.msgsuccess { top: -35% !important; }







	/* ================================== ВНУТРЕННИЕ СТРАНИЦЫ 1-521 ================================== */

	.innerpage .box { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); }
	.innerpage .box h1 { line-height: 1.1; }
	.innerpage .box h2 { font-size: 24px; line-height: 1.1; }
	.innerpage .box h3 { font-size: 21px; line-height: 1.1; padding:25px 0 10px }



	/* ================================== (TABS OFFERS 1-521) ================================== */
	.btn-tab-1-wrap .offer-1 { background-image: url(/img/i/tabs/mob/m1.png);  }
	.btn-tab-1-wrap .offer-2 { background-image: url(/img/i/tabs/mob/m2.png);  }
	.btn-tab-1-wrap .offer-3 { background-image: url(/img/i/tabs/mob/m3.png);  }
	.btn-tab-1-wrap .offer-4 { background-image: url(/img/i/tabs/mob/m4.png);  }
	.btn-tab-2-wrap .offer-1 { background-image: url(/img/i/tabs/mob/c1.png);  }
	.btn-tab-2-wrap .offer-2 { background-image: url(/img/i/tabs/mob/c2.png);  }
	.btn-tab-2-wrap .offer-3 { background-image: url(/img/i/tabs/mob/c3.png);  }
	.btn-tab-2-wrap .offer-4 { background-image: url(/img/i/tabs/mob/c4.png);  }
	.btn-tab-3-wrap .offer-1 { background-image: url(/img/i/tabs/mob/p1.png);  }
	.btn-tab-3-wrap .offer-2 { background-image: url(/img/i/tabs/mob/p2.png);  }
	.btn-tab-3-wrap .offer-3 { background-image: url(/img/i/tabs/mob/p3.png);  }
	.btn-tab-1-wrap.store .offer-1 { background-image: url(/img/i/tabs/mob/w1.png);  }
	.btn-tab-1-wrap.store .offer-2 { background-image: url(/img/i/tabs/mob/w6.png);  }
	.btn-tab-1-wrap.store .offer-3 { background-image: url(/img/i/tabs/mob/w7.png);  }
	.btn-tab-1-wrap.store .offer-4 { background-image: url(/img/i/tabs/mob/w8.png);  }
	.btn-tab-1-wrap.corp .offer-1 { background-image: url(/img/i/tabs/mob/w1.png);  }
	.btn-tab-1-wrap.corp .offer-2 { background-image: url(/img/i/tabs/mob/w6.png);  }
	.btn-tab-1-wrap.corp .offer-3 { background-image: url(/img/i/tabs/mob/w7.png);  }
	.btn-tab-1-wrap.corp .offer-4 { background-image: url(/img/i/tabs/mob/w8.png);  }
	.btn-tab-1-wrap.lp .offer-1 { background-image: url(/img/i/tabs/mob/w1.png);  }
	.btn-tab-1-wrap.lp .offer-2 { background-image: url(/img/i/tabs/mob/w6.png);  }
	.btn-tab-1-wrap.lp .offer-3 { background-image: url(/img/i/tabs/mob/w7.png);  }
	.btn-tab-1-wrap.lp .offer-4 { background-image: url(/img/i/tabs/mob/w8.png);  }
	.offers-wrap.tab-h-1 { min-height: 1920px; }
	.offers-wrap.tab-h-2 { min-height: 1805px; }
	.offers-wrap.tab-h-3 { min-height: 950px; }
	.offers-wrap { width: calc(100% - 0px);position: relative; display: block; }
	.offers, .offers.offers-wrap-3col {width: calc(100% - 0px); min-height: 300px ; }							
	.offers.activetab, .offers-wrap-3col.activetab {position: relative !important;}
	.offer-1, .offer-2, .offer-3, .offer-4 { width: calc(100% - 30px) !important; }
	.offers div, .offers.offers-wrap-3col div { margin-bottom:25px; min-width:unset; width:100%; min-height:290px; float:unset; margin-left:auto; margin-right:auto; }
	.offers div h4 { margin: 3px -5px 12px; }
	.innerpage .box p { text-align: justify; }
	







	#sectionpartners .box { 
		flex-direction: column;
		padding:50px 0;
	}
	#sectionpartners .box > div { 
		margin: 8px 0;
	}
	.partner-regru { 
		width: 135px !important;
		height: 60px !important;
		background-size: 85px auto !important;
	}
		
	#sectionpartners .box.dark > div {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}

	#sectionpartners .box.dark > div:hover {
		opacity: 1;
	}


}























/*00000000000000000000000000000000000000000000000000000000000*/
/*000000  0000  0000000         0000000         0000000000000*/
/*00000  00000  000000   00000   000000   0000000000000000000*/
/*00000  00000  00000000000   000000000        00000000000000*/
/*00000         00000000    00000000000000000   0000000000000*/
/*000000000000  000000           000000        00000000000000*/
/*00000000000000000000000000000000000000000000000000000000000*/

@media screen and (min-width:401px) and (max-width:425px){

		/* ================================== (WEBSITES 401-425) ================================== */
				.templates-common > a { width: calc(100% - 73px); padding: 169px 17px 27px; text-align: center;	background-position: center top 20px;}

			 


		/* ================================== (SEO 401-425) ================================== */
				.tc-mob-col-box-seo h2  { padding: 50px 25px 0px; }
				.seo-col h3 { font-size: 28px; padding-left: 30px;  padding-right: 30px; }
				.s-seo .clear {  height: 20px; }
				.tc-mob-col-box-seo { height: 540px; }
				.tc-mob-col-box-seo #tc-mob-col {  width: 400px;   height: 430px; margin-top: -20px; }
				.tc-mob-col-box-seo #tc-mob-col .tc-item  {  width: 400px;  }
				.tc-mob-col-box-seo #tc-mob-col .tc-paging-container { margin-top: -48px; }



		/* ================================== (SMM 401-425) ================================== */
				.tc-mob-col-box-smm h2  { padding: 50px 25px 0px; }
				.s-smm .clear {  height: 20px; }
				.tc-mob-col-box-smm { height: 535px; }
				.tc-mob-col-box-smm #tc-mob-col {  width: 400px;   height: 430px; margin-top: -15px; }
				.tc-mob-col-box-smm #tc-mob-col .tc-item  {  width: 400px;  }
				.tc-mob-col-box-smm #tc-mob-col .tc-paging-container { margin-top: -58px; }



		/* ================================== (FOOTER 401-425) ================================== */
				.s-footer .s-footer-1 ul a {    font-size: 15px;    line-height: 42px;}


		/* ================================== (MODAL 401-425) ================================== */
				.modal .head h4 {    font-size: 20px;}
				.orderform .kakinput-s { font-size: 17px; }



		/* ================================== (TABS OFFERS 401-425) ================================== */
				.offers div span { font-size: 15px; }


}



















/*00000000000000000000000000000000000000000000000000000000000*/
/*000000  0000  0000000         00000000         000000000000*/
/*00000  00000  000000   00000   000000   00000   00000000000*/
/*00000  00000  000000   00000   000000   00000   00000000000*/
/*00000         000000   00000   000000   00000   00000000000*/
/*000000000000  0000000         00000000         000000000000*/
/*00000000000000000000000000000000000000000000000000000000000*/

@media screen and (min-width:376px) and (max-width:400px){


		/* ================================== (WEBSITES 376-400) ================================== */
				.templates-common > a { width: calc(100% - 73px); padding: 169px 17px 27px; text-align: center;	background-position: center top 20px;}

		

		/* ================================== (SEO 376-400) ================================== */
				.tc-mob-col-box-seo h2 { padding: 50px 15px 0px; }
				.seo-col h3 { font-size: 28px; padding-left: 15px;  padding-right: 15px; }
				.s-seo .clear {  height: 20px; }
				.tc-mob-col-box-seo { height: 560px; }
				.tc-mob-col-box-seo #tc-mob-col {  width: 375px;   height: 430px; margin-top: -20px; }
				.tc-mob-col-box-seo #tc-mob-col .tc-item  {  width: 375px;  }



		/* ================================== (SMM 376-400) ================================== */
				.s-smm .clear {  height: 20px; }
				.tc-mob-col-box-smm { height: 565px; }
				.tc-mob-col-box-smm #tc-mob-col {  width: 375px;   height: 430px; margin-top: -15px; }
				.tc-mob-col-box-smm #tc-mob-col .tc-item  {  width: 375px;  }


		/* ================================== (FOOTER 376-400) ================================== */
				.s-footer .s-footer-1 ul a {    font-size: 15px;    line-height: 42px;}


		/* ================================== (MODAL 376-400) ================================== */
				.modal .head h4 {    font-size: 19px;}
				.orderform .kakinput-s { font-size: 17px; }
				.submit .md-content .results { max-width: 330px; font-size: 17px; }

		/* ================================== (TABS OFFERS 376-400) ================================== */
				.offers div span { font-size: 15px; }

}



















/*000000000000000000000000000000000000000000000000000000000*/
/*000000        0000000         00000         0000000000000*/
/*000000000000   00000000000   000000   0000000000000000000*/
/*00000000      0000000000   00000000        00000000000000*/
/*000000000000   00000000   000000000000000   0000000000000*/
/*000000        00000000   0000000000        00000000000000*/
/*000000000000000000000000000000000000000000000000000000000*/

@media screen and (min-width:331px) and (max-width:375px){

		h2, h2 a { padding-left: 12px; padding-right: 12px; }

	/* ================================== (SLIDER-HEADER 331-375) ================================== */
		/*ЧАСТИЦЫ*/	
		.s-slider .slide { padding: 45px 20px; }
		.s-slider .slide p {    font-size: 18px;    max-width: 280px; padding: 12px 0; }
		.btn-slider { margin-top: -205px; }

		.s-slider .slide h3 { font-size: 23px; }
		.s-slider .slide p { font-size: 17px; }

	/* ================================== (TAB 331-375) ================================== */
		#n-tabs .particular span { font-size: 19px;  }
		#n-tabs .particular { margin: 286px 0px 0 0px; width: calc(100% - 70px); padding: 17px 15px 77px;}

		#n-tabs .particular-0 span.adaptive { font-size: 19px; }
		#n-tabs .particular-1 span { background-size: contain !important; margin-top: 5px; }


	/* ================================== (SLIDER 331-375) ================================== */
				.gsbox { margin-top: 235px; }
				.slides-gs-img { margin: -5px 0 0 10px;  width: 100%; height: 220px; }

				/*Визитки 0*/
				.slides-gs-img-0 .layer-1 {width:306px; height:201px; margin: 10px 0 0 0px;}
				.slides-gs-img-0 .layer-2 {width:299px; height:195px; margin: 35px 0 0 30px;}
				.slides-gs-img-0 .layer-3 {width:294px; height:194px; margin: 55px 0 0 55px;}				
				/*Листовки 1*/
				.slides-gs-img-1 .layer-1 {width:259px; height:223px; margin: 10px 0 0 90px;}
				.slides-gs-img-1 .layer-2 {width:322px; height:222px; margin: 5px 0 0 20px;}
				.slides-gs-img-1 .layer-3 {width:217px; height:197px; margin: 30px 0 0 -5px;}				
				/*Календари 2*/
				.slides-gs-img-2 .layer-1 {width:118px; height:151px; margin: 90px 0 0 150px;}
				.slides-gs-img-2 .layer-2 {width:308px; height:228px; margin: 0px 0 0 55px;}
				.slides-gs-img-2 .layer-3 {width:192px; height:173px; margin: 25px 0 0 5px;}				
				/*Книги 3*/
				.slides-gs-img-3 .layer-1 {width:301px; height:205px; margin: 10px 0 0 -5px;}
				.slides-gs-img-3 .layer-2 {width:194px; height:155px; margin: 15px 0 0 165px;}
				.slides-gs-img-3 .layer-3 {width:258px; height:149px; margin: 95px 0 0 90px;}				
				/*Бланки 4*/	
				.slides-gs-img-4 .layer-1 {width:274px; height:152px; margin: 100px 0 0 55px;}
				.slides-gs-img-4 .layer-2 {width:250px; height:189px; margin: 25px 0 0 105px;}
				.slides-gs-img-4 .layer-3 {width:220px; height:243px; margin: -5px 0 0 10px;}				
				/*Упаковка 5*/
				.slides-gs-img-5 .layer-1 {width:298px; height:150px; margin: 95px 0 0 -5px;}
				.slides-gs-img-5 .layer-2 {width:73px; height:138px; margin: 80px 0 0 255px;}
				.slides-gs-img-5 .layer-3 {width:180px; height:170px; margin: -10px 0 0 60px;}				
				/*Сувенирка 6*/
				.slides-gs-img-6 .layer-1 {width:209px; height:176px; margin: 35px 0 0 0px;}
				.slides-gs-img-6 .layer-2 {width:176px; height:220px; margin: 15px 0 0 150px;}
				.slides-gs-img-6 .layer-3 {width:185px; height:216px; margin: 15px 0 0 165px;}				
				/*Векторная графика 9>7*/ 
				.slides-gs-img-7 .layer-1 {width:340px; height:248px; margin: -4px 0 0 -5px;}
				.slides-gs-img-7 .layer-2 {width:340px; height:236px; margin: -2px 0 0 -5px;}
				.slides-gs-img-7 .layer-3 {width:298px; height:201px; margin: 20px 0 0 19px;}
				/*Баннеры (Логотипы) 8*/
				.slides-gs-img-8 .layer-1 {width:169px; height:88px; margin: 125px 0 0 180px;}
				.slides-gs-img-8 .layer-2 {width:338px; height:198px; margin: 15px 0 0 10px;}
				.slides-gs-img-8 .layer-3 {width:130px; height:71px; margin: 20px 0 0 20px;}
				/*Логотипы (Баннеры) 7>9*/
				.slides-gs-img-9 .layer-1 {width:348px; height:191px; margin: -5px 0 0 0px;}
				.slides-gs-img-9 .layer-2 {width:335px; height:194px; margin: 35px 0 0 27px;}
				.slides-gs-img-9 .layer-3 {width:270px; height:155px; margin: 85px 0 0 75px;}
				/*Фирменный стиль 10*/ /* ЗАГЛУШКА */
				.slides-gs-img-10 .layer-1 {width:278px; height:112px; margin: 25px 0 0 25px;}
				.slides-gs-img-10 .layer-2 {width:289px; height:148px; margin: 25px 0 0 25px;}
				.slides-gs-img-10 .layer-3 {width:289px; height:148px; margin: 25px 0 0 25px;}			
				/*Презентации 11*/
				.slides-gs-img-11 .layer-1 {width:246px; height:216px; margin: -7px 0 0 17px;}
				.slides-gs-img-11 .layer-2 {width:283px; height:148px; margin: 75px 0 0 47px;}
				.slides-gs-img-11 .layer-3 {width:239px; height:173px; margin: 22px 0 0 65px;}
				/*Иконки 12*/
				.slides-gs-img-12 .layer-1 {width:304px; height:221px; margin: 6px 0 0 32px;}
				.slides-gs-img-12 .layer-2 {width:309px; height:218px; margin: 6px 0 0 20px;}
				.slides-gs-img-12 .layer-3 {width:228px; height:203px; margin: 13px 0 0 15px;}
				/*Инфографика 13*/ /* ЗАГЛУШКА */
				.slides-gs-img-13 .layer-1 {width:278px; height:112px; margin: 25px 0 0 25px;}
				.slides-gs-img-13 .layer-2 {width:289px; height:148px; margin: 25px 0 0 25px;}
				.slides-gs-img-13 .layer-3 {width:289px; height:148px; margin: 25px 0 0 25px;}
				/*Дизайн сайтов 14*/ /* ЗАГЛУШКА */
				.slides-gs-img-14 .layer-1 {width:278px; height:112px; margin: 25px 0 0 25px;}
				.slides-gs-img-14 .layer-2 {width:289px; height:148px; margin: 25px 0 0 25px;}
				.slides-gs-img-14 .layer-3 {width:289px; height:148px; margin: 25px 0 0 25px;}		
				/*3D Моделирование 15*/
				.slides-gs-img-15 .layer-1 {width:163px; height:243px; margin: -12px 0 0 185px;}
				.slides-gs-img-15 .layer-2 {width:149px; height:223px; margin: -2px 0 0 88px;}
				.slides-gs-img-15 .layer-3 {width:112px; height:115px; margin: 94px 0 0 10px;}
				/*3D визуализация 16*/ /* ЗАГЛУШКА */
				.slides-gs-img-16 .layer-1 {width:278px; height:112px; margin: 25px 0 0 25px;}
				.slides-gs-img-16 .layer-2 {width:289px; height:148px; margin: 25px 0 0 25px;}
				.slides-gs-img-16 .layer-3 {width:289px; height:148px; margin: 25px 0 0 25px;}
				/*3D анимация 17*/ /* ЗАГЛУШКА */
				.slides-gs-img-17 .layer-1 {width:278px; height:112px; margin: 25px 0 0 25px;}
				.slides-gs-img-17 .layer-2 {width:289px; height:148px; margin: 25px 0 0 25px;}
				.slides-gs-img-17 .layer-3 {width:289px; height:148px; margin: 25px 0 0 25px;}
				/*Чертежи 18*/
				.slides-gs-img-18 .layer-1 {width:242px; height:206px; margin: 1px 0 0 45px;}
				.slides-gs-img-18 .layer-2 {width:232px; height:205px; margin: 9px 0 0 58px;}
				.slides-gs-img-18 .layer-3 {width:318px; height:266px; margin: -22px 0 0 9px;}		
				/*сметы 19*/
				.slides-gs-img-19 .layer-1 {width:265px; height:222px; margin: -17px 0 0 10px;} 
				.slides-gs-img-19 .layer-2 {width:275px; height:222px; margin: -3px 0 0 35px;} 
				.slides-gs-img-19 .layer-3 {width:282px; height:221px; margin: 18px 0 0 60px;} 
				
				.btn-slider-gs { margin: 220px 0 0 0px; }


 


		/* ================================== (WEBSITES 331-375) ================================== */
				.templates-common > a { font-size: 21px; width: calc(100% - 73px); padding: 169px 17px 27px; text-align: center;	background-position: center top 20px;}



		/* ================================== (SEO 331-375) ================================== */
				.seo-col h3 { font-size: 28px; }
				.s-seo .clear {  height: 20px; }
				.tc-mob-col-box-seo { height: 560px; }
				.tc-mob-col-box-seo #tc-mob-col {  width: 354px;   height: 430px; margin-top: -20px; }
				.tc-mob-col-box-seo #tc-mob-col .tc-item  {  width: 354px;  }



		/* ================================== (SMM 331-375) ================================== */
				.s-smm .clear {  height: 20px; }
				/*.smm-col h3 { font-size: 24px; }*/
				.tc-mob-col-box-smm { height: 565px; }
				.tc-mob-col-box-smm #tc-mob-col {  width: 354px;   height: 430px; margin-top: -15px; }
				.tc-mob-col-box-smm #tc-mob-col .tc-item  {  width: 354px;  }



		/* ================================== (FOOTER 331-375) ================================== */
				.s-footer .s-footer-1 ul a {    font-size: 15px;    line-height: 42px;}


		/* ================================== (MODAL 331-375) ================================== */
				.modal .head h4 {    font-size: 18px;}
				.head { /*width: calc(100% - 37px); padding: 12px 22px 12px 20px;*/   }
				.btn-close {  /*margin-top: -10px;*/ /* margin-right: -25px;*/     margin-right: -7px;  }
				.orderform .kakinput-s { font-size: 17px; }

				.submit .md-content .results { max-width: 320px; font-size: 16px; }


		/* ================================== (TABS OFFERS 331-375) ================================== */
				.offers div span { font-size: 15px; }

}


















/*0000000000000000000000000000000000000000000000000000000*/
/*000000        000000000         0000000         0000000*/
/*000000000000   00000000   0000000000000   0000000000000*/
/*00000000      000000000        00000000        00000000*/
/*000000000000   00000000000000   0000000000000   0000000*/
/*000000        000000000        00000000        00000000*/
/*0000000000000000000000000000000000000000000000000000000*/

@media screen and (min-width:331px) and (max-width:355px){




		/* ================================== (SLIDER-HEADER 331-355) ================================== */
		/*ЧАСТИЦЫ*/	
				.s-slider .slide h3 {    font-size: 24px;}
				.s-slider .slide { padding: 45px 20px; }
				.s-slider .slide p {    font-size: 16px;    max-width: 250px; padding: 12px 0; }
				.btn-slider { margin-top: -205px; }
				.btn { padding: 11px 28px 11px !important; }

				.s-slider .slide h3 { font-size: 22px; }
				.s-slider .slide p { font-size: 15px; }


		/* ================================== (TABS 331-355) ================================== */
			.templates-indicator .i-tabs {  padding: 20px 10px 20px 5px;    min-width: 276px;}
			#n-tabs .particular span {    font-size: 19px; }

		/* ================================== (SLIDER GS 331-355) ================================== */
				#sectiondesign .tc .tc-container li:nth-of-type(1) div { width: 165px !important; }
				#sectiondesign .tc .tc-container li:nth-of-type(2) div { width: 176px !important; }
				#sectiondesign .tc .tc-container li:nth-of-type(3) div { width: 307px !important; }


		/* ================================== (WEBSITES 331-355) ================================== */
				.templates-common > a { width: calc(100% - 73px); font-size: 19px; padding: 169px 17px 27px; text-align: center;	background-position: center top 20px;}


		/* ================================== (SEO 331-355) ================================== */
				.s-seo .clear {  height: 20px; }
				.tc-mob-col-box-seo {  height: 567px; }
				.tc-mob-col-box-seo #tc-mob-col {  width: 330px;   height: 440px; margin-top: -20px; }
				.tc-mob-col-box-seo #tc-mob-col .tc-item  {  width: 330px;  }



		/* ================================== (SMM 331-355) ================================== */
				.s-smm .clear {  height: 20px; }
				/*.smm-col h3 { font-size: 24px; }*/
				.tc-mob-col-box-smm { height: 570px; }
				.tc-mob-col-box-smm #tc-mob-col {  width: 330px;   height: 440px; margin-top: -15px; }
				.tc-mob-col-box-smm #tc-mob-col .tc-item  {  width: 330px;  }




		/* ================================== (FOOTER 331-355) ================================== */
				.s-footer .s-footer-1 ul a {    font-size: 15px;    line-height: 42px;}


		/* ================================== (MODAL 331-355) ================================== */
				.modal .head h4 {    font-size: 17px;}
				.head { /*width: calc(100% - 37px); padding: 12px 22px 12px 20px;*/ }
				.btn-close {  /*margin-top: -8px;*/ /*margin-right: -24px;*/  margin-right: -5px; }
				.orderform .kakinput-s { font-size: 17px; }
				.sub-h2-title-mob { font-size: 1.4em; }

				.submit .md-content .results { max-width: 290px; font-size: 15px; height: 45px; line-height: 45px; }


		/* ================================== (TABS OFFERS 331-355) ================================== */
				.offers div span { font-size: 15px; }


}





























/*000000000000000000000000000000000000000000000000000000000*/
/*000000        000000000        0000000000      0000000000*/
/*000000000000   0000000  00000   0000000   0000   00000000*/
/*00000000      00000000000000   00000000  000000  00000000*/
/*000000000000   0000000000   00000000000   0000   00000000*/
/*000000        00000000           0000000       0000000000*/
/*000000000000000000000000000000000000000000000000000000000*/


@media screen and (min-width:1px) and (max-width:330px){

	h2, h2 a{ font-size: 24px; padding-left: 8px; padding-right: 8px;}
	.btn { font-size: 15px; line-height: 21px !important; height: 21px !important; }



	/* ================================== (SLIDER-HEADER 1-330) ================================== */
		/*ЧАСТИЦЫ*/	
				.s-slider .slide h3 {    font-size: 24px;}
				.s-slider .slide { padding: 45px 20px; }
				.s-slider .slide p {    font-size: 16px;    max-width: 250px; padding: 12px 0; }
				.btn-slider { margin-top: -205px; }
				.btn { padding: 11px 28px 11px !important; }

				.s-slider .slide h3 { font-size: 20px; }
				.s-slider .slide p { font-size: 15px; }


	/* ================================== (TABS 1-330) ================================== */
		.templates-indicator { width: calc(100% - 10px);  margin-top: 83px; margin-left: 5px; margin-right: 5px; }
		.templates-indicator .i-tabs {  padding: 20px 7px 20px 3px;    min-width: 276px;}
		#n-tabs .particular span {    font-size: 16px;  margin-bottom: 10px;}
		#n-tabs .particular {  padding: 17px 15px 77px; width: calc(100% - 70px);}
		#n-tabs .particular-2 .btn {    min-width: 160px;    width: 160px;}
		#n-tabs .tabContent p { font-size: 15px;  margin-left: 10px;  margin-right: 30px; }
		#n-tabs .tabContent ul li {    font-size: 15px;    margin-left: 27px;    margin-right: 40px;    line-height: 18px;}

		#n-tabs .particular-0 span.adaptive { font-size: 17px; }

		#n-tabs .particular-1 span { background-size: contain !important; margin-top: 0px; }
		#n-tabs .particular-1 { padding: 3px 10px 8px; height: 155px; }
		#n-tabs .tabContent { padding-bottom: 500px; }

 



		/* ================================== (SLIDER 1-330) ================================== */
				#sectiondesign { height: 930px; }

				#sectiondesign .tc .tc-container li:nth-of-type(1) div { width: 157px !important; }
				#sectiondesign .tc .tc-container li:nth-of-type(2) div { width: 168px !important; }
				#sectiondesign .tc .tc-container li:nth-of-type(3) div { width: 289px !important; }

				.s-design .list-control li { line-height: 24px;  font-size: 19px; }
				.gsbox { margin-top: 207px; }
				.slides-gs-img {  margin: -5px 0 0 10px; width: 100%; height: 198px; } 
   

				/*Визитки 0*/
				.slides-gs-img-0 .layer-1 {width:270px; height:177px; margin: 7px 0 0 22px;}
				.slides-gs-img-0 .layer-2 {width:263px; height:172px; margin: 25px 0 0 40px;}
				.slides-gs-img-0 .layer-3 {width:259px; height:171px; margin: 40px 0 0 55px;}				
				/*Листовки 1*/
				.slides-gs-img-1 .layer-1 {width:229px; height:197px; margin: 7px 0 0 66px;}
				.slides-gs-img-1 .layer-2 {width:284px; height:195px; margin: 3px 0 0 29px;}
				.slides-gs-img-1 .layer-3 {width:192px; height:174px; margin: 22px 0 0 1px;}				
				/*Календари 2*/
				.slides-gs-img-2 .layer-1 {width:104px; height:133px; margin: 66px 0 0 111px;}
				.slides-gs-img-2 .layer-2 {width:271px; height:201px; margin: 0px 0 0 40px;}
				.slides-gs-img-2 .layer-3 {width:169px; height:152px; margin: 18px 0 0 3px;}				
				/*Книги 3*/
				.slides-gs-img-3 .layer-1 {width:265px; height:181px; margin: 7px 0 0 3px;}
				.slides-gs-img-3 .layer-2 {width:170px; height:136px; margin: 11px 0 0 148px;}
				.slides-gs-img-3 .layer-3 {width:227px; height:131px; margin: 70px 0 0 77px;}			
				/*Бланки 4*/	
				.slides-gs-img-4 .layer-1 {width:241px; height:134px; margin: 62px 0 0 55px;}
				.slides-gs-img-4 .layer-2 {width:220px; height:166px; margin: 3px 0 0 96px;}
				.slides-gs-img-4 .layer-3 {width:193px; height:214px; margin: -3px 0 0 7px;}				
				/*Упаковка 5*/
				.slides-gs-img-5 .layer-1 {width:263px; height:132px; margin: 70px 0 0 3px;}
				.slides-gs-img-5 .layer-2 {width:64px; height:121px; margin: 59px 0 0 236px;}
				.slides-gs-img-5 .layer-3 {width:159px; height:150px; margin: -7px 0 0 85px;}				
				/*Сувенирка 6*/
				.slides-gs-img-6 .layer-1 {width:184px; height:155px; margin: 20px 0 0 1px;}
				.slides-gs-img-6 .layer-2 {width:155px; height:193px; margin: 11px 0 0 128px;}
				.slides-gs-img-6 .layer-3 {width:163px; height:190px; margin: 15px 0 0 145px;}				
				/*Векторная графика 9>7*/ 
				.slides-gs-img-7 .layer-1 {width:299px; height:219px; margin: -2px 0 0 0px;}
				.slides-gs-img-7 .layer-2 {width:300px; height:208px; margin: -1px 0 0 0px;}
				.slides-gs-img-7 .layer-3 {width:262px; height:177px; margin: 14px 0 0 14px;}
				/*Баннеры (Логотипы) 8*/
				.slides-gs-img-8 .layer-1 {width:149px; height:77px; margin: 122px 0 0 148px;}
				.slides-gs-img-8 .layer-2 {width:298px; height:174px; margin: 22px 0 0 7px;}
				.slides-gs-img-8 .layer-3 {width:115px; height:62px; margin: 29px 0 0 14px;}
				/*Логотипы (Баннеры) 7>9*/
				.slides-gs-img-9 .layer-1 {width:307px; height:168px; margin: 1px 0 0 0px;}
				.slides-gs-img-9 .layer-2 {width:295px; height:170px; margin: 32px 0 0 20px;}
				.slides-gs-img-9 .layer-3 {width:238px; height:136px; margin: 77px 0 0 59px;}
				/*Фирменный стиль 10*/ /* ЗАГЛУШКА */
				.slides-gs-img-10 .layer-1 {width:245px; height:98px; margin: 21px 0 0 21px;}
				.slides-gs-img-10 .layer-2 {width:254px; height:130px; margin: 21px 0 0 21px;}
				.slides-gs-img-10 .layer-3 {width:254px; height:130px; margin: 21px 0 0 21px;}			
				/*Презентации 11*/
				.slides-gs-img-11 .layer-1 {width:217px; height:190px; margin: -14px 0 0 20px;}
				.slides-gs-img-11 .layer-2 {width:249px; height:130px; margin: 55px 0 0 42px;}
				.slides-gs-img-11 .layer-3 {width:210px; height:153px; margin: 16px 0 0 55px;}
				/*Иконки 12*/
				.slides-gs-img-12 .layer-1 {width:267px; height:195px; margin: 5px 0 0 27px;}
				.slides-gs-img-12 .layer-2 {width:273px; height:192px; margin: 4px 0 0 17px;}
				.slides-gs-img-12 .layer-3 {width:200px; height:179px; margin: 10px 0 0 12px;}
				/*Инфографика 13*/ /* ЗАГЛУШКА */
				.slides-gs-img-13 .layer-1 {width:245px; height:98px; margin: 21px 0 0 21px;}
				.slides-gs-img-13 .layer-2 {width:254px; height:130px; margin: 21px 0 0 21px;}
				.slides-gs-img-13 .layer-3 {width:254px; height:130px; margin: 21px 0 0 21px;}
				/*Дизайн сайтов 14*/ /* ЗАГЛУШКА */
				.slides-gs-img-14 .layer-1 {width:245px; height:98px; margin: 21px 0 0 21px;}
				.slides-gs-img-14 .layer-2 {width:254px; height:130px; margin: 21px 0 0 21px;}
				.slides-gs-img-14 .layer-3 {width:254px; height:130px; margin: 21px 0 0 21px;}		
				/*3D Моделирование 15*/
				.slides-gs-img-15 .layer-1 {width:144px; height:214px; margin: -9px 0 0 157px;}
				.slides-gs-img-15 .layer-2 {width:132px; height:196px; margin: -1px 0 0 70px;}
				.slides-gs-img-15 .layer-3 {width:99px; height:102px; margin: 69px 0 0 5px;}
				/*3D визуализация 16*/ /* ЗАГЛУШКА */
				.slides-gs-img-16 .layer-1 {width:245px; height:98px; margin: 21px 0 0 21px;}
				.slides-gs-img-16 .layer-2 {width:254px; height:130px; margin: 21px 0 0 21px;}
				.slides-gs-img-16 .layer-3 {width:254px; height:130px; margin: 21px 0 0 21px;}
				/*3D анимация 17*/ /* ЗАГЛУШКА */
				.slides-gs-img-17 .layer-1 {width:245px; height:98px; margin: 21px 0 0 21px;}
				.slides-gs-img-17 .layer-2 {width:254px; height:130px; margin: 21px 0 0 21px;}
				.slides-gs-img-17 .layer-3 {width:254px; height:130px; margin: 21px 0 0 21px;}
				/*Чертежи 18*/
				.slides-gs-img-18 .layer-1 {width:213px; height:181px; margin: 1px 0 0 39px;}
				.slides-gs-img-18 .layer-2 {width:204px; height:181px; margin: 7px 0 0 50px;}
				.slides-gs-img-18 .layer-3 {width:280px; height:234px; margin: -19px 0 0 8px;}		
				/*сметы 19*/
				.slides-gs-img-19 .layer-1 {width:233px; height:195px; margin: -15px 0 0 7px;} 
				.slides-gs-img-19 .layer-2 {width:242px; height:195px; margin: -1px 0 0 30px;} 
				.slides-gs-img-19 .layer-3 {width:248px; height:194px; margin: 13px 0 0 51px;} 

				.btn-slider-gs { margin: 195px 0 0 5px; }





		/* ================================== (WEBSITES 1-330) ================================== */
				.templates-common > a { width: calc(100% - 73px); font-size: 19px; padding: 169px 17px 27px; text-align: center;	background-position: center top 20px;}




		/* ================================== (SEO 1-330) ================================== */
				.seo-col h3 { font-size: 24px; }
				.s-seo .clear {  height: 20px; }
				.tc-mob-col-box-seo #tc-mob-col {  width: 300px;   height: 450px; margin-top: -20px; }
				.tc-mob-col-box-seo #tc-mob-col .tc-item  {  width: 300px;  }



		/* ================================== (SMM 1-330) ================================== */
				.s-smm .clear {  height: 20px; }
				.smm-col h3 { font-size: 24px; }
				.tc-mob-col-box-smm { height: 580px; }
				.tc-mob-col-box-smm #tc-mob-col {  width: 300px;   height: 450px; margin-top: -15px; }
				.tc-mob-col-box-smm #tc-mob-col .tc-item  {  width: 300px;  }



		/* ================================== (MODAL 1-330) ================================== */
				.modal .head h4 {    font-size: 16px;}
				.head { /*width: calc(100% - 37px); padding: 12px 22px 12px 20px;*/ }
				.btn-close {  /*margin-top: -8px;*/ /*margin-right: -24px;*/ margin-right: -5px; }
				.sub-h2-title-mob { font-size: 1.35em; }
				.orderform .kakinput-s { font-size: 17px; }

				.submit .md-content .results { max-width: 250px; font-size: 13px; height: 40px; line-height: 40px; }



		/* ================================== (TABS OFFERS 1-330) ================================== */
				.offers div span { font-size: 15px; }

}











/*000000000000000000000000000000000000000000000000000000000*/
/*000000        000000000       00000000000      0000000000*/
/*000000000000   0000000  0000   00000000   0000   00000000*/
/*00000000      00000000  0000   00000000  000000  00000000*/
/*000000000000   0000000  0000   00000000   0000   00000000*/
/*000000        000000000       0000000000       0000000000*/
/*000000000000000000000000000000000000000000000000000000000*/


@media screen and (min-width:1px) and (max-width:310px){
	h2, h2 a { font-size: 21px; }
	.tc-mob-col-box-seo h2 { padding: 50px 5px 0px; }
	.fixmenu .h-line-2 ul li a { min-width: 155px; font-size: 15px; }

	.fixmenu-contacts { display: none; }

	#n-tabs .particular-0 span.adaptive { font-size: 15px; }
	#n-tabs .particular span { font-size: 15px; }

			/* ================================== (MODAL 1-310) ================================== */
				.modal .head h4 {    font-size: 15px; }
				.sub-h2-title-mob { font-size: 1.3em; }
				.orderform .btnform input { font-size: 16px; }
				.orderform .kakinput-s { font-size: 16px; }
				.cat-panel {  width: calc(100% - 20px);   padding: 0 10px;}

}