@font-face {
    font-family: "PFAgoraSerifPro";
    src: url("/assets/templates/qmedia/fonts/pfagoraserifpro-mediumital.eot");
    src: url("/assets/templates/qmedia/fonts/pfagoraserifpro-mediumital.ttf") format("truetype"),
         url("/assets/templates/qmedia/fonts/pfagoraserifpro-mediumital.eot?#iefix") format("embedded-opentype"),
        url("/assets/templates/qmedia/fonts/pfagoraserifpro-mediumital.svg#JournalRegular") format("svg"),
        url("/assets/templates/qmedia/fonts/pfagoraserifpro-mediumital.woff") format("woff");
   }
body.new{
    padding:0;
    margin:0;

    font-family:Arial;
    /*font-size:0.875em;*/
    width: 100%;
height: 100%;
}
.alco {
/*width: 960px; */
margin: 0px;
text-align:center;
/* background: url(../images/alco1.png) center top no-repeat; */
height: 150px;
color: #d0d9e7;
text-transform: uppercase;
font-size: 7em;
font-stretch: ultra-condensed;
border-top: 1px solid #d0d9e7;
padding: 27px 0 15px 0;
}
.main_page {
border:none;
margin: 0px;
font-size: 4.8em;
height: auto;
text-align:center;
background: rgba(0,0,0,0.5);
padding: 20px 0 20px 0;
position: absolute;
bottom: 0;
width: 100%;
}


 span.contacts {
border-bottom: 1px solid #c0c0c0;
}
 span.contacts:hover {
border-bottom: 1px solid #fff;
}
span._dash {
border-bottom-style: dashed !important;
}
.b-madein p:first-of-type>a, .b-madein p a{
    float:left;

}
.b-madein p:last-of-type{
    margin-left:160px;

}
.b-copyright p{
padding: 6px 0;
}
.b-madein {

right: 5% !important;
}
.b-madein p a{
padding: 10px 0;
}
.b-soc-seti1 .list-item {

margin-bottom: 5px !important;

}


.link{
    font: 14px/1.3 Arial, sans-serif;
color: #82abd8;
margin-left: 250px;
margin-top: -70px;
margin-bottom: 50px;
}
.link1{
font: 14px/1.3 Arial, sans-serif;
color: #82abd8;
margin-left: 450px;
margin-top: -75px;
}
/* margin-bottom: 50px; */
.link a, .link1 a{
    color: #82abd8;

}
.link a:hover, .link1 a:hover{
    color:#fff;
}

.general, .backimg{
    /*min-width:990px;
    margin: 0 auto;
    min-height: 100%;
*/
    width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.backimg{
    background:url("/assets/images/pro/background.jpg") 50% 0 no-repeat;
    display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
z-index: -1;
}
.wrapper{
    margin: 0;/*0 10%*/
    width: 100%;
height: 100%;

min-width: 990px;
}


.text-logo1{

 font: 1.4em/1 'pf_agora_serif_pro_mediumIt', Georgia, Arial, sans-serif;
color: #82abd8;
    position: absolute;
top: 0px;
left: 130px;
width: 150px;

}
.b-logo1 {

   position: absolute;
top: 15px;
left: 47%;
margin-left: -448px;
}
.b-logo1 img{
    width:130px;
    height:37;
}
}
.logo-lnk1{

    width: 250px;
}
.footer__i1{

     background: url("../images/header-bg2.png") left bottom repeat;
     height: 230x;
}
.g-header1{
    background: url("../images/header-bg2.png") left top repeat;

}
.g-header2{
     background: url("../images/header-bg2.png") left top repeat;
    height:63px;
}
.g-header3{
     background: url("../images/header-bg.png") left top repeat;
    height:63px;
}
h1{
    text-decoration: none !important;
}
.v-wrapper{
    background:#fff !important;

}
ul,p,li,img{
    padding:0;
    margin:0;
}
a{
    text-decoration:none;
}

.logo>a{
    display:block;
    margin:30px auto;
    width: 360px;
    /*width:408px;*/
}
.left{
    float:left;
    width: 50%;
    height: 56%;/*70*/
}
.right{
    margin-left:50%;
        width: 50%;
    height: 56%;/*70*/
}
.svayak h2, .svayak_pro h2{
    font: 3.3em "PFAgoraSerifPro";
    margin: 0 0 20px 0;
color:#fff;
    text-align: center;

}



.left p, .right p{
    width:50%;
    float:left;
    margin:90px -70px 0 0;
    text-align:right;
    color:#fff;
    line-height:1.375em;
    padding: 0 10px 0 40px;
    font-size:1.4em;
}
.right p{
text-align:left;
float:right;
margin:90px 0 0 -60px;
padding: 0 40px 0 10px;
}
.svayak{
    float:left;
    width:35%;
    height: 100%;
}
.svayak_pro{
    float:right;
    width:35%;
    height: 100%;

}
.svayak>a{


    display:block;
    width: 100%;
height: 100%;
margin: 0 auto;
position: relative;

}

.svayak img, .svayak_pro img{
    height:90%;
    width: auto;
display: block;
margin: 0 auto;
position: absolute;
/*bottom: 0.1%;*/
left: 30%;
z-index: 99;
    }
.svayak_pro>a{
    display:block;
    width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}




 .pro img{
     width:100px !important;
     height:28px !important;
     position: static !important;

display: inline;
 }/*
  .svayak_pro a:hover, .svayak a:hover{


     background:url("/assets/images/pattern_light.png")center top no-repeat;
     background-size:100% 100%;
     z-index:5;
 }*/
  .svayak_pro:hover, .svayak:hover{


     background:url("/assets/images/pattern_light.png")center top no-repeat; /*center top repeat-y*/
     background-size:100% 100%;/*100% 100%*/
     z-index:5;
      color: #82abd8;
 }
  .svayak_pro:hover h2 .svayak:hover h2{
      color: #82abd8 !important;
 }
h2>a{

    display:inline;
}
@media screen and (max-width: 1024px) {
.left, .right{
height:60%;
}
   .left p, .right p {

margin: 90px 0px 0 0;

    }
     .svayak,  .svayak_pro {

width: 40%;
}
.right p {

margin: 90px 0 0 0px;
}
.svayak img{

left: 25%;
}
.svayak_pro img {
    left: 25%;
}
.main_page {
    font-size:3.6em;
}
}
@media screen and (max-width: 1300px) {



 .left p {

margin: 90px 0px 0 0;

    }

.right p {

margin: 90px 0 0 0px;
}
.main_page {
    font-size:5.5em;
    height:120px;
}
}
@media screen and (max-width: 1096px) {
 .left, .right{
height:60%;
}
  .left p {

margin: 90px 0px 0 0;

    }

.right p {

margin: 90px 0 0 0px;
}
.svayak_pro {

width: 40%;
}
.main_page {
    font-size:3.6em;
   /* height: 7%;*/
}
}
@media screen and (max-width: 1200px) {
    .left, .right{
height:60%;
}
.alco{
    font-size:6em;
}
}
@media screen and (min-width: 1600px) {
    .left, .right {

height: 60%;
    }
    .left h2, .right h2 {
font: 4.8em "PFAgoraSerifPro";
}
.left p, .right p {

font-size: 1.9em;
}
.svayak img, .svayak_pro img{
    height:90%;
    left: 25%;

    }
  .main_page {
    font-size:5.5em;
     margin-top: 20px;
      padding:20px 0 20px 0;
}
.alco{
    font-size:8.5em;
    height: 180px;
}
}
@media screen and (min-width: 1900px) {
    .left, .right {

height: 60%;
    }
    .main_page {
    font-size:6.5em;
    margin-top: 15px;
    padding:20px 0 20px 0;
}
}
@media screen and (min-width: 2400px) {
    .left, .right {

height: 60%;
    }
    .main_page {
    font-size:7.5em;
    margin-top: 15px;
     padding:20px 0 20px 0;
}
.alco{
    font-size:7.5em;
}
}