/* Beetle - www.beetle.net.ua 
Styles for front page */
@media(max-width: 800px) {
	h2 {
		color: #0c3245;
		font-size: 55px;
		display: inline-block;
		position: relative;
	}


	#fp_2 .col-md-6:nth-child(1) {
		color: #0f101a;
		font-size: 22px;
		padding: 64px 132px 36px calc(19.6% - 15px);
	}

	#fp_2 .col-md-6:nth-child(2) {
		color: #515151;
		font-size: 20px;
		padding: 80px calc(14.6% - 15px) 36px 132px;
	}

	#fp_2 .text {
		font-size: 16px;
		color: #0c3245;
		padding-right: 0;
		padding-left:0;
		position: relative;
		margin: 19px 0 4px;
		line-height: 1.55;
	}

	#fp_2 .text:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 4px;
		height: calc(100% - 15px);
		background: #0c3245;
		margin-top: 8px;
	}

	#fp_2 .col-md-6:nth-child(1) p {
		padding-right: 22px;
	}

	#fp_2 h2:after {
		content: '';
		position: absolute;
		bottom: -10px;
		right: 0;
		width: 55%;
		height: 3px;
		background: #d3dadd;
	}

	#fp_2 h3 {
		font-size: 26px;
		color: #0c3245;
		margin-top: 26px;
		margin-bottom: 23px;
	}

	#fp_2 .col-md-6:nth-child(2) p {
		line-height: 1.55;
	}

	#fp_2 .col-md-6:nth-child(2) p br {
		display: block;
		margin-bottom: 13px;
	}

	#fp_3 {
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		color: #fdfcfc;
		text-align: right;
		font-size: 18px;
	}

	#fp_3 .container .row:nth-child(1) {
		text-align: center;
	}

	#fp_3 h2 {
		color: #fff;
		text-align: center;
		margin: 52px 0 42px;
	}

	#fp_3 h2:after {
		content: '';
		position: absolute;
		bottom: -15px;
		right: 35%;
		left: 35%;
		width: 30%;
		height: 4px;
		background: #cb4b05;
	}

	#fp_3 .btn {
		padding: 10px 32px;
		color: #fff;
		background: #cb4b05;
		border-radius: 0;
		text-align: center;
		margin: 21px 0 57px;
	}

	#fp_3 .btn:hover {
		color: #fff;
	}

	#fp_3 .btn .fa {
		font-size: 18px;
		line-height: 1.2;
		padding-right: 17px;
		transition: 0.6s;
	}

	#fp_3 .btn:hover .fa {
		padding-right: 7px;
		padding-left: 10px;
		transition: 0.7s;
	}

	#fp_3 .col-md-6 {
		float: right;
		min-height: 404px;
	}

	#fp_3 .col-md-4 {
		float: right;
		background: #fff;
	}

	#fp_3 h3 {
		color: #fdfcfc;
		font-size: 30px;
		font-weight: 700;
		text-align: right;
		transition: 0.7s;
	}

	#fp_3 a {
		color: #fdfcfc;
		text-align: right;
		font-size: 17px;
	}

	#fp_3 .col-md-6 img, #fp_3 .col-md-4 img {
		float: right;
		padding-left: 25px;
		max-width: 192px;
	}

	#fp_3 .col-md-4 img {
		min-height: 117px;
	}

	#fp_3 .col-md-6:nth-child(2) h3 {
		font-size: 22px;
		margin: -5px 0 5px;
		line-height: 22px;
	}

	#fp_3 .container .col-md-6 .row:nth-child(1) {
		text-align: right;
	}

	#fp_3 .col-md-4 a, #fp_3 .col-md-4 h3 {
		color: #212230;
		text-align: right;
	}

	#fp_3 .col-md-4 h3 {
		font-size: 20px;
	}

	#fp_3 .container > .row:last-child {
		text-align: center;
	}

	#fp_3 article.col-md-6 {
		width: calc(50% - 13px);
		position: relative;
		padding: 0 20px 20px;
	}

	#fp_3 article.col-md-6 .bottom {
		position: absolute;
		bottom: 0;
	}

	#fp_3 .col-md-6:nth-child(2) {
		width: calc(50% - 16px);
		float: left;
	}

	#fp_3 .info {
		margin-bottom: 2px;
		color: #fff;
	}

	#fp_3 article.row {
		border-bottom: 1px solid rgba(255, 255, 255, 0.23);
		padding: 15px 0;
	}

	#fp_3 article.row:nth-child(1) {
		padding-top: 0;
	}

	#fp_3 article.row:last-child {
		border-bottom: none;
	}

	#fp_3 article.row p {
		margin-bottom: 0;
		line-height: 1.3;
	}

	#fp_3 article.col-md-4 {
		padding: 0;
		min-height: 117px;
	}

	#fp_3 article.col-md-4 h3 {
		margin-top: 10px;
		margin-bottom: 6px;
	}

	#fp_3 article.col-md-4 .info {
		color: #fff;
	}

	#fp_3 article.col-md-6 {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	#fp_3 article.col-md-4 {
		margin: 0 15px;
		width: calc(33.33333333% - 30px);
	}

	#fp_3 article.col-md-4:nth-child(1), #fp_3 article.col-md-4:last-child {
		width: calc(33.33333333% - 15px);
	}

	#fp_3 article.col-md-4:nth-child(1) {
		margin-right: 0;
	}

	#fp_3 article.col-md-4:last-child {
		margin-left: 0;
	}

	#fp_3 a {
		text-decoration: none;
		transition: 0.7s;
	}

	#fp_3 a:hover {
		color: #f56b13;
		transition: 0.7s;
	}

	#fp_3 a:hover h3 {
		color: #f56b13;
		transition: 0.7s;
	}
}
/* reorder block in section 2 on home page */



/* start mobile layout */
@media(max-width: 800px){

	#fp_2 .col-md-6:nth-child(1) {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	#fp_2 h2{
		font-size: 40px;
	}
	#fp_2 h3{
		font-size: 22px;
	}
	#fp_2 .col-md-6:nth-child(1) p{
		padding-right: 0;
		font-size: 18px;
	}
	#fp_2 .text + p{
		font-size: 22px;
		color: #0f101a;
	}
	#fp_2 .col-md-6:nth-child(2){
		text-align: center;
	}
	#fp_2 .text::after{
		display: none;
	}
	#fp_3 h2{
		font-size: 40px;
	}
	#fp_3 article.col-md-6{
		width: 100%;
		margin-bottom: 20px;
	}
	#fp_3 .col-md-6:nth-child(2) {
		width: 100%;
	}
	#fp_3 .col-md-4{
		width: 100%;
		min-height: 100%;
	}
	#fp_3 .col-md-4 img{
		display: none;
	}
	#fp_3 article.col-md-4,
	#fp_3 article.col-md-4:nth-child(1),
	#fp_3 article.col-md-4:last-child{
		width: 100%;
		margin: 0;
		padding: 15px;
		margin-bottom: 15px;
		min-height: 100%;
	}
	#fp_3 .col-md-4 h3{
		font-size: 18px;
	}
	#fp_3 article.col-md-4 .info{
		color: #0f101a;

	}
	#fp_3 article.col-md-4 .info, #fp_3 article.col-md-4 .info a{
		font-weight: 400;
	}


	/* footer style */

	footer{
		overflow: hidden;
	}
	footer #posts{
		display: none;
	}
	footer #menu{
		display: none;
	}
	footer #contacts{
		width: 100%;
	}
	footer #contacts h3{
		display: none;
	}
	footer .row > div:first-child{
		float: left;
		width: 100% !important;
	}
	footer .row > div:first-child .social{
		float: left;
	}
	footer .row > div:first-child .social p{
		display: none;
	}
	footer .row > div:first-child img{
		float: right;
		margin-right: 15px;
	}
	footer .container .row > div img{
		width: auto;
	}
	footer .social {
		margin-top: 15px;
		margin-left: 15px;
	}
	footer #contacts > span:nth-child(2),
	footer #contacts > p:nth-child(2),
	footer #contacts > a:nth-child(2),
	footer #contacts > span:nth-child(3),
	footer #contacts > p:nth-child(3),
	footer #contacts > a:nth-child(3){
		display: block;
		float: left;
		width: 50%;
		padding-left: 20px;
	}
	footer #contacts > span,
	footer #contacts > p,
	footer #contacts > a{
		display: block;
		float: left;
		width: 100%;
		padding-left: 20px;
	}
	footer .container .row > div:nth-child(1){
		border-bottom: 1px solid #e1e1e1;
		margin-left: -10px;
		width: calc(100% + 20px) !important;
		padding-bottom: 15px;
	}
	footer > .container .row{
		padding-top: 15px;
	}
	footer .container .row > div{
		padding-left: 0;
	}
	#fp_2 .col-md-6:nth-child(2){
		padding: 80px 20px 30px;
	}
	/*#fp_3 article img ~ *{*/
		/*margin-right: 180px;*/
	/*}*/

	@media(max-width: 480px){
		footer #contacts > span:nth-child(2), 
		footer #contacts > p:nth-child(2), 
		footer #contacts > a:nth-child(2), 
		footer #contacts > span:nth-child(3), 
		footer #contacts > p:nth-child(3), 
		footer #contacts > a:nth-child(3){
			width: 50%;
		}
		footer > .container{
			padding: 0 25px;
		}
		#fp_1 h1{
			margin: 207px 0 3.5%;
			line-height: 50px;
		}
		.container{
			padding: 0 10%;
		}
		footer #contacts{
			padding: 0 10px;
		}
		#fp_3 article.col-md-6{
		 	width: 100%;
		 	margin-bottom: 0px;
	 	}

		#fp_2 h2{
			margin-top: 25px;
		}
		#fp_2 h2:after{
			content: '';
			position: absolute;
			bottom: -13px;
			right: 0;
			width: 80%;
			height: 3px;
			background: #d3dadd;
		}
		#fp_2 h3{
			margin-top: 20px;
			margin-bottom: 15px;
		}
		#fp_2 .col-md-6:nth-child(2){
			padding: 40px 15px;
			padding-bottom: 5px;
		}
		#fp_2 .col-md-6:nth-child(2) img{
			width: 100%;
			height :auto;
			object-fit: contain;
			max-width: 220px;
		}
		#fp_2 .text{
			padding-right: 0;
			margin: 13px 0 0px;
		}
		#fp_3 h2{
			margin-top: 45px;
		}
		#fp_3 article.col-md-6{
			min-height: 205px;
		}
		#fp_3 article.col-md-6 h3{
			margin-bottom: 0;
		}
		#fp_3 article.col-md-6 .bottom p{
			display: none;
		}
		#fp_3 h2:after{
			right: 26%;
			left: 53%;
			width: 43%;
		}
		#fp_3 .col-md-6:nth-child(2){
			padding: 0;
			margin-left: -20px;
			margin-right: 20px;
			width: calc(100% + 40px);
		}
		#fp_3 article h3{
			font-size: 22px;
		}
		#fp_3 .container .col-md-6 .row:nth-child(1){
			margin-top: 5px;
		}
		#fp_3 .col-md-6:nth-child(2) article{
			padding: 9px 15px;
			margin: 9px 0;
		}
		#fp_3 .col-md-6:nth-child(2) article h3{
			font-size: 18px;
		}
		#fp_3 .col-md-6:nth-child(2) article p{
			display: none;
		}
		#fp_3 .info{
			margin-bottom: 13px;
			font-size: 17px;
		}
		#fp_3 .col-md-6 img, 
		#fp_3 .col-md-4 img {
	    padding-left: 15px;
	    max-width: 125px;
	    height: auto;
		}
		#fp_3 .col-md-6 .square{
			margin: 0 1px;
		}
		#fp_3 article.col-md-4, #fp_3 article.col-md-4:nth-child(1), #fp_3 article.col-md-4:last-child{
			padding: 7px 15px;
			margin-bottom: 25px;
		}
		#fp_3 .btn{
			margin-top:0;
			margin-bottom: 70px;
		}
	}
}