h1 {color: #fff; font-family: DinProBold, Arial, sans-serif; font-size: 33px; text-align: center; margin: 20px 0 30px 0;}
h3 {color: #fff; font-family: DinProBold, Arial, sans-serif; font-size: 16px; text-align: left;}
.content_j {color: #fff;}
.news_item:after, .breadcrumbs:after, .wrap_services:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.news_item_right a {color: #B22222;}

strong {font-family: DinProBold;}
p {padding: 5px 0;}
.about-wrap ul, .content_j ul {padding: 10px 0; padding-left: 57px;}
.about-wrap ul li, .content_j ul li {padding: 5px 0; list-style-type: disc;}

/************---   breadcrumbs   ---************/

.breadcrumbs {margin: 15px 0;}
.breadcrumbs li {float: left; list-style-type: none !important; margin-left: 0px !important;}
.breadcrumbs li a {padding: 0 5px; font-weight: bold; text-decoration: underline; color: #fff;}
.breadcrumbs li strong {padding: 0 5px;}
.breadcrumbs li a:hover {text-decoration: none;}

/************---   content_j   ---************/

.content_j li {margin-left: 30px; list-style-type: disc;}

/************---   page_contacts   ---************/

.message_wrap {width: 50%; margin: 20px auto 50px;}
.message_wrap input, .message_wrap textarea {width: 100%; box-sizing: border-box; margin-bottom: 20px; padding-left: 15px; border: 1px solid rgba(4, 216, 139, 1); background: rgba(255,255,255,0.5);
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.message_wrap input {height: 35px;}
.message_wrap textarea {height: 100px; resize: none; padding-top: 15px;}

.message_wrap input:focus, .message_wrap textarea:focus {background: rgba(255,255,255,1);}

.btn_contacts {width: 100%; height: 51px; border: 1px solid rgba(4, 216, 139, 1); background-color: rgba(4, 216, 139, 1); color: #fff; font-size: 17px; font-family: MagistralC, Arial, Tahoma; 
	cursor: pointer;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_contacts:hover {background-color:  #fff; color: rgba(4, 216, 139, 1);}
.btn_contacts p {text-align: center;}

.alert_form_contacts {color: red; font-weight: bold; text-align: center;}
.invalid {border: 1px solid red !important;}
.good {border: 1px solid green !important;}

.title_forms {text-align: center !important; font-weight: bold; margin-bottom: 20px;}

.contacts p {text-align: center; font-size: 25px;}
.content_contacts p { font-size: 22px; font-style: normal; text-align: center;}
.content_contacts p.item_contacts { font-size: 27px; margin-top: 25px; text-align: center;}
::-webkit-input-placeholder {font-family: Arial;}
::-webkit-textarea-placeholder {font-family: Arial;}
::-moz-placeholder          {font-family: Arial;}/* Firefox 19+ */
:-moz-placeholder           {font-family: Arial;}/* Firefox 18- */
:-ms-input-placeholder      {font-family: Arial;}
:-ms-textarea-placeholder      {font-family: Arial;}

.page_contacts p {text-align: center; font-size: 25px;}
.page_contacts p span {font-size: 30px;}
.page_contacts p.title_contacts {font-size: 27px; font-weight: bold; margin-top: 20px;}

.alert-success {padding: 20px 0; color: green; text-align: center;}

/************---   question_answer   ---************/

.wrap_question_answer {padding: 20px 0; position: relative;}
.wrap_question_answer:not(:last-child):before {content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 1px; 
	background: linear-gradient(to right , rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
}
.question {font-size: 20px; font-weight: bold;}
.answer {font-size: 18px; padding-left: 30px; text-align: justify;}

/************---   news   ---************/

.news_item {padding: 20px 0; position: relative;}
.news_item:not(:last-child):before {content: ""; display: block; position: absolute; width: 100%; bottom: 0; height: 1px; 
	background: linear-gradient(to right , rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
}
.news_item_left {width: 20%; float: left;}
.news_item_left img {display: block; margin: auto;}
.news_item_left p {text-align: center; font-style: italic; font-size: 12px; padding-top: 10px;}
.news_item_right {width: 80%; float: right;}
.news_item_right p {text-align: justify;}
.news_item:last-child {padding-bottom: 50px;}

/************---   services   ---************/
.serveces_item {width: 20%; float: left; padding: 15px; min-height: 280px;}
.serveces_item a {color: #fff;}
.serveces_item a:hover {color: #04d88b;}
.serveces_item_img {border-radius: 50%; overflow: hidden; margin-bottom: 5px; position: relative;}
.serveces_item_img img {display: block;}
.serveces_item .mask_img {position: absolute; top: -3px; bottom: -3px; right: -3px; left: -3px; border-radius: 50%; transition: 0.15s all linear;}
.serveces_item:hover .mask_img {border: 20px solid rgba(4, 216, 139, 0.4);}

@media screen and (max-width: 1250px) {
	.content_j .container {width: 1000px;}
	
	.news_item_left {padding: 0 15px;}
	
}
@media screen and (max-width: 1080px) {
	.content_j .container {width: 800px;}
	
}
@media screen and (max-width: 820px) {
	.content_j .container {width: 600px;}
	
	.news_item_left {width: 50%; float: none; margin: auto;}
	.news_item_right {width: 100%; float: none;}
	
	.serveces_item {width: 33.3333%;}
	
	#services .slider {max-width: 100% !important;}
	
}

@media only screen and (max-width: 700px) {
	#services .slider {max-width: 100% !important;}
}

@media screen and (max-width: 620px) {
	.content_j .container {width: 450px;}
	
	.news_item_left {width: 100%;}
	.message_wrap {width: 100%;}
	
	.serveces_item {width: 100%; float: none; min-height: auto;}
	.serveces_item:not(:last-child) {border-bottom: 1px solid #515151;}
}
@media screen and (max-width: 480px) {
	.content_j .container {width: 320px;}
	
	.answer {font-size: 14px;}
	
	
	
}
@media screen and (max-width: 320px) {
	
}