.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

*
{
    -moz-outline-style: none;     
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}

html, BODY {
	min-height: 500px; min-width: 1000px;
height: 100%;
color: #fff;
font-family: 'Ubuntu', sans-serif;
margin:0;
padding:0;
border:none;
font-size: 12px;
background-size: cover;
background-image: url("/images/back0.jpg");
-webkit-transition: top 1s ease-out 0.5s;
-moz-transition: top 1s ease-out 0.5s;
-o-transition: top 1s ease-out 0.5s;
transition: 0.5s ease-out;
-ms-behavior: url(/js/backgroundsize.min.htc);
}

.top-mobile {display: none;}

#maindiv {height: 100%; width: 100%; position: absolute; top: 0;}

a {color:#fff;}
a:hover {text-decoration: none;}

.body0 {background-image: url("/images/back0.jpg");background-size: cover; background-position: center center;}
.body1 {background-image: url("/images/back1.jpg");background-size: cover; background-position: center center;}
.body2 {background-image: url("/images/back2.jpg");background-size: cover; background-position: center center;}
.body3 {background-image: url("/images/back3.jpg");background-size: cover; background-position: center center;}

.logo-big {position: absolute; left: 60px; bottom: 5%; display: none;}

.info-main {position: absolute; right: 60px; bottom: 30px; text-align: right;}
.info-main .txt1 {font-size: 18px;}
.info-main .txt2 {font-size: 36px;}
.info-main .txt3 {font-size: 14px; margin: 6px 0 8px 0;}
.info-main .txt4 {font-size: 14px; padding-bottom: 0px;}
.info-main .txt2 .img, .info-main .txt2 .txt, .info-main .txt3 .img, .info-main .txt3 .txt, .info-main .txt4 .img, .info-main .txt4 .txt {display:inline-block; vertical-align:middle; padding-left: 3px;}
.info-main .txt2 .img {width: 31px; height: 31px; background-image: url("/images/ico_txt2.png"); background-repeat: no-repeat;}
.info-main .txt3 .img {width: 31px; height: 31px; background-image: url("/images/ico_txt3.png"); background-repeat: no-repeat;}
.info-main .txt4 .img {width: 31px; height: 31px; background-image: url("/images/ico_txt4.png"); background-repeat: no-repeat;}

.services-div {width: 898px; display: table; margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 100px; right: 0;}
  
@media all and (-ms-high-contrast:none)
     {
.services-div {width: 898px; display: table; margin: auto;
  position: absolute;
  top: 35%; left: 50%;
  margin-left: -450px;
  right: inherit;
  bottom: inherit;}  
  
     }  
  
.services-1, .services-2, .services-3 {width: 270px; height: 140px; font-size: 2em; cursor: pointer; border: 3px solid #c0470b; padding: 5px; display: table-cell;}
.services-margin {width: 20px; display: table-cell;}

.services-1:hover, .services-2:hover, .services-3:hover {border: 3px solid #ffffff; background-image: url("/images/back30.png"); }

.services-1>div, .services-2>div, .services-3>div {width: 270px; height: 140px; background-image: url("/images/back30.png"); display: table;}

.services-1 .img, .services-2 .img, .services-3 .img {padding-right: 5px; text-align: right; display: table-cell; vertical-align:middle; transition: 0.5s ease-out;}
.services-1 .txt, .services-2 .txt, .services-3 .txt {padding-left: 5px; text-align: left; display: table-cell; vertical-align:middle;}
.services-1:hover .img, .services-2:hover .img, .services-3:hover .img {padding-right: 20px; text-align: right; display: table-cell; vertical-align:middle; transition: 0.5s ease-out;}

#divmenu {height: 30px; margin: 0 auto; margin-left: 5%; margin-right: 5%; margin-top: 60px;}
#divmenu-ul {width: 100%; list-style-type: none; margin: 0; padding: 0; height: 30px; display: table;}
#divmenu-ul > li {text-align: center; margin: 0; padding: 0; list-style: none; display: table-cell;}
#divmenu-ul .delitel {width:4%;}
#divmenu-ul > li > a {transition: 0.5s ease-out; display: block; font-size: 24px; text-decoration: none; font-weight: normal; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 5px;}
#divmenu-ul > li > a span {background-image: url(/images/arrowdown.png); background-repeat: no-repeat; background-position: right center; padding-right: 20px;}
#divmenu .notselected > a {color:#fff;}
#divmenu-ul > li > a:hover, #divmenu .selected > a {color:#fff; background-color: #c0470b; text-decoration: none; transition: 0.5s ease-out;}

#divmenu-ul-2 {float: left; border: 0px; padding: 0px; margin: 0px; display: none;}
#divmenu-ul-2 > li a {display: block; font-weight: normal; color:#ffffff; padding: 0px; margin: 0px; font-size: 14px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; padding-right: 12px; }
#divmenu-ul-2 > li a:hover {color:#ffffff; padding: 0px; margin: 0px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; padding-right: 12px; }
#divmenu-ul-2 > li { width: 100%; text-align: left; margin-bottom: 0px; background-image: url(/images/menu2.png); margin-top: 1px; transition: 0.5s ease-out; }
#divmenu-ul-2 > li:hover {background-image: url(/images/menu2b.png); margin-bottom: 0px; transition: 0.5s ease-out;}

@media screen and (max-width: 1200px) {
#divmenu-ul > li > a {font-size: 16px;}
.logo-big img {width: 80%; height: auto;}
.info-main {position: absolute; right: 60px; bottom: 5%; text-align: right;}
.info-main .txt1 {font-size: 14px; padding-bottom: 6px;}
.info-main .txt2 {font-size: 24px;}
.info-main .txt3 {font-size: 12px;}
.info-main .txt4 {font-size: 12px;}
}

@media screen and (max-width: 1000px) {

html, BODY {min-width: 300px; background-size: contain; min-height: none; background: none;}

#divmenu {max-width: none; height: auto; margin: 0 auto; padding-left: 0px;}
#divmenu-ul {list-style-type: none; margin: 0; padding: 0; float: none;}
#divmenu-ul > li { height: auto; width: 100%; margin: 0; padding: 0; padding-bottom: 2px; border-bottom: 2px solid #fff; list-style: none; float: left; background-size: contain; background-repeat: repeat-x; background-position: top right;}
#divmenu-ul .delitel {display: none;}
#divmenu-ul > li:last-child {background-position: left;}
#divmenu-ul > li > a {line-height: 100%; background-color: #c0470b; text-transform: uppercase; text-align: center; display: block; font-size: 40px; text-decoration: none; font-weight: normal; padding: 40px 13px 40px 13px; height: auto;}
#divmenu .notselected > a {color:#fff;}
#divmenu-ul > li > a span {background-image: none; padding-right: 0}
#divmenu-ul > li > a:hover, #divmenu .selected > a {color:#ffffff; background-color: #c0470b; background-repeat: repeat-x; text-decoration: none; height: auto; padding: 40px 13px 40px 13px; background-position: top right;}

#divmenu-ul > li:last-child > a:hover, #divmenu .selected:last-child > a {background-position: left;}
#divmenu-ul-2 {visibility: hidden;}

.services-div {display: none;}

.info-main {text-shadow: 1px 1px 2px black; width: 100%; position: inherit; right: auto; bottom: auto; text-align: center; padding-top:30px; background-size: cover; background-image: url("/images/back-mobile.jpg");}
.info-main .txt1 {font-size: 24px;}
.info-main .txt2 {font-size: 36px;}
.info-main .txt3 {font-size: 18px; margin: 0px 0 8px 0;}
.info-main .txt4 {font-size: 24px; padding-bottom: 40px;}
.info-main .txt2 .img, .info-main .txt2 .txt, .info-main .txt3 .img, .info-main .txt3 .txt, .info-main .txt4 .img, .info-main .txt4 .txt {display:inline-block; vertical-align:middle; padding-left: 3px;}
.info-main .txt2 .img {width: 31px; height: 31px; background-image: url("/images/ico_txt2.png"); background-repeat: no-repeat;}
.info-main .txt3 .img {display: none;}
.info-main .txt4 .img {width: 31px; height: 31px; background-image: url("/images/ico_txt4.png"); background-repeat: no-repeat;}

.info-main {height: 250px;}
.info-main div {display: none;}

#maindiv {position: inherit;}

.top-mobile {display: block; height: 200px; height: 20vw; position: relative;}

.logo-big-mobile a {display: block; width: 100%; height: 100%;}

.logo-big-mobile {
display: block;
position: absolute;
    top: 10px;
    top: 2vw;
    background-image: url("/images/logo_big3.png");
    background-size: contain;
    width: 40%;
    width: 40vw;
    max-width: 400px;
    height: inherit;
    height: 20vw;
    background-repeat: no-repeat;
    left: 20px;
}

.info-main2 {position: absolute; right: 5%; top: 35px; text-align: right;}
.info-main2 .txt1 {font-size: 18px;}
.info-main2 .txt2 {color:#c0470b; font-size: 36px;}
.info-main2 .txt3 {font-size: 14px; margin: 6px 0 8px 0;}
.info-main2 .txt4 {font-size: 14px; padding-top: 6px;}
.info-main2 .txt2 .img, .info-main2 .txt2 .txt, .info-main2 .txt3 .img, .info-main2 .txt3 .txt, .info-main2 .txt4 .img, .info-main2 .txt4 .txt {display:inline-block; vertical-align:middle; padding-left: 3px;}
.info-main2 .txt2 .img {width: 31px; height: 31px; background-image: url("images/ico_txt2b.png"); background-repeat: no-repeat;}
.info-main2 .txt3 .img {width: 31px; height: 31px; background-image: url("images/ico_txt3.png"); background-repeat: no-repeat;}
.info-main2 .txt4 .img {width: 31px; height: 31px; background-image: url("images/ico_txt4b.png"); background-repeat: no-repeat;}

.info-main2 {right: 20px; top: 10px; top: 2vw;}
.info-main2 .txt2 {font-size: 40px; font-size: 5vw;}
.info-main2 .txt4 {font-size: 24px;}

.info-main2 .txt4 .txt a {color: #6d6b6b;
    text-decoration: underline;}
}