/* itsupport72.ru */

	body {margin: 0; background: white; font-family: Tahoma, sans-serif;}
	h2 {text-align: center;}
	svg {fill: green;}
	a[disabled], a[disabled]:hover {color: #999;}
	.container {width: 1000px; margin: 0 auto; padding: 0 20px; overflow: auto;}
	.center-bold {text-align: center; font-weight: bold;}
	.box-1-custom {padding: 0; border-radius: 8px;}
		.box-1-custom .fancybox-skin {padding: 0 !important;}

	.smartline {width: 100%; clear: both; padding-top: 5px; background: #264796; color: white; text-shadow: 1px 1px 0 #000;}
		.smartline .container {height: 50px;}
		.smartline .working-time {float: left;}
		.smartline .working-time .caption {float: left; width: 130px; vertical-align: top; overflow: hidden;}
		.smartline .working-time .main {height: 22px;}
		.smartline .address .main.hover, .smartline .address .branch.hover {color: yellow;}
		.smartline .address .main.hover a, .smartline .address .branch.hover a {color: yellow;}
		.smartline .working-time .branch {padding-left: 130px;}
		.smartline .address {float: right;}
		.smartline .line {text-align: right;}
		.smartline .line:first-child {padding-bottom: 3px;}
		.smartline span, .working-time.branch, .working-time.main {display: none;}
		span.lunch {padding-left: 10px; font-size: .9em; color: yellow;}
		span.day-off {color: yellow;}
		.to-map {text-decoration: none; border-bottom: 1px dashed white; font-size: .85em; color: white;}
		.inactive, #contact .social .inactive a {color: #ccc;}
		.hide {display: none !important;}

	header {width: 100%; background: white;}
		header .container {display: flex; justify-content: space-between; height: 130px; padding: 20px 0 0; 
			background: linear-gradient(to right, white 0%, rgba(255,255,255,.2) 15%, transparent 100%), linear-gradient(to left, white 0%, rgba(255,255,255,.2) 10%, transparent 100%), url('../images/scheme-blue-10p-min.png');}
			#logo {overflow: auto; font-size: 22px; text-decoration: none; color: #264796;}
			#logo img {width: 250px;}
			#logo span {display: block; margin-top: -2px; text-align: center; letter-spacing: 3px;}
			.logo .social {display: none; text-align: center;}
			.social .instagram {background: url('../images/logo/instagram-logo-min.png');}
			.social .vk {margin-left: 20px; background: url('../images/logo/vk-logo.png');}
			.social .instagram, .logo .vk {display: inline-block; width: 40px; height: 40px; background-size: contain;}
			.phones {text-align: right; color: #222;}
			.primary-phone {font: bold 34px Tahoma, sans-serif;} 
			.primary-phone a {color: #222; text-decoration: none;}
			.primary-phone span {font-size: .75em;}
			.tip {display: none;}
			.secondary-phone {position: relative; padding: 10px 0 0 58px; font: normal 26px Tahoma, sans-serif;}
			.secondary-phone img {height: 30px; vertical-align: bottom;}
			.secondary-phone .whatsapp, .secondary-phone .telegram, .secondary-phone .max {position: absolute;}
			/*.secondary-phone .whatsapp {left: 0; top: 0;}*/
			.secondary-phone .max {left: 0; top: 5px; height: 26px; z-index: 1;}
			.secondary-phone .telegram {left: 20px; bottom: 0; z-index: 10;}
			/*правило для apple техники*/
			.secondary-phone a {text-decoration: none; color: white;}
		/*.hotnews {font-size: 1.2em; padding: 22px 8px 0; background: rgba(255,255,255,.6);}*/
		.hotnews {font-size: 1.2em; padding: 12px 8px 0; background: rgba(255,255,255,.6);}
	
	nav {width: 800px; height: 35px; margin: -16px auto 0;}
	nav > ul {display: flex; justify-content: space-between; margin-top: 0; padding: 0;}
	nav li {list-style-type: none; /*хитрый трюк для увеличения зазора между пунктами*/ padding: 0 .3em;}
	nav a {transition: all .5s ease; font-size: 24px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #264796;}
	nav a:hover {color: rgb(14 62 177 / 85%);}
	nav a[href^="https"] {position: relative;}
	nav a[href^="https"]:after {content: ""; position: absolute; top: 0; right: -33px; display: block; width: 30px; height: 10px; /*background: url("../images/logo/2GIS_logo.svg"); background-size: contain;*/}
	/*nav > ul > li:not([class='price']):hover {margin-top: -1px;}*/
	nav li.price {position: relative; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #264796;}
	nav li.price a {}
	nav li.price ul {position: absolute; z-index: 1; top: 50px; display: none; width: 240px; margin-left: -88px; overflow: visible; border-radius: 4px; text-align: center;  background: transparent; top: 46px; margin-top: -22px; padding: 24px 6px 0px;}
	nav li.price ul li {padding: 3px 6px; background: #f3f4f8; border-radius: 3px 3px 0 0;}
	nav li.price ul:before {content: ''; position: absolute; left: calc(50% - 10px); top: 4px; border: 10px solid transparent; border-bottom: 10px solid #b5c6f1; z-index: 50;}
	nav li.price ul a {font-size: 18px; line-height: .5em;}
	nav li.price ul li:first-child {border-radius: 2px 2px 0 0; background: linear-gradient(to top, #f2f5f8 0%, #f2f5f8 80%, #b5c6f1 100%);}
	/*фон меню - #f2f5f8*/
	nav li.price ul li:last-child {padding-bottom: 6px; border-radius: 0 0 2px 2px;}
	nav li.price ul li:last-child a, nav li.price ul li:nth-child(2) a {display: block; line-height: 1.2em;}
	nav li.price ul li:nth-child(2) {border-radius: 0;}
	nav li.price:hover ul, nav li.price ul:hover {display: block;}
	nav li.price li {padding-bottom: 3px;}

	.news {display: none; margin-bottom: 9px; padding: 6px 5px 7px; border-top: 2px solid #264796; border-bottom: 2px solid #264796; text-align: center; font-size: 1.3em;}

	.slider {background: #264796;}
	.slider .container {padding: 0; margin: 10px auto;}
	.slider .container img.thumb {width: 100%;}
	.fotorama {position: relative; margin: 0;}
		.fotorama .link {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: auto;}
		a.more {position: absolute; display: block; width: 300px; height: 40px; border: 3px solid white; text-align: center; color: white; text-decoration: none; font-size: 24px; line-height: 1.7em; background: rgba(0,0,0,.5); transition: all .3s ease;}
		a.more:hover {background: rgba(0,0,0,.4);}
	.box-title {width: 100%; /*margin-bottom: 30px;*/ padding: 45px 0; text-align: center; font: bold 18px Tahoma, sans-serif; background: #264796; color: white;}
	.slider .fotorama__dot {border-color: white;}
	
	/*комплект с текстом*/
	.slider .container .below-text-1 {position: relative; display: flex; height: 500px; justify-content: center; align-items: center;}
	.slider .below-text-1:before {content: ""; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 20;}
	.slider .below-text-1:after {content: ""; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); background: url('../images/slider/slide1C.jpg') center; filter: blur(4px); z-index: 1;}
	.slider .container .below-text-1 .caption {position: absolute; width: 60%; text-align: center; font-size: 32px; color: white; text-shadow: 2px 2px 0 #000; z-index: 21;}

	.slider .container .below-text-2 {position: relative; display: flex; height: 500px; justify-content: center; align-items: center;}
	.slider .below-text-2:before {content: ""; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 20;}
	/*.slider .below-text-2:after {content: ""; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); background: url('../images/slider/slide2C.jpg') center; filter: blur(4px); z-index: 1;}*/
	.slider .below-text-2:after {content: ""; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); background: url('../images/slider/tonerprinter2.jpg') center; filter: blur(1px); z-index: 1;}
	.slider .container .caption {position: absolute; width: 60%; text-align: center; font-size: 60px; color: white; text-shadow: 2px 2px 0 #000; z-index: 21;}
	.below-text-2 .thumb {filter: blur(4px);}

	.mobile-alt-slider {display: none;}

	#services {margin-top: 30px; font-size: 17px;}
	 #services h2 {font-size: 24px; height: 58px;}
	 #services .container {display: flex; align-content: flex-start; flex-wrap: wrap; justify-content: flex-start;}
	 .service {width: 33%; min-height: 405px; text-align: center;}
	  .service figure {height: 100px; margin: 0;}
	  .service figure img {max-height: 100px;}
	  .service ul {margin-top: 22px; text-align: left;}
	.repair, .refilling, .print-a4, .company-service {}
	#services ul {list-style-type: square;}
	#services .print-a4 ul li:nth-child(4) {padding-top: 4px; list-style-type: none;}
	.repair {height: 405px;}
		.repair ul {list-style-type: square;}
	.refilling {height: 405px; padding-bottom: 7px;}
		.refilling ul {width: 90%; margin: 14px 0 0 0;}
		 .refilling ul li:last-child {color: red;}
		 .refilling .dfn {border-bottom: 1px dashed gray; font-size: .9em;}
		 .refilling .dfn:hover {cursor: pointer;}
		 .refilling .definition {display: none; font-size: .8em;}
	.print-a4 {float: right;}
		.print-a4 ul {width: 80%; padding-left: 50px;}
		.company-service ul {width: 80%; padding-left: 50px;}
	.button-wrap {display: none;}

	#customers .logo-wrap {display: flex; align-items: center; justify-content: space-around; min-height: 158px; border-top: 4px solid #264796; border-bottom: 4px solid #264796;flex-wrap: wrap;}
		#customers h2 {margin-top: 40px;}
		#customers .img-wrap {display: flex; align-items: center; width: 150px; height: 150px; background: #fff;}
		#customers .img-wrap img {width: 100%;}
		#customers .img-wrap.reduce img {justify-content: center; width: 120px; padding: 0 15px;}
		/*#customers .mp {background: #0375a7;}*/
		/*#customers .lhlp {width: 200px;}*/
		#customers .oc {justify-content: space-around;}
		#customers .binyatov {width: 110px;}

	#pricing {padding-top: 20px;}
		#pricing .container {}
		h3 {width: 50%; margin: 0 auto 30px; color: #222; text-align: center;}
		#pricing .desc {padding-bottom: 10px; text-align: center; color: #444; font-size: 14px; font-style: italic;}
			.iphone {width: 60%; margin: 0 auto 20px; border-collapse: collapse; text-align: center; font-size: 15px;}
			.iphone td {padding: 6px; border: 1px solid #ccc;}
			.iphone thead {font-size: 14px; font-weight: bold;}
			.iphone tr:nth-child(even) {background: #ddd;}
			.iphone tr > td:first-child {font-size: 14px; font-weight: bold;}

	
	.map h2 {margin-top: 40px;}
	.map .container {}
	.map .work-time {max-width: 100%; padding-bottom: 15px; text-align: center; font-size: 22px;}
		.work-time .lunch {color: #222;}
	.map-phone {text-align: center; font-size: 20px;}
		.map-phone .lesser {font-size: 0.9em;}
	#map_main, #map_branch {width: 100%; height: 500px; margin: 30px 0 8px;}
	
	/*.details {padding-bottom: 30px;}*/
		.map .details {display: flex; justify-content: space-between;}
		.map .details a {width: 24.5%;}
		.map .details a img {width: 100%; border-radius: 2px;}

	/*#contact {padding-bottom: 20px;}*/
	#contact {padding-bottom: 0;}
	#contact h2 {margin: 40px 0 30px;}
	#contact .details {padding: 0 2% 30px; font-size: 19px; text-align: center;}
	#contact .wrap {display: flex; justify-content: space-around;}
	.point-1 {width: 250px; padding-left: 5%; font-size: 22px;}
	.point-2 {width: 300px; padding-left: 5%; font-size: 22px;}
	.point-1 .fa-circle {color: #32E5F7; padding-right: 5px; text-shadow: 0 0 6px #32E5F7;}
	.point-2 .fa-circle {color: #CB45F7; padding-right: 5px; text-shadow: 0 0 6px #CB45F7;}
	/*#contact .phones {padding: 15px 0;text-align: left; font-size: 22px; line-height: 1.3em;}*/
	/*#contact .phones span {padding-left: 18px;}*/
	.mini-header {line-height: 1.2em; font-weight: bold; font-size: 19px;}
	span.lesser {font-size: 0.8em;}
	#contact .phones, .worktime{padding-left: 30px; text-align: left;}
		/*.work-time {max-width: 300px;}*/
		/*.work-time span {display: inline-block; width: 100px; padding-left: 15px;}*/
		 /*.mini-header {padding-top: 5px; font-size: 19px;}*/
		 .bigger {padding: 20px 0 5px 15px; font-size: 19px;}

	#contact .social {clear: both; padding: 30px 1% 0; font-size: 20px; line-height: 1.8em;}
		#contact .social a {color: #222;}
		#contact .social a.viber-phone, #contact .social a.telegram-phone, #contact .social a.whatsapp-phone {display: none;}
		/*#contact .social > div {display: flex; align-items: center; width: calc(100% - 100px); height: 40px; margin-bottom: 15px;padding-left: 80px; font-size: 24px;}*/
		#contact .social p {display: inline-block; width: 49%; margin: 0 0 10px; text-align: center;}
		#contact .social p:even {text-align: right;}
		#contact .social p:last-child {display: block; margin: 5px auto 0;}
		#contact .social .messenger {background: url('../images/logo/whatsapp-logo128.png') 0 0 /40px no-repeat, url('../images/logo/viber-logo128.png') 33px 0 /40px no-repeat;}
		#contact .social .email {background: url('../images/email-128.png') 23px 2px /40px no-repeat;}
		#contact .social .instagram {background: url('../images/logo/instagram-logo.png') 20px 0 /40px no-repeat;} 
		#contact .social .vk {margin-left: 0; background: url('../images/logo/vk-logo.png') 20px 0 /40px no-repeat;}

	footer {background: #264796;}
		footer .container {min-height: 150px; margin-top: 20px; padding: 20px 0 10px;}
		.logo-social {float: left; width: 180px; margin-top: -18px; padding: 20px 5px 10px 5px; background: #fff; box-shadow: 2px 2px 3px #222;}
		.logo-social img.main-logo {width: 100%;}
		.logos {display: flex; justify-content: space-around; margin-top: 15px;}
		.logos img {height: 35px;}
		.footer-menu {float: left; width: 200px;}
		.footer-menu ul {margin-top: 6px; list-style-type: none;}
		.footer-menu li {padding-bottom: 7px;}
		.footer-menu a {text-decoration: none; color: #fff; text-shadow: 1px 1px 0 #000;}
		footer .bottom-title {clear: both; margin: 20px 0 5px; text-align: center; color: white; text-shadow: 1px 1px 0 #000;}
		footer .bottom-title i.fa-snowflake-o {color: white;}
		footer .bottom-title i.fa-leaf {color: forestgreen;}
		footer a.instagram {filter: grayscale(1);}

	[id^="slider-text"], #footer-about {display: none; font-size: 17px; color: #222; background: url('../images/source/paperback.jpg') center;}
		#footer-about p {padding-left: 20px; padding-right: 20px;}
		#footer-about p:first-child {margin-top: 0;}
		#footer-about p:last-child {padding-bottom: 25px;}
		#slider-text-1 [class^="paragraph"], #slider-text-2 [class^="paragraph"] {padding: 0 30px 10px 30px; line-height: 1.3em;}
		[id^="slider-text"] h2 {font-size: 23px;}
		[id^="slider-text"] h2:first-child {margin-top: 30px;}
		#slider-text-2 .paragraph-3 {padding-bottom: 30px;}
		#footer-requisites {display: none; margin: 0; line-height: 1.4em; font-size: 16px; color: #222;}
		#footer-requisites p {margin: 0; padding: 6px 20px;}	
		#footer-requisites p:first-of-type {padding-top: 10px;}	
		#footer-requisites p:last-child {padding-bottom: 10px;}	
		#footer-requisites p:nth-child(odd) {background: #e7e7e7;}	


	/* размеры: 1024 / 900 / 768 / 640 / 425 / 415 / 375 / 320 */

	@media screen and (max-width: 1024px) {
		.smartline {padding: 7px 0 3px;}
		.container {width: calc(100% - 24px); margin: 0; padding: 0 12px;}
		header .container {width: calc(100% - 24px); margin: 0; padding: 20px 8px;}
		.slider .container {width: 100%; margin: 0; padding: 0;}
		.hotnews {max-width: 330px; padding: 7px 0 0; color: #222; font-size: 1.1em;}
		nav {margin: -36px auto 10px;}

		#contact .point-2 .phones + .bigger {padding-top: 50px;}
	}

	@media screen and (max-width: 900px) {
		nav {width: 100%; margin-top: 0;}
		main {margin-top:  10px;}

		.hotnews {display: none;}

		.news {display: none; margin-top: 10px; background: repeating-radial-gradient(circle, #cad7f769 0 10px, #f3f4f9 10px 20px);}
		.slider .container .below-text-1, .slider .container .below-text-2 {height: 450px;}
		.slider .container .below-text-1 .caption {font-size: 1.8em;}

		.map .details {width: 100%; display: flex; justify-content: space-between;}
		/*.map .details a {width: 33%;}*/
		/*.map .details img {width: 100%;}*/
	}

	@media screen and (max-width: 768px) {
		h2 {font-size: 22px;}
		header .container {height: 110px; padding: 20px 8px 0;}
			.primary-phone .tip {display: none};

		nav {width: 100%; margin: 0;}
		nav > ul {justify-content: space-around;}
		nav li {padding-top: 8px;}
		nav li a, nav li.price {font-size: 20px;}
		nav li.price ul {padding-top: 14px;}
		nav li.price ul:before {content: ""; top: -6px;}

		.slider .container {width: 100%; margin: 0;}
		.fotorama div img {width: 100%;}
		.slider .container .below-text-1, .slider .container .below-text-2 {height: 400px;}
		.slider .container .below-text-1 .caption {font-size: 1.5em;}
		.slider .container .below-text-2 .caption {font-size: 3em;}

		#services .container {width: 100%; padding: 0; justify-content: space-around;}
		.service {height: auto;}
		.service ul {font-size: 16px;}
		#services h2 {height: 62px;}
		.service img {max-width: 90%; height: auto; max-height: 115px;}
		.company-service ul {padding-left: 40px;}

		#contact .point-2 {padding-left: 7%; border-left: 2px solid #069;}

		.iphone {width: 74%;}

		/*.map .details {display: flex; justify-content: space-around;}*/
		/*.map .details a {}*/
		/*.map .details img {width: calc(100% - 6px); padding: 0 3px;}*/
	}

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

		h2 {padding: 0 7px;}
		.container, header .container {width: 100%; padding: 0;}

		.smartline {padding: 8px 0 0;}
		.smartline .container {height: auto; text-align: center;}
		.smartline .working-time, .smartline .address {float: none;}
		.smartline .working-time .branch {padding-left: 0;}
		.smartline .address {padding: 7px 0;}
		.smartline .line {text-align: center;}
		.smartline .address .branch {padding-bottom: 4px;}
		.smartline .working-time {display: none;}
		.working-time.main, .working-time.branch {display: block; padding: 1px 0 9px;}
		.working-time.main i, .working-time.branch i {display: inline; padding-right: 12px; vertical-align: bottom; font-size: 18px;}

		header {padding-bottom: 10px;}
		header .container {display: block; height: auto; padding: 0;}
		header .logo {width: 100%; padding: 15px 0 11px; text-align: center;}
		header .phones {background: #264796; color: white; padding: 7px 0 9px;}
		header .phones {text-align: center;}
		header .phones .primary-phone {padding-top: 5px; font-size: 22px;}
		header .primary-phone a {color: white; text-decoration: none;}
			.primary-phone .tip {/*display: none;*/ margin-left: 10px; padding-top: 10px; font: normal 14px tahoma,sans-serif;}

		header .phones .secondary-phone {display: flex; justify-content: center; padding: 12px 0 0 0; font-size: 22px; color: white;}
		 
		 .secondary-phone .telegram-svg {margin-right: 5px; width: 29px; height: 30px; background-color: white; 
		 	-webkit-mask-image: url('../images/logo/telegram-logo.svg');
		 	mask-image: url('../images/logo/telegram-logo.svg');}
		 
		  /* .secondary-phone .whatsapp-svg {margin-right: 10px; width: 26px; height: 30px; background-color: white; 
		 	-webkit-mask-image: url('../images/logo/whatsapp-logo.svg');
		 	mask-image: url('../images/logo/whatsapp-logo.svg');}*/

		 .secondary-phone .max-svg {margin-right: 10px; width: 30px; height: 30px; background-color: white; 
		 	-webkit-mask-image: url('../images/logo/max-logo.svg');
		 	mask-image: url('../images/logo/max-logo.svg');}
		 
		 /*.secondary-phone .viber {display: none; top: 5px; left: 33px;}*/
		 .secondary-phone .telegram {display: none; top: 5px; left: 33px;}
		 .secondary-phone .whatsapp {display: none; top: 5px; left: 10px;}
		 .secondary-phone .max {display: none; top: 5px; left: 10px;}

		nav {height: auto; width: 97%; margin: 0 auto;}
		nav > ul {flex-wrap: wrap;}
		nav li.price {display: none;}
		nav a[href^="https"]:after {display: none;}

		.news {font-size: 19px;}

		.slider .container {height: 250px; overflow: hidden;}
		.slider .container .below-text {height: 100%;}
		.slider .below-text:after {background-size: cover;}
		.slider .container .caption {width: 100%; font-size: 1em;}
		.slider .container .below-text-1, .slider .container .below-text-2 {height: 250px;}
		.slider .container .below-text-1 .caption {font-size: 1.1em;}
		.slider .container .below-text-2 .caption {font-size: 2em;}
		.slider .below-text-2:after {content: ""; background: url('../images/slider/tonerprinter2-640w.jpg') center; background-size: cover; filter: blur(1px);} 

		#services {}
		#services .service {width: 50%; height: auto; min-height: auto;}
		#services h2 {font-size: 18px;}
		 .service ul {height: 80px; overflow: hidden; margin-bottom: 0; padding-left: 30px; font-size: 15px;}
		 .service ul.full {height: auto;}
		 .service ul.full + .button-wrap {top: 0;}
		 .service ul + .button-wrap i.fa-chevron-down {display: inline-block;}
		 .service ul + .button-wrap i.fa-chevron-up {display: none;}
		 .service ul.full + .button-wrap i.fa-chevron-down {display: none;}
		 .service ul.full + .button-wrap i.fa-chevron-up {display: inline-block;}
		 .refilling ul {width: 100%; box-sizing: border-box; margin-top: 22px;}
		 .service .button-wrap {position: relative; top: -30px; display: block; padding-top: 15px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 100%);}
		 .button-wrap:after {content: ""; position: absolute; top: 26px; left: 10%; z-index: 5; display: block; width: 80%; height: 1px; border-bottom: 1px solid #ccc;}
		 button.more {position: relative; z-index: 10; width: 80px; height: 22px; border: 2px solid #ccc; border-radius: 6px; background: white;}
		 button.more i {padding-bottom: 3px;}

		.iphone {width: 80%;}

		#map_main, #map_branch {height: 400px;}
		#map1 .work-time, #map2 .work-time, .map-phone, #contact .details, #contact .social {font-size: 16px;}
		#contact .social {line-height: 1.2em;}
		.map h2 {margin-top: 30px;}
		#contact .phones {font-size: 18px;}

		#contact h2 {margin-top: 30px;}
		#contact .details {padding-right: 0;}
		#contact .wrap {justify-content: space-between;}
		#contact .bigger {padding-left: 0;}
		#contact .phones, #contact .worktime {padding-left: 15px;}
		#contact .worktime {font-size: 18px;}
					
		/*.point-2 {border-left: 2px dashed #ccc;}*/

		#contact .point-1 .worktime span {display: inline-block; width: 50px;}
		#contact .point-2 .phones + .bigger {padding-top: 42px;}
		
		/*#contact .worktime div:last-child {padding-left: 20px; text-align: left;}*/
		/*#contact .worktime div:last-child span {width: 100%; padding-left: 0;}*/

		#footer-about p, #footer-requisites p {font-size: 15px;}

	}
	

	@media screen and (max-width: 425px) {
		.slider .below-text-2:after {content: ""; background: url('../images/slider/tonerprinter2-425w.jpg') center; background-size: cover; filter: blur(1px);} 
		#contact .social {text-align: center;}
		 #contact .social p {display: block; width: 100%;}
	}

	@media screen and (max-width: 415px) {
		/* ранее 375px */
		.news {font-size: 1.1em;}

		nav li a {padding-right: 5px;}

		.slider .container .below-text-2 .caption {width: 96%;}
		.mobile-alt-slider {display: none; padding: 10px 10px 20px; overflow: auto; background: #264796; color: white; text-align: center;}
		.slider .below-text-2:after {content: ""; background: url('../images/slider/tonerprinter2-375w.jpg') center; background-size: cover; filter: blur(1px);} 

		.iphone {width: 98%;}

		#map_main, #map_branch {height: 300px;}

		#contact .details {float: none; width: 90%; padding: 0 5%;}
		#contact .social {float: none; width: 90%; margin: 15px 5%; padding: 15px 0 15px; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc;}
		#contact .wrap {display: block;}
		#contact .point-1, #contact .point-2 {clear: both; width: 72%; padding: 30px 0 0 28%;}
		#contact .bigger {padding-top: 7px;}
		#contact .point-2 .phones + .bigger {padding-top: 7px;}
		#contact .social {display: flex; flex-wrap: wrap; width: 96%; margin: 25px 2% 15px; padding-top: 25px;}
		/*#contact .social p {display: flex; width: 100%; padding-bottom: 10px;}*/
		#contact .social p {width: 100%; padding-bottom: 10px;}
		#contact .social p:nth-of-type(1) {order: 1;}
		#contact .social p:nth-of-type(2) {order: 3;}
		#contact .social p:nth-of-type(3) {order: 2;}
		#contact .social p:nth-of-type(4) {order: 4;}
		#contact .social p:nth-of-type(5) {order: 5;}


		footer .logo-social {float: none; margin: -18px auto 0;}
		.footer-menu {float: none; margin: 30px auto -0; text-align: center;}
		.footer-menu ul {padding: 0;}
	}

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

		#customers .logo-wrap {border-top: 0; border-bottom: 0;}

	}

	@media screen and (max-width: 320px) {
		.smartline {font-size: 15px;}

		.tip {display: block; text-align: center;}
		.fa-arrow-up {display: inline;}

		.news {font-size: 15px;}

		a.more {width: 220px; height: 30px; font-size: 18px;}

		#services .service {width: 100%; min-height: auto;}
		#services h2 {height: auto;}
		 .refilling ul {margin: 22px 0 15px;}
		 .protective-glass .button-wrap {display: none;}

		#contact .point-1, #contact .point-2 {clear: both; width: 74%; padding: 30px 0 0 25%; border: 0;}
		#contact .social {width: 100%; margin: 35px 0 0;}
	}

	/* правила для тач-устройств */
	@media (hover:none), (pointer:none) {

		/*.primary-phone a {color: white; text-decoration: none;}*/
		#contact .social a.viber-phone, #contact .social a.telegram-phone, #contact .social a.whatsapp-phone {display: inline;}
		#contact .social a.viber-phone + span, #contact .social a.telegram-phone + span, #contact .social a.whatsapp-phone + span {display: none;}
		
		.primary-phone .tip {padding-left: 10px; /*font: normal 12px tahoma, sans-serif;*/}
		 .tip {display: block !important;}
	}