.about {position: relative;}
.about::before{content:'';display:table;position:relative;}
.about-title {text-align:center;font-size:1.25rem;font-weight:700;text-transform: uppercase;margin: 0 0rem 2rem 0rem;;padding:0.5rem 0;position: relative;background-color:#4498d7;color:#fff;}
.about-title .arrow-bottom {background: #4498d7;bottom: -0.5rem;display: inline-block;left: 50%;position: absolute;transform: rotate(-45deg);width: 1rem;height: 1rem;z-index: 2;margin-left:-0.5rem}

.about-text {padding-bottom:1.5rem;}
.about-photo {display: inline-block;width:18.75rem;position:relative;}
.about-photo__box{width: 18.75rem;height:18.75rem;margin: 0 auto;position:relative}
.about-photo__padding {width: 100%;height: 100%;overflow: hidden;border-radius: 100%;box-shadow: 0 0 1.25rem #aaa;padding: .25rem;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;background: #fff;}
.about-photo__cube {width: 100%;height: 100%;overflow: hidden;border-radius: 100%; position: relative;/*background: #4498d7;*/background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );}
.about-photo__number {font-family:'PFDinDisplayPro','PFDinTextCondPro';position:absolute;left: 50%;bottom: 0;background: #f36f21;width:4rem;height: 4rem;line-height: 4rem;border-radius: 100%;text-align: center;color: #fff;font-weight: 900;font-size:2.5rem;margin-bottom: -1.75rem;z-index:20;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.about-photo__image {width: 100%;height: 100%;overflow: hidden;border-radius: 100%;position: absolute;left: 0;top: 0rem;}
.about-photo .about-photo__image img {width:100%;margin: 0 auto}

.about-photo__overlay {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 10;opacity: 0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transform: translate(0px, 200px);-webkit-transform: translate(0px, 200px);-moz-transform: translate(0px, 200px);z-index:10;border-radius:100%}
.about-photo__preview {position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;white-space: nowrap;}
.about:hover .about-photo__overlay {opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); transition-delay: 0.2s;}

.about-infoblock__social{position:absolute;right:0;top:1.875rem;}
.about-infoblock__social ul{list-style:none;margin:0 auto;padding:0;text-align: center;}
.about-infoblock__social ul li{margin:0;padding:0;display: inline-block;width: 2rem;height: 2rem;margin-right: .625rem;text-align: center;background: #ddd;line-height: 2rem;color: #fff;font-size:1.125rem}
.about-infoblock__social ul li:before,.about-infoblock__social ul li:after{content:inherit !important;}
.about-infoblock__social ul li:last-child{margin-roght:0;}
.about-infoblock__social ul li i {width: 2rem;height: 2rem;line-height: 2rem;}
.about-infoblock__social ul li a{color:#fff;display: inline-block;width: 2rem;height: 2rem;line-height: 2rem;}
.about-infoblock__social ul li.icoInstagram a {background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.about-infoblock__social ul li.icoFacebook a{background:#4D70D5;}
.about-infoblock__social ul li.icoVk a{background:#3B83D6;}
.about-infoblock__social ul li.icoTwitter a{background:#26BCED;}


.about-infoblock {display:block;position:absolute; left:0;top:0;width:100%;padding-left:22rem;font-size: 1.125rem;}
.about-infoblock__top {border-bottom: 2px solid #99d5f0;height:5.5rem;}
.about-infoblock__fio .fam{display:block;font-weight:700;font-size:3rem;line-height:0.8;color:#000;text-transform:uppercase}
.about-infoblock__fio .name{display:block;font-weight:300;font-size:2.5rem;line-height:0.7;color:#777;}
.about-infoblock__content {width:100%;text-align:center;height:13.5rem;position:relative;/*border-bottom: 2px solid #99d5f0;*/}
.about-infoblock__center{position: absolute;left:0;width:100%;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-infoblock__content .param {position:relative;height:1.75rem;}
.about-infoblock__content .param .name {position:absolute; right:70%;top:0;line-height:1.75rem;white-space:nowrap;font-weight:bold}
.about-infoblock__content .param .value {position:absolute; left:0;top:0;padding-left:33%;width:100%;color:rgba(0,0,0,0.5);text-align:left;line-height:1.75rem;}
.about-infoblock__content .param .value .age {margin-left:1rem;opacity:0.5;font-size:.875rem}





@media only screen and (max-width: 1199px) {
	.about-infoblock {font-size: 1.0625rem;}

}

@media only screen and (max-width: 991px) {
	.about-photo {width:16rem;}
	.about-photo__box{width: 16rem;height:16rem;}
	.about-infoblock {padding-left:17rem;font-size: 1rem;}
	.about-infoblock__top {height:4rem;}
	.about-infoblock__fio .fam{font-size:2.5rem;}
	.about-infoblock__fio .name{font-size:2rem;}
	.about-infoblock__social{top:1.25rem;}
	.about-infoblock__social ul li, 
	.about-infoblock__social ul li i,
	.about-infoblock__social ul li a {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;font-size:1rem}
	.about-infoblock__content {height:12rem;}
	.about-infoblock__content .param .name {right:60%;}
	.about-infoblock__content .param .value {padding-left:42%;}

}

@media only screen and (max-width: 767px) {
	.about-photo {width:100%;}
	.about-photo__box{width: 18.75rem;height:18.75rem;margin-bottom: 2rem;}
	.about-photo__number {width:3rem;height: 3rem;line-height: 3rem;font-size:2rem;margin-bottom: -1.25rem;}

	.about-infoblock {position:inherit;padding:0;margin-top:1.375rem;font-size: 1.125rem;text-align:center;}

	.about-infoblock__top {height:auto;min-height: 5rem;}
	.about-infoblock__social{position:inherit;width:100%;padding: 1.375rem 0;}
	.about-infoblock__social ul li, 
	.about-infoblock__social ul li i,
	.about-infoblock__social ul li a {width: 2rem;height: 2rem;line-height: 2rem;font-size:1.125rem}
	.about-infoblock__content {height:auto;}
	.about-infoblock__center{width:100%;position:inherit;-webkit-transform: inherit;transform: inherit;margin:1rem 0}
	.about-infoblock__content .param {height:2rem;}
	.about-infoblock__content .param .name {right:52%;line-height:2rem;}
	.about-infoblock__content .param .value {padding-left:52%;line-height:2rem;}
}

@media only screen and (max-width: 479px) {
	.about-photo__box{width: 14rem;height:14rem;}
	.about-photo__number {width:2.75rem;height: 2.75rem;line-height: 2.75rem;font-size:1.75rem;margin-bottom: -1rem;}

	.about-infoblock {font-size: 1rem;}
	.about-infoblock__top {min-height: 4rem;}


	.about-infoblock__fio .fam{font-size:2rem;}
	.about-infoblock__fio .name{font-size:1.5rem;}
	.about-infoblock__social ul li, 
	.about-infoblock__social ul li i,
	.about-infoblock__social ul li a {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;font-size:1rem}
}

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

	.about-infoblock__content .param {height:auto;padding:0.5rem 0;border-bottom:1px solid rgba(0, 150, 220,0.2)}
	.about-infoblock__content .param .name {position: inherit;right:0;text-align:center;line-height:1.25rem;}
	.about-infoblock__content .param .value {position: inherit;padding:0;text-align:center;line-height:1.25rem;}

}