@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'great_vibesregular';
    src: url('../fonts/greatvibes-regular-webfont.eot');
    src: url('../fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/greatvibes-regular-webfont.woff2') format('woff2'),
         url('../fonts/greatvibes-regular-webfont.woff') format('woff'),
         url('../fonts/greatvibes-regular-webfont.ttf') format('truetype'),
         url('../fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'old_standard_ttbold';
    src: url('../fonts/oldstandard-bold-webfont.eot');
    src: url('../fonts/oldstandard-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oldstandard-bold-webfont.woff2') format('woff2'),
         url('../fonts/oldstandard-bold-webfont.woff') format('woff'),
         url('../fonts/oldstandard-bold-webfont.ttf') format('truetype'),
         url('../fonts/oldstandard-bold-webfont.svg#old_standard_ttbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'old_standard_ttregular';
    src: url('../fonts/oldstandard-regular-webfont.eot');
    src: url('../fonts/oldstandard-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oldstandard-regular-webfont.woff2') format('woff2'),
         url('../fonts/oldstandard-regular-webfont.woff') format('woff'),
         url('../fonts/oldstandard-regular-webfont.ttf') format('truetype'),
         url('../fonts/oldstandard-regular-webfont.svg#old_standard_ttregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body  
{ font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

a.main_content_inside > div:last-child h2, a.main_content_inside > div:last-child span
{ font-family:'open_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

a.main_content_inside > div:first-child, a.main_content_inside > div:last-child h3 
{ font-family:'great_vibesregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

.footer ul li a
{ font-family:'old_standard_ttbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html,body {
height:100%;
}
html {
font-size:100%;
}
body {
color:#000;
background-color:#FFF;
}
h1, h2, h3, h4 {
line-height:100%;
font-weight:normal;
margin:0;
padding:0;
}
a:link, a:visited {
color:#000;
}
a:hover {
color:#000;
text-decoration:none;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
width:100%;
clear:both;
line-height:1px;
margin:0 !important;
padding:0 !important;
}

.container-fluid {
position:relative;
height:100%;
}

/* Main_content ............................................................... */

.main_content > div {
position:relative;
height:100%;
background-image:url("../images/img-back02.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center 30%;
padding-left:0;
padding-right:0;
}
.main_content > div:first-child {
background-image:url("../images/img-back01.jpg");
}
.main_content > div:last-child {
background-image:url("../images/img-back03.jpg");
}

a.main_content_inside {
display:block;
width:100%;
height:100%;
text-align:center;
}
a.main_content_inside > div:first-child {
display:block;
}
a.main_content_inside:hover > div:first-child {
display:none;
}
a.main_content_inside > div:last-child {
position:fixed;
opacity:0;
-webkit-transition:all 300ms linear;
-webkit-font-smoothing: antialiased;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
transition:all 300ms linear;
}
a.main_content_inside:hover > div:last-child {
position:relative;
opacity:1;
}

a.main_content_inside > div:first-child {
font-size:500%;
color:#FFF;
text-shadow:3px 3px 8px #000;
padding-top:40px;
}
a.main_content_inside > div:last-child {
background:url("../images/background02.jpg") top left repeat;
}
.main_content > div:first-child a.main_content_inside > div:last-child {
background:url("../images/background01.jpg") top left repeat;
}
.main_content > div:last-child a.main_content_inside > div:last-child {
background:url("../images/background03.jpg") top left repeat;
}

a.main_content_inside > div:last-child {
width:100%;
height:100%;
color:#FFF;
padding:30px;
padding-top:50px;
}
a.main_content_inside > div:last-child h2 {
font-size:120%;
letter-spacing:3px;
margin-bottom:20px;
}
a.main_content_inside > div:last-child h3 {
font-size:600%;
background:url("../images/back_title.png") 50% bottom no-repeat;
margin-bottom:30px;
padding-bottom:40px;
}
a.main_content_inside > div:last-child p {
font-size:130%;
}
a.main_content_inside > div:last-child span {
display:inline-block;
font-size:100%;
letter-spacing:3px;
margin-top:40px;
padding:20px;
border:1px solid #FFF;
}

/* Footer ............................................................... */

.footer {
position:fixed;
left:0;
bottom:30px;
width:100%;
text-align:center;
background-image:url("../images/back_footer01.png");
background-repeat:no-repeat;
background-size:contain;
background-position:center top;
z-index:100;
}
.footer ul {
padding-top:13%;
}
.footer ul li {
display:inline-block;
}
.footer ul li a {
color:#000;
letter-spacing:2px;
}
.footer ul li a:hover {
text-decoration:underline;
}
.footer ul li a img {
position:relative;
top:-2px;
}


.modal-header .close {
    margin-top: -10px;
    margin-right: -5px;
}
.modal-content {
    color: #000;
    text-align: left;
}
.modal-body img {
    margin-bottom: 10px;
}

.vnutro h2 {
    font-size: 350%;
    color: #DA7D2A;
    margin-top: 20px;
    margin-bottom: 20px;
font-family: 'great_vibesregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
}


/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1366px) {
 a.main_content_inside > div:last-child { font-size:90%; }

}
  
@media screen and (max-width: 1200px) {
 a.main_content_inside > div:last-child { font-size:85%; }

}

@media screen and (max-width: 1000px) {
 a.main_content_inside > div:first-child { font-size:400%; }
 a.main_content_inside > div:last-child { font-size:80%; }
 
}
 
@media screen and (max-width: 768px) {
  a.main_content_inside > div:last-child { font-size:75%; }
 
}

@media screen and (max-width: 640px) {
 a.main_content_inside > div:first-child, a.main_content_inside:hover > div:first-child { display:none; }
 a.main_content_inside > div:last-child, a.main_content_inside:hover > div:last-child { position:relative; opacity:1; }

}

@media screen and (max-width: 767px) {
 body { background-color:#D56B0D; }
 .footer { position:relative; left:0; bottom:0px; background-color:#D56B0D; background-image:url("../images/back_footer02.png"); background-size:initial; }
 .footer ul { padding-top:190px; padding-bottom:30px; }
 .container-fluid, .main_content > div { height:initial; }
 
}