@font-face {
    font-family: "Century Gothic";
    src: url("fonts/CenturyGothic.eot") format("embedded-opentype"),
		 url("fonts/CenturyGothic.woff") format("woff"),
		 url("fonts/CenturyGothic.ttf") format("truetype");
	}

body {
	font-family: "Century Gothic", CenturyGothic, CenturyGothicRegular, sans-serif;
	min-width: 800px;
}




                                 /* One screen */



.home {
	height: 100vh;
	min-height: 400px;
} 

.main_wrap {
	background: url(image/steel-bg.png) no-repeat fixed;
	width: 100%;
	height:80%;
	overflow: hidden;
	background-size: cover;
}

.hidden_block_about_company {
	background: url(image/opacity-bg.png) no-repeat center;
	position: absolute;
	width: 100%;
	height: 100%;
    display:none;
    cursor: pointer;
 	z-index: 1;
    color: white;
    background-size: cover;
}

.about_company_hidden_text {
	width: 70%;
	height: 100%;
	margin: 0 auto;
	font-size: 15px;
    text-align: justify;
    padding-top: 40px;
    min-width: 630px;
}

.about_company_hidden_text>p {
	text-indent: 40px;
}

.logo{
	background: url(image/main-logo.png) no-repeat top center;
	width: 100%;
    height:400px;
    position: absolute;
    top: 85px;
}

.arrow_wrap {
	max-width: 100%;
	min-width: 800px;
    position:relative;
}

.arrow_left {
	background: url(image/arrow_left.png) no-repeat left;
	width: 376px;
	height: 100px;
	position: absolute;
	left: -330px;
	top:20px;
}

.arrow_right {
	background: url(image/arrow_right.png) no-repeat 100% 40%;
	width: 376px;
	height: 100px;
	position: absolute;
	right: -330px;
	top:20px;
}

.arrow_text_left {
	position: absolute;
	color: white;
	top: 33px;
    left: 80px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
}

.arrow_text_right {
	position: absolute;
	color: white;
	text-align: center;
    top: 25px;
    left: 120px;
    font-weight: bold;
    font-size: 18px;
}

.arrow_text_right>a {
	text-decoration: none;
	color: white;
}


.name_company {
	position: absolute;
	color: #101010;
	font-size: 22px;
	top: 540px;
    left: 15%;
    right: 15%;
    text-align: center;
    font-weight: bold;
}

.scroll_triangle_one {
	background: url(image/triangle-scroll.png) no-repeat;
	width: 95px;
	height: 45px;
	background-size: cover;
	position: absolute;
    top: 60px;
    left: 46.5%;
}

.about_company {
	background: url(image/black-bg-1screen.png) no-repeat;
	width: 100%;
	background-size: cover;
	color: white;
	height: 200px;
}

.about_company_text {
	margin: 0 auto;
	font-size: 19px;
	text-align: justify;
	width: 70%;
	padding:25px 0 15px 0;
	text-indent: 50px;
	min-width: 630px;
}




                                 /* Two screen */

.services {
	background: url(image/green-bg-2screen.png) no-repeat fixed;
	width: 100%;
	background-size: cover;
	height: 100vh;

}



.header_triangle {
	background: url(image/bg-triangle2.png) no-repeat center;
	width: 100%;
	background-size: cover;
    height: 178px;
    position: absolute;
    min-width: 630px;
}

.header_triangle > p {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color:  #000000;
    padding-top: 2%;
}


/*блок - обертка для всего контента во всех разделах*/
.content_wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 70%;
	height: 100%;
	margin:0px auto;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-direction:column;
	flex-direction: column;
	position: relative;
	min-width: 630px;
}

.hidden_block_services {
	position: absolute;
	width: 103%;
	height:70%;
	border-radius: 10px;
    top: 150px;
    left: -10px;
    background-color: white;
    display:none;
    cursor: pointer;
    z-index: 1;
    min-width: 630px;
    box-shadow: 0 0 10px rgba(0,0,0,1);
}



			/* Services button*/
	.button {
		height: 148px;
		width: 148px;
		cursor: pointer;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
    	border-radius: 15px;
	}

		.patrol {
			background: url(image/sprite.png) no-repeat -12px -12px;
		}

		.alarm_monitoring {
			background: url(image/sprite.png) no-repeat -170px -12px;
		}

		.private_security {
			background: url(image/sprite.png) no-repeat -330px -12px;
		}

		.fire_safety {
			background: url(image/sprite.png) no-repeat -12px -172px;
		}

		.surveillance_system {
			background: url(image/sprite.png) no-repeat -170px -172px;
			position: relative;
		}

		.technical_support {
			background: url(image/sprite.png) no-repeat -330px -172px;
		}

.button > p {
	position: relative;
    top: 160px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    width: 300px;
    left: -80px;
    color:  #000000;
}

.services_section_one {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 200px;
    padding-bottom: 250px;
}

.services_section_two {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.scroll_triangle_two {
	background: url(image/triangle-scroll.png) no-repeat;
	width: 95px;
	height: 45px;
	background-size: cover;
	position: absolute;
    top: 280px;
    left: 18%;
}








                                 /* Three screen */
.segments_first_block {
	background: url(image/gray-bg-3screen.png) no-repeat fixed;
	width: 100%;
	background-size: cover;
	height: 100vh;
}

.segments_section_one {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 130px;
    padding-bottom: 100px;
}

.segments_section_two {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.segments_section_three {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 125px;
    padding-top: 100px;
}

.hidden_block_segments {
	position: absolute;
	width: 750px;
	height:460px;
	border-radius: 10px;
    left: 50%;
    top: 50%;
    margin-top: -230px;
    margin-left: -375px;
    background-color: white;
    display: none;
    cursor: pointer;
    z-index: 1;
    min-width: 630px;
    box-shadow: 0 0 10px rgba(0,0,0,1);
}

			/* Segments button*/

	/*section one */
		.bank {
			background: url(image/sprite.png) no-repeat -12px -332px;
		}

		.offices {
			background: url(image/sprite.png) no-repeat -170px -332px;
		}

		.health_service {
			background: url(image/sprite.png) no-repeat -331px -332px;
		}

	/*section two */
		.logistics {
			background: url(image/sprite.png) no-repeat -12px -492px;
		}

		.businesses {
			background: url(image/sprite.png) no-repeat -170px -492px;
		}

		.events {
			background: url(image/sprite.png) no-repeat -331px -492px;
		}

	/*section three */
		.houses_apartments {
			background: url(image/sprite.png) no-repeat -12px -652px;
		}

		.architecture {
			background: url(image/sprite.png) no-repeat -170px -652px;
			position: relative;
		}

		.aviation {
			background: url(image/sprite.png) no-repeat -331px -652px;
		}


.scroll_triangle_three {
	background: url(image/triangle-scroll.png) no-repeat;
	width: 95px;
	height: 45px;
	background-size: cover;
	position: absolute;
    top: 250px;
    left: 18%;
}






                                 /* Fourth screen */

.hidden_block_second_segments {
	position: absolute;
	width: 750px;
	height:460px;
	border-radius: 10px;
    left: 50%;
    top: 47%;
    margin-top: -230px;
    margin-left: -375px;
    background-color: white;
    display: none;
    cursor: pointer;
    z-index: 1;
    min-width: 630px;
    box-shadow: 0 0 10px rgba(0,0,0,1);
}

.text_fourth_screen {
	background: url(image/black-bg-4screen.jpg) no-repeat;
	width: 100%;
	background-size: cover;
	color: white;
	height: 156px;
}

.segments_text {
	margin: 0 auto;
    font-size: 24px;
    text-align: center;
    width: 70%;
    padding-top: 50px;
    min-width: 630px;
}

.segments_second_block {
	background: url(image/gray-bg-4screen.png) no-repeat fixed;
	width: 100%;
	background-size: cover;
	height: 100vh;
}

.segments_section_four {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 95px;
}

.segments_section_five {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 200px;
    padding-bottom: 145px;
}


.content_wrap_second_segments {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 70%;
	margin:0px auto;
	-webkit-flex-flow: column;
	-webkit-box-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	min-width: 630px;
}

			/* Segments button second block */

	/*section four */
		.tourism {
			background: url(image/sprite.png) no-repeat -12px -812px;
		}

		.energetics {
			background: url(image/sprite.png) no-repeat -170px -812px;
		}

		.ports {
			background: url(image/sprite.png) no-repeat -331px -812px;
		}

		.industry {
			background: url(image/sprite.png) no-repeat -12px -972px;
		}

	/*section five */
		.culture {
			background: url(image/sprite.png) no-repeat -170px -972px;
		}

		.high_tech {
			background: url(image/sprite.png) no-repeat -331px -972px;
		}

		.education {
			background: url(image/sprite.png) no-repeat -12px -1132px;
		}

		.trade {
			background: url(image/sprite.png) no-repeat -170px -1132px;
		}

.scroll_triangle_four {
	background: url(image/triangle-scroll.png) no-repeat;
	width: 95px;
	height: 45px;
	background-size: cover;
	position: absolute;
    top: 720px;
    left: 46.5%;
}




                                 /* Five screen (Footer) */

.footer {
	width: 100%;
	height: 100vh;
}


.text_five_screen {
	background: url(image/black-bg-4screen.jpg) no-repeat;
	width: 100%;
	background-size: cover;
	color: white;
	height: 25%;
}

.final_text {
	margin: 0 auto;
    font-size: 24px;
    text-align: center;
    width: 70%;
    padding-top: 60px;
    min-width: 630px;
} 


.main_objective {
	background: url(image/steel-bg.png) no-repeat;
	width: 100%;
	background-size: cover;
	color: white;
	height: 30%;
}

.objective_text {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color:  #000000;
    min-width: 630px;
}

.objective_text > p:nth-child(1) {
	font-size: 32px;
    font-weight: bold;
    padding-top: 60px;
}

.objective_text > p:nth-child(2) {
	font-size: 24px;
	padding-top: 10px;
}

.contacts {
	background: url(image/green-bg-2screen.png) no-repeat;
	width: 100%;
	background-size: cover;
	height: 45%;
	position: relative;
}

.contact_information {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 190px;
    width: 70%;
    margin: 0 auto;
    font-size: 24px;
    color:  #000000;
    min-width: 630px;
}

.sity,
.mail {
	align-self:center;
	position: relative;
}

.sity a {
	color: black;
}

.tel {
	position: relative;
}

.tel>a {
	text-decoration: none;
	color:  #000000;
}

.scroll_triangle_up {
	background: url(image/triangle-scroll-up.png) no-repeat;
	width: 95px;
	height: 45px;
	background-size: cover;
	position: absolute;
    top: 120px;
    left: 0;
}

.geotag_img {
	background: url(image/geotag.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
    top: 0px;
    left: -50px;
}

.tel_img {
	background: url(image/tel.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
    top: 15px;
    left: -50px;
}

.mail_img {
	background: url(image/mail.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
    top: 0px;
    left: -50px;
}

.info_dev {
	position: absolute;
    bottom: 0;
    padding: 0 0 10px 20px;
    font-weight: bold;
}


@media only screen and (min-width: 1620px) {
	.about_company_text {
	    font-size: 22px;
	}
}


@media only screen and (max-width: 1400px) {
	.segments_text {
	    font-size: 19px;
	}

	.final_text {
	    padding-top: 50px;
	    font-size: 19px;
	}
}


@media only screen and (max-width: 1200px) {
	.header_triangle {
    	height: 120px;
    	background-size: cover;
	}

	.header_triangle > p {
	    font-size: 22px;
	    padding-top: 1%;
	}

	.scroll_triangle_one {
		left: 45%;
	}
	.contact_information {
		font-size: 18px;
	}
}


@media only screen and (max-width: 1024px) {
	.name_company {
		top: 400px;
	}

	.scroll_triangle_one {
		left: 43%;
	}

	.scroll_triangle_two {
		top: 280px;
	}

	.scroll_triangle_three {
		top: 210px;
	}

	.scroll_triangle_four {
		top: 600px;
    	left: 43%;
	}
	.scroll_triangle_up {
		top: 90px;
	}

	.about_company_hidden_text {
		font-size: 12px;
	}

	.home {
		height: 100%;
	} 

	.main_wrap {
		height: 620px;
	}

	.services {
		height: 820px;
	}

	.header_triangle {
    	height: 100px;
    	background-size: cover;
	}

	.button > p {
	    font-size: 16px;
	    width: 250px;
	    left: -50px;
	}

	.services_section_one {
		padding-bottom: 124px;
	}

	.segments_first_block {
		height: 100%;
    }
    .segments_section_one {
    	padding-bottom: 60px;
	}
	.segments_section_three {
	    padding-top: 60px;
	}

	.segments_second_block {
		height: 100%;
	}

	.segments_section_five {
	    padding-top: 130px;
	}

	.hidden_block_second_segments {
		top: 48.5%;
	}


	/*Contacts*/

	.footer {
		height: 100%;
	}

	.text_five_screen {
		height: 240px;
	}

	.main_objective {
		height: 270px;
	}

	.contacts {
		height: 310px;
	}

	.contact_information {
		padding-top: 150px;
	}

}

@media only screen and (max-width: 800px) {
	.header_triangle {
		width: 800px;
	}

	.logo {
		width: 800px;
	}
}




    /*HEIGHT */

@media only screen and (max-height: 905px) {

	/*One screen*/
	.home {
    	height: 100%;
	}

	.main_wrap {
		height: 620px;
	}

	.name_company {
		top: 420px;
	}

	.scroll_triangle_one {
		top: 50px;
	}


	/*Two screen*/

	.services {
		height: 820px;
	}

	.services_section_one {
		padding-bottom: 125px;
	}

	.hidden_block_services {
		height: 80%;
	}

	.scroll_triangle_two {
	}


	/*Three screen*/
	
	.segments_first_block{
		height: 820px;
	}

	.segments_section_one {

	}

	.segments_section_three {
		padding-bottom: 0;
	}

	.scroll_triangle_three {
		top: 210px;
	}

	.hidden_block_segments {
		top: 60%;
	}



	/*Fourth screen*/
	
	.segments_second_block {
		height: 100%;
	}

	.content_wrap {
		height: 665px;
	}

	.segments_section_five {
		padding-top: 130px;
	}

	.scroll_triangle_four {
		top: 600px;
	}


	/*Five screen*/
	.footer {
		height: 100%;
	}

	.text_five_screen {
		height: 240px;
	}

	.main_objective {
		height: 270px;
	}

	.contacts {
		height: 312px;
	}

	.contact_information {
		padding-top: 153px;
	}

	.scroll_triangle_up {
		top: 90px;
	}

}