/* CSS Document */
@font-face {
    font-family: 'Articulat CF ExtraBold';
    src: url('fonts/ArticulatCF-ExtraBold.eot');
    src: url('fonts/ArticulatCF-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-ExtraBold.woff2') format('woff2'),
        url('fonts/ArticulatCF-ExtraBold.woff') format('woff'),
        url('fonts/ArticulatCF-ExtraBold.ttf') format('truetype'),
        url('fonts/ArticulatCF-ExtraBold.svg#ArticulatCF-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF ExtraLight';
    src: url('fonts/ArticulatCF-ExtraLight.eot');
    src: url('fonts/ArticulatCF-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-ExtraLight.woff2') format('woff2'),
        url('fonts/ArticulatCF-ExtraLight.woff') format('woff'),
        url('fonts/ArticulatCF-ExtraLight.ttf') format('truetype'),
        url('fonts/ArticulatCF-ExtraLight.svg#ArticulatCF-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF DemiBold';
    src: url('fonts/ArticulatCF-DemiBold.eot');
    src: url('fonts/ArticulatCF-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-DemiBold.woff2') format('woff2'),
        url('fonts/ArticulatCF-DemiBold.woff') format('woff'),
        url('fonts/ArticulatCF-DemiBold.ttf') format('truetype'),
        url('fonts/ArticulatCF-DemiBold.svg#ArticulatCF-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Bold';
    src: url('fonts/ArticulatCF-Bold.eot');
    src: url('fonts/ArticulatCF-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Bold.woff2') format('woff2'),
        url('fonts/ArticulatCF-Bold.woff') format('woff'),
        url('fonts/ArticulatCF-Bold.ttf') format('truetype'),
        url('fonts/ArticulatCF-Bold.svg#ArticulatCF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Heavy';
    src: url('fonts/ArticulatCF-Heavy.eot');
    src: url('fonts/ArticulatCF-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Heavy.woff2') format('woff2'),
        url('fonts/ArticulatCF-Heavy.woff') format('woff'),
        url('fonts/ArticulatCF-Heavy.ttf') format('truetype'),
        url('fonts/ArticulatCF-Heavy.svg#ArticulatCF-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Thin';
    src: url('fonts/ArticulatCF-Thin.eot');
    src: url('fonts/ArticulatCF-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Thin.woff2') format('woff2'),
        url('fonts/ArticulatCF-Thin.woff') format('woff'),
        url('fonts/ArticulatCF-Thin.ttf') format('truetype'),
        url('fonts/ArticulatCF-Thin.svg#ArticulatCF-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Normal';
    src: url('fonts/ArticulatCF-Normal.eot');
    src: url('fonts/ArticulatCF-Normal.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Normal.woff2') format('woff2'),
        url('fonts/ArticulatCF-Normal.woff') format('woff'),
        url('fonts/ArticulatCF-Normal.ttf') format('truetype'),
        url('fonts/ArticulatCF-Normal.svg#ArticulatCF-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Medium';
    src: url('fonts/ArticulatCF-Medium.eot');
    src: url('fonts/ArticulatCF-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Medium.woff2') format('woff2'),
        url('fonts/ArticulatCF-Medium.woff') format('woff'),
        url('fonts/ArticulatCF-Medium.ttf') format('truetype'),
        url('fonts/ArticulatCF-Medium.svg#ArticulatCF-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Light';
    src: url('fonts/ArticulatCF-Light.eot');
    src: url('fonts/ArticulatCF-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Light.woff2') format('woff2'),
        url('fonts/ArticulatCF-Light.woff') format('woff'),
        url('fonts/ArticulatCF-Light.ttf') format('truetype'),
        url('fonts/ArticulatCF-Light.svg#ArticulatCF-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF Regular';
    src: url('fonts/ArticulatCF-Regular.eot');
    src: url('fonts/ArticulatCF-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArticulatCF-Regular.woff2') format('woff2'),
        url('fonts/ArticulatCF-Regular.woff') format('woff'),
        url('fonts/ArticulatCF-Regular.ttf') format('truetype'),
        url('fonts/ArticulatCF-Regular.svg#ArticulatCF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	background-color:#000;
	color:#fff;
	margin:0px;
	font-family: 'Articulat CF Regular';
	/*font-family: 'Lane - Narrow';*/
	font-size:14px;
    overflow-x: hidden;
	/*background-image:url(../images/BGMain.jpg);
	background-repeat:no-repeat;
	background-position:center;
	    background-attachment: fixed;
    background-size: cover;*/
	height:100%;
	}
#filtersControl{
	position:absolute;
	z-index:-5;
	}
.Small{
font-size:11px;
}
.Footer{
	text-align:center;
	margin:20px 0;
	}
.Footer img{
	height:80px;
	filter: invert(0);
}
.Footer a{
	opacity:1;
	-webkit-transition: all 0.5s; /* Safari */
		transition: all 0.5s;
}
.Footer a:hover{
	opacity:0.8;
	-webkit-transition: all 0.5s; /* Safari */
		transition: all 0.5s;
}
.loader {

position : fixed;
z-index: 9999;
background : url('../images/icons8-dots-loading.gif') 50% 50% no-repeat;
background-size:3%;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
background-color:#fff;
}
h1{
	font-size:4em;
	
}
h2{
	font-size:1.5em;
}
h3{
	font-size:2em;
}
h1, h2, h3{
	margin:2px;
	color:#fff;
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
	
}
.Main{
	width:100%;
	max-width:1240px;
	margin:0 auto;
	display:table;
}
h2{
	margin-top:20px;
	font-weight:normal;
}
.Logo{
	text-align:center;
	width:100%;
	padding:80px 0 80px;
	margin:0px 0 0px 0;
	font-family: 'Articulat CF Light';
	/*background-image:url(../images/header.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;*/
}

.Logo img{
	width:80%;
	max-width:300px;
}

.Left, .Right{
	width:45%;
	display: inline-block;
    text-align: center;
    vertical-align: top;
	margin:0 1.25%;
	    padding: 10px;
    border: 1px solid #5f7d8a;
    font-size: 1.2em;
	min-height: 270px;
}

.Left{
	background-image:url(../images/left.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
.Right{
	background-image:url(../images/right.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:top;
}

.Left iframe{
	width:100%;
}
.Tel{
	margin:0px 0 25px 0;
	text-align:center;
}
.Tel h3{
	color:#4d565f;
    display: block;
	    font-size: 1.2em;
    font-weight: normal;
    margin: 0 auto;
	text-shadow: black 0em 0em 0em;
}
.Tel img, .Right img{
	    height: 40px;
    opacity: 0.9;
	filter: grayscale(1);
}
.separator, .separator2{
	margin:10px auto;
	width:40%;
	height:1px;
	background-color:#5f7d8a;
}
.Tel a{
	display:inline-block;
	width:45%;
}
.separator2{
	width:100%;
}
a{
	text-decoration:none;
	color:#000;
	opacity:1;
	transition:0.4s;
}
a:hover{
	opacity:0.7;
	transition:0.4s;
}
/*-------------------------------------RESPONSIVE-------------------------------------*/


@media (max-width:975px){
	.Logo{
		background-size:cover;
	}
		.Left, .Right{
			width:95%;
			display:block;
			margin:10px auto;
		}
		.Tel h3{
			width:90%;
		}
}
@media (max-width:750px){
	h2{
	font-size:1.2em;
	}
	
}
@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}