

/* Start:/5top100/about/main.css?17876703306927*/
	@font-face {
		font-family: "PTSerifRegular";
		src: url("/5top100/about/fonts/PT_Serif-Web-Regular.ttf");
		font-style: normal;
		font-weight: normal;
	}
	.TOP-block{
		margin-bottom: 40px;
		padding-top: 10px;
	}
	.TOP-block .t-wrap{
		border-top: 4px solid #c00;
	}
	.t-wrap-2{
		margin-bottom: 40px;
	}
	.t-wrap, .t-wrap-2, .t-wrap-3{
		width: inherit;
		margin: auto;
		position: relative;
	}
	.t-wrap .t-wrap-min{
		width: 980px;
		padding: 0 10px;
		margin: auto;
		position: relative;
	}
	.t-wrap .t-pr{
		height:42px;
		background-color:#a1bcd2;
		text-align:center;
	}
	.t-logo{
		height: 235px;
		background-color: white;
		box-shadow: 5px 5px 7px rgba(0,0,0,0.2);
		margin-top: 40px;
		border-radius: 5px;
		border: 2px solid #A1BCD2;
		position: relative;
	}
	.t-logo::before{
		content: ''; 
		position: absolute;
		left: 137px;
		bottom: -22px;
		border: 10px solid transparent;
		border-top: 10px solid #A1BCD2;
	}
	.t-logo::after {
		content: ''; 
		position: absolute;
		left: 137px;
		border: 10px solid transparent;
		border-top: 10px solid white;
		bottom: -19px; 
	}
	.t-logo::after {

	}

	.name{
		padding-top: 40px;
		font-size: 20px;
		text-transform: uppercase;
		color: #0e5192;
		font-weight: bold;
		line-height: 30px;
	}
	.img-wrap{
		padding-top: 30px;
	}
	.description{
		padding-top: 30px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0b3253;
		font-size: 15px;
		 word-spacing: 10px;
	}
	.w-980{
		width: 980px;
		margin: auto;
		position: relative;
		text-align:center;

	}
	.t-wrap .t-pr .w-980 h1{
		font-size:15px;
		text-transform: uppercase;
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		text-align: center;
		padding: 10px 0;
		color:white
	}

	.t-wrap .t-pr .w-980 h1:after,
	.t-wrap .t-pr .w-980 h1:before{
		content: "";
		position: relative;
		display: inline-block;
		width: 37%;
		height: 1px;
		vertical-align: middle;
		background-color:white;
		background-clip: content-box;
	}
	.t-wrap .t-pr .w-980 h1:before{
		left: -2.1em;
	}
	.t-wrap .t-pr .w-980 h1:after{
		left: 2.1em;
	}
	.t-wrap .t-pr .w-980 a{
		text-decoration: blink;
	}


	.main-block .wrap{
		width: 980px;
		margin: auto;
		position: relative;
	}

	.wrap .w-720{
		width:720px;
		height:20px;
		margin: auto;
	}
	.wrap .w-720 .w-33{
		width:33%;
		float: left;
		color:#0b3253;
	}
	.row .text{
		width:84%;
		float:left;
	}
	.row .image{
		width:16%;
		float:left;
		text-align: right;
	}
	.row{
		min-height:145px;
		padding-top:40px;
		padding-bottom:40px;
		z-index: 2;
    	position: inherit;
	}
	.black{
		color:#0b3253;
		line-height: 30px;
	}
	.white{
		color:white;
		padding-left:100px;
		padding-top: 6px;
		line-height: 20px;
	}
	.name-project{
		font-weight: bold;
		font-size: 22px;
		text-transform: uppercase;
		text-align: center;
		line-height: 35px;
		padding-top: 80px;
		color: #0b3253;
	}
	.wid-row{
		width:100%;
		height: 300px;
		//padding-top: 50px;
	}
	.wid-row .b-65{
		float:left;
		width:60%;
		padding-top: 36px;
	}
	.wid-row .b-35{
		float:left;
		width:40%;
		padding-top: 35px;
	}
	.lit-row{
		height:80px;
	}
	.b-65 .lit-row  .icon{
		float: left;
		width: 13%;
	}
	.b-65 .lit-row  .descrip{
		float: left;
		width: 87%;
		padding-top: 7px;
		text-transform: uppercase;
	}

	.b-35 .lit-row  .icon{
		float: left;
		width: 20%;
	}
	.b-35 .lit-row  .descrip{
		float: left;
		width: 80%;
		text-transform: uppercase;
		line-height: 25px;
	}
	.name-project-2{
		font-size: 22px;
		text-transform: uppercase;
		text-align: center;
		line-height: 35px;
		padding-top: 100px;
		padding-bottom: 45px;
		color: #0b3253;
	}
	.name-description{
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		line-height: 35px;
		color: #7B0E10;
		word-spacing: 3px;
	}
	.c-num{
		padding-top: 45px;
		padding-bottom: 20px;
		width: 800px;
		height: 80px;
		margin: 0 auto;
	}
	.c-num .number{
		width: 5%;
		float: left;
		color: #0b3253;
		font-size: 40px;
		font-weight: bold;
		font-family: "PTSerifRegular";
	}
	.c-num .des{
		width: 95%;
		float: left;
		//text-transform: uppercase;
		color: #0b3253;
		font-size: 16px;
		line-height: 27px;
		padding-top: 17px;
	}
	.c-num .des span{
		font-weight:bold;
		text-decoration: underline;
	}
	.bg-image{
		background-image:url(/5top100/about/img/put2.png);
		height: 100%;
		width: 420px;
		position: absolute;
		background-repeat: no-repeat;
		top: 155px;
		left: 268px;
		opacity: 0.3;
		z-index: 1;
	}
	.bg-image-1{
		background-image:url(/5top100/about/img/bg1.png);
		height: 100%;
		background-size: 45%;
		width: 98%;
		position: absolute;
		background-repeat: no-repeat;
		top: 43px;
		left: 276px;
		opacity: 0.4;
		z-index: 1;
	}
	.bg-image-2{
		background-image:url(/5top100/about/img/bg2.png);
		height: 595px;
		width: 100%;
		position: absolute;
		background-repeat: no-repeat;
		top: 36px;
		left: 109px;
		opacity: 0.2;
		z-index: 1;
	}
	.l-row{
		width:100%;
		height:200px;
	}
	.l-row .text-wrap{
		width:60%;
		float:left;
		color:white;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 27px;
	}
	.l-row .text-wrap .pad{
		padding-top: 80px;
		padding-right: 129px;
		line-height: 35px;
	}
	.l-row .image-students{
		width:40%;
		float:left;
	}
	.serif{
		font-family: "PTSerifRegular";
	}
	.bu{
		background-image:url(/5top100/about/img/button.png);
		text-transform: uppercase;
		color: #0b3253;
		font-size: 16px;
		font-weight: bold;
		padding-top: 23px;
		width: 720px;
		background-size: cover;
		height: 36px;
		background-repeat: no-repeat;
	}
	.bu:hover{
		cursor:pointer;
	}
	#wh_string{
		height: 60px!important;
    	padding-top: 17px;
	}

	#img_1{
		background-image:url(/5top100/about/img/1.png);
		background-repeat: no-repeat;
		width:42px;
		height:41px;
	}
	/*#img_1:hover{
		background-image:url(/5top100/about/img/1-1.png);
		width:62px;
		height:56px;
	}*/
	#img_2{
		background-image:url(/5top100/about/img/2.png);
		background-repeat: no-repeat;
		margin-left: 100px;
		width:40px;
		height:41px;
	}
	#img_3{
		background-image:url(/5top100/about/img/3.png);
		background-repeat: no-repeat;
		margin-left: 210px;
		width:25px;
		height:41px;
	}
	.fullname{
		width: 315px;
		float: left;
		padding: 15px;
		font-size: 16px;
		margin-right: 20px;
	}
	.phone{
		width: 315px;
		float: left;
		padding: 15px;
		font-size: 16px;
	}
	.message{
		width: 687px;
		max-width: 687px;
		margin-top: 20px;
		height: 200px;
		max-height: 200px;
		padding: 15px;
		font-size: 17px;
		margin-bottom: 20px;
	}
	#form{
		display:none;
		margin-bottom: 20px;
	}
	.btn-s {
		font-family: Arial;
		color: #ffffff;
		font-size: 24px;
		background: #2C62A5;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		width:680px;
		margin-top: 18px;
		text-align: center;
	}
	
	.btn-s:hover {
		background: rgba(44, 98, 165, 0.69);
		text-decoration: none;
		color: #ffffff;
		cursor:pointer;
	}

	.btn-sub-wrp,.g-recaptcha{
		display: inline-block;
		vertical-align: middle;
		width: 49%;
	}
	.btn-sub-wrp input{
		padding: 15px;
		font-size: 16px;
		width: 100%;
	}

/* End */
/* /5top100/about/main.css?17876703306927 */
