@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: LatolRegular;
    src: url(/fonts/Lato-Regular.ttf);
}
@font-face {
    font-family: LatoBold;
    src: url(/fonts/Lato-Bold.ttf);
}
@font-face {
    font-family: LatoItalic;
    src: url(/fonts/Lato-Italic.ttf);
}

p
{
	white-space:normal;
}
html, body
{
	margin: 0;
	padding: 0;
	border:0;
	color: #E1E1E1;
	overflow-x:hidden;
}

body
{
	font-family: 'LatoRegular', sans-serif;
	height:100%;
	background-color:#f3f3f3;
	background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #fbfbfb), color-stop(0.25, #fbfbfb), color-stop(1, rgba(255, 255, 255, 0))), url(../img/background.jpg);
    background: -webkit-radial-gradient(center, ellipse closest-corner, rgba(251, 251, 251, 0.825) 0%, rgba(251, 251, 251, 0.875) 25%, rgba(255, 255, 255, 0) 100%), url(../img/background.jpg);
    background: -moz-radial-gradient(center, ellipse closest-corner, rgba(251, 251, 251, 0.825) 0%, rgba(251, 251, 251, 0.875) 25%, rgba(255, 255, 255, 0) 100%), url(../img/background.jpg);
    background: -o-radial-gradient(center, ellipse closest-corner, rgba(251, 251, 251, 0.825) 0%, rgba(251, 251, 251, 0.875) 25%, rgba(255, 255, 255, 0) 100%), url(../img/background.jpg);
    background: radial-gradient(ellipse closest-corner at center, rgba(251, 251, 251, 0.825) 0%, rgba(251, 251, 251, 0.875) 25%, rgba(255, 255, 255, 0) 100%), url(../img/background.jpg);
}

p
{
	line-height: 2.5;
}
.hidden
{
	opacity:0;
}
.visible
{
	opacity:1;
}

h1, h2, h3
{
	color: #FFFFFF;
	font-weight: normal;
	box-sizing:border-box;
}


/*Start_Button*/
.button
{
	display:inline-block;
	text-decoration:none;
	color: #FFFFFF;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px;
	border-style:solid;
	border-radius: 4px;
}

.button:visited
{
	text-decoration:none;
	color: #FFFFFF;
}

.button:linked
{
	text-decoration:none;
	color: #FFFFFF;
}

.button:hover
{
	text-decoration:none;
	color:#FF5D5F;
}
/*End Button*/

/*Start_Header*/
body > header
{
	position:fixed;
    white-space: nowrap;
    text-align: center;
	z-index:1;
	background-color: rgba(23, 24, 32, 0.95);
	width: 100%;
}
body > header:before
{
	height: 100%;
	display:inline-block;
	vertical-align: middle;
	content: '';
}
/*Start_Menu*/


header>ul{

  	list-style:none;
  	padding:0;
  	margin:0 auto;
  	display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
}
header>ul>li>ul{
  	position:absolute;
	display:block;
  	left: 0;
  	padding:0;
  	margin:0;
  	list-style:none;
	text-align:center;
		background-color: rgba(23, 24, 32, 0.95);
	font-size:0;
	z-index:1;
}
header>ul>li>ul>li
{
	display:inline;

}
header>ul>li:hover>ul li a{
  	opacity:1;
	width:13vw;
	height:9em;

}


header>ul>li>ul a{
	display:inline-block;
		text-decoration:none;
 	color:white;;
    width:13vw;
  	line-height:3em !important;
  	font:400 14px 'PT Sans', sans-serif;
  	text-align:center;
  	padding:0 5px;
	height:0;
	overflow:hidden;
	opacity:0;
    transition:all .3s linear .2s;
	-o-transition:all .3s linear .2s;
	-moz-transition:all .3s linear .2s;
	-webkit-transition:all .3s linear .2s;
}
header>ul>li{
	float:left;
}
header>ul>li>a{
	padding:0 20px;
	color:#fff;
	display:block;
	line-height:70px !important;
	font:400 15px 'PT Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.lamp span{
	display:block;
	height:4px;
	background:#ee6666;
	position: relative;
}
.lamp span:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 102, 102, 0);
	border-bottom-color: #ee6666;
	border-width: 4px;
	margin-left: -4px;
}
.lamp{
	position:absolute !important;
	height:4px;
	top:66px;
	background:#333;
	transition:all .3s linear;
	-o-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear;
}
.selected.active>a,.active>a{
	transition:all .3s linear;
	-o-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	color:#fff;
}
/*End_Menu*/
/*End_Header*/

section
{
	margin: 0;
	min-height: 100vh;
	background-attachment: scroll;
	background-size: cover;
	background-position:center;
	color: #FFFFFF;
	width: 100%;
	box-shadow: 1em 0.25em 5em 1em rgba(0, 0, 0, 0.25);
	position:relative;
}

section:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/*Start_main_section*/

#main_section, #error_section{
   	display: inline-block;
    margin-right: 1%;
	max-width: 100vw;
	width: 100%;
    height: 100%;
	top: 0;
    left: 0;
	white-space: nowrap;
    margin:0em;
    position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#main_section, #error_section div
{
	max-width:100vw;
}
#main_section, #error_section > header
{
	display:inline-block;
	vertical-align: middle;
}

#main_section>div::before, #error_section:before
{
	height: 100vh;
   	display: inline-block;
    vertical-align: middle;
    content: '';
}

/*#main_section a
{
	margin:1em;
	display:inline-block;
}
*/

#main_section {
	background-image: url(../img/index-background.jpg);
	background-size:cover;
}
#main_section>div{
	background-color: rgba(0, 0, 0, 0.6);
}

#error_section {
	background-image:url(../img/Error.jpg);
	background-size:cover;
}

#error_section h1
{
	font-size:36pt;
}
/*End_main_section*/

.first_content{
   	display: inline-block;
    margin-right: 1%;
    width:100%;
    padding: 6em;
    position: relative;
    text-align: center;
    vertical-align: middle;
	border:1px;
	border-radius: 5em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}


/*Start_Content*/

.content
{
	/*background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95));*/
	background-color: rgba(23, 24, 32, 0.95);
	min-height:100vh;
	width:35em;
	max-width:100vw;
	left: 0;
	padding: 6em 3em;
	text-align:left;
	box-sizing :border-box;
	-moz-box-sizing: border-box; /*for Firefox*/

}



.left.content
{
	float:left;
	border-right:solid 0.35em;
	border-color:#39c088;

}
.right.content
{
	float:right;
	border-left:solid 0.35em;
	border-color:#D84B4E;
}




/*End Content*/

/*Start_Services*/


#services
{
	width:100%;
	text-align:center;
	padding: 2em 0em;
	height:auto;
	white-space:normal;
	background-color: rgba(23, 24, 32, 1);
}
#services ul
{
	padding:0;
	margin: 2em;
}

#services ul li
{
	display: inline-block;
	margin: 0.2em;
}
#services a img
{
	width: 13em;
	height: auto;
}


#Metal-plastic-constructions { background-image: url(../img/Metal-plastic-constructions.jpg); }

#Aluminum-translucent-structures { background-image: url(../img/Aluminum-translucent-structures.jpg); }

#Glazing { background-image: url(../img/Glazing1.jpg); }

#Automatic_doors { background-image: url(../img/Automatic-doors.jpg); }

#Garage-sectional-gates { background-image: url(../img/Garage-sectional-gates.jpg); }

#Industrial-sectional-gates { background-image: url(../img/Industrial-sectional-gates.jpg); }

#Rolets { background-image: url(../img/Rolets.jpg); }

#Blinds { background-image: url(../img/Blinds.jpg); }

#Arches { background-image: url(../img/Arches.jpg); }

#Shprosov { background-image: url(../img/Shprosov.jpg); }

#Lamination { background-image: url(../img/Lamination.jpg); }

#Painting { background-image: url(../img/Painting.jpg); }

#Windowsill { background-image: url(../img/Windowsill.jpg); }

#Facads { background-image: url(../img/Facads.jpg); }



/*End_Services*/

/*Start_Footer*/

footer
{
	background: #272833;
	height: 130px;
	text-align: center;
	padding: 1em;
}

footer li
{
	display:inline-block;
	margin: 5px 5px 5px 5px;

}

footer a, footer p
{
	color:#7B7B7B !important;
	font-size: 16px;
	text-decoration:none;
}

/*End_Footer*/

.global
{
    margin-right:auto;
	margin-left:auto;
	min-height:100vh;
	max-width:65em;
	color:#090909;
    position: relative;
    text-align: left;
	padding:1em;
}

.global .main
{
	box-shadow: inset 0px 0px 0px 1px #fbfbfb;
    border: 1px solid #dfdfdf;
    background: #f2f2f2;
	padding: 0.5em 2em;
	margin:0;
	height:auto;
	min-height:100%;
}

.global header
{
	padding:0em 1em;
	margin-top:5em;;
	background-color:#ededed;
	border-left: 1px solid;
	border-right:1px solid;
	border-top:1px solid;
	border-radius: 5px 5px 0px 0px;
	border-color:#C3C3C3;

}

.global header h3
{
	display:inline-block;
	margin:0.5em 0.5em;
	color:#090909;
}
.global h3
{
	color:#090909;
}
.global .main .image
{
	display:inline-block;
	width:32%;
	max-width: 300px;
}

.logo .image img
{
	display: block; margin: 0 auto; max-width:90%;
}

.global .main ul li img
{
	float:right;
	margin: 0px 20px 0px 20px;
	height:100%;
}

.right-image
{
	float:right;
	margin: 0px 20px 20px 20px;
	clear:both;
}

.left-image
{
	float:left;
	margin: 0px 20px 0px 20px;
	clear:both;
}

.global .main ul
{
	margin:0;
	list-style-type:circle;
}
.global .main .none_style li
{
	clear:both;
}
.global .main .none_style
{
	margin:0;
	display:inline-block;
	list-style-type:none;
}
.global .main ul li .center_img, .center_img
{
	display:block;
	float:none;
	margin: 0 auto;
}



.banner
{
	width:100%;
}
.global .main .mark_header img
{
	float:right;
}
.global .main .mark_header h3
{
	float:left;
}
.global .main .mark_header
{
	float: left;
    position: relative;
    width: 100%;
}

.global a
{
	color:#000000;
}

.global img
{
	max-width:100%;
}

.logo
{
	display:inline-block;
}

.page_scroll a
{
	border: 0;
    bottom: 0;
    display: block;
    height: 2em;
    left: 50%;
    margin: 0 0 0 -5em;
    overflow: hidden;
    position: absolute;
    text-indent: 10em;
    white-space: nowrap;
    width: 10em;
	background:url(../img/arrow.png) center;
	background-repeat:no-repeat;
}

.page_scroll
{
	width:100vw;
	background-color: rgba(23, 24, 32, 0.95);
}