@font-face{

font-family: 'PF-Bold';
src: url('PF Din Text Cond Pro-Bold.ttf');
font-weight: bold;
font-style: normal;

}

@font-face{

font-family: 'PF-Regular';
src: url('PF Din Text Cond Pro-Regular.otf');
font-weight: normal;
font-style: normal;

}

@font-face{

font-family: 'HelveticaNC';
src: url('HelveticaNeueCyr-Roman.otf');
font-weight: normal;
font-style: normal;

}



body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	overflow-x: hidden;
}

header {
	background-color: #2a3338;
	font-family: PF-Bold;
}

header .small {
	background-color: #2a3338;
	font-family: PF-Regular;
}

h5 {
	font-family: PF-Bold;
	text-transform: uppercase;
}

p {
	font-family: HelveticaNC;
	font-weight: 400;
}

.dark-yellow {
	border-bottom: 10px solid transparent;
    background-image: linear-gradient(#eab409, #eab409), linear-gradient(to bottom right, transparent 50.5%, #eab409 50.5%), linear-gradient(to bottom left, transparent 50.5%, #eab409 50.5%), linear-gradient(to top right, transparent 50.5%, #eab409 50.5%), linear-gradient(to top left, transparent 50.5%, #eab409 50.5%);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
    background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
    background-clip: padding-box, border-box, border-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box, border-box, border-box;
    background-color: #eaeaea;
}

.ligth-blue {
	border-bottom: 10px solid transparent;
    background-image: linear-gradient(#eaeaea, #eaeaea), linear-gradient(to bottom right, transparent 50.5%, #eaeaea 50.5%), linear-gradient(to bottom left, transparent 50.5%, #eaeaea 50.5%), linear-gradient(to top right, transparent 50.5%, #eaeaea 50.5%), linear-gradient(to top left, transparent 50.5%, #eaeaea 50.5%);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
    background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
    background-clip: padding-box, border-box, border-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box, border-box, border-box;	
	background-color: #d1d1d1;
}

.grey {
	border-bottom: 10px solid transparent;
    background-image: linear-gradient(#d1d1d1, #d1d1d1), linear-gradient(to bottom right, transparent 50.5%, #d1d1d1 50.5%), linear-gradient(to bottom left, transparent 50.5%, #d1d1d1 50.5%), linear-gradient(to top right, transparent 50.5%, #d1d1d1 50.5%), linear-gradient(to top left, transparent 50.5%, #d1d1d1 50.5%);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
    background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
    background-clip: padding-box, border-box, border-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box, border-box, border-box;	
	background-color: #2a3338;	
}

.dark {
	border-bottom: 10px solid transparent;
    background-image: linear-gradient(#2a3338, #2a3338), linear-gradient(to bottom right, transparent 50.5%, #2a3338 50.5%), linear-gradient(to bottom left, transparent 50.5%, #2a3338 50.5%), linear-gradient(to top right, transparent 50.5%, #2a3338 50.5%), linear-gradient(to top left, transparent 50.5%, #2a3338 50.5%);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
    background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
    background-clip: padding-box, border-box, border-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box, border-box, border-box;
    background-color: #eab409;
}

.logo {
    background: url(1.png) 0% 100% no-repeat;
    height: 40px;
    background-size: contain;
}

.point {
    background: url(2.png) 0% 100% no-repeat;
    height: 16px;
    background-size: contain;
    width: 16px;
}

.phone {
    background: url(3.png) 0% 100% no-repeat;
    height: 16px;
    background-size: contain;
    width: 16px;
    margin-right: 0.5em;
}

text-uppercase {text-transform: uppercase}

#item1 {
	background: url(6.png) no-repeat;
	background-size: contain;
}

#item2 {
	background: url(7.png) no-repeat;
	background-size: contain;
}

#item3 {
	background: url(8.png) no-repeat;
	background-size: contain;
}

#item4 {
	background: url(9.png) no-repeat;
	background-size: contain;
}

#item5 {
	background: url(10.png) no-repeat;
	background-size: contain;
}

#item6 {
	background: url(11.png) no-repeat;
	background-size: contain;
}

.footer {
	background-color: #eab409;
}

#call {
    background: url(12.png) 50% 100% no-repeat;
    background-size: contain;
    position: absolute;
    top: -2em;
}

table {
	font-family: PF-Regular;
}

thead {
	font-family: PF-Bold;
    font-size: 1.25em;
}