/*Подключение шрифтов*/

/*Переменные*/
@white: #fff;
@regular: 'pobeda-regular';
@bold: 'pobeda-bold';
@mont: 'montserrat';
@mont-bold: 'montserrat-bold';



/*Adaptive*/
@hldesktop:    ~"(min-width: 1400px)";
@highdesktop:    ~"(min-width: 1200px) and (max-width:1920px)";
@desktop:        ~"(min-width: 992px) and (max-width: 1199px)";
@tablet:         ~"(min-width: 768px) and (max-width: 991px)";
@phone:          ~"(min-width: 320px) and (max-width: 767px)";

#tinymce{
  font-size:14pt;
}
.biografii{
  margin-bottom:30px;
  .item{
    border: 1px solid #dd4128;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0px;
    .foto-veterana{
      img{
        max-width:100;
      }
    }
    .biografiya{
      .fio{
        font-size:16pt;
      }
      .biografiyasmall{
      	
      }
    }
    
  }
  .item:last-child{
    border:0px;
  }
}
#member-profile .modal,#member-profile label{
  display:block !important;
  position:relative;
}
#member-profile .modal,#member-profile .modal.btn{
  color:white !important;
  background:#dd4128;
}
.login{
  form{
    text-align:center;
      .control-label{
        text-align:center !important;
      }
    }
  }
#sbox-window{
  padding:0px;
}
.profile-edit{
  .informs{
    #jform_foto_veterana{
      	opacity: 0;
    	position: absolute;
    }
    .optional{
      display:none;
    }
    #jform_foto_veterana-lbl{
      	border: 1px solid #dd4128;
    	padding: 15px;
    }
  }
}
body{
  font-family:"pobeda-regular";
}
h1,h2,h3,h4,h5,h6{
  font-family:"pobeda-bold";
}
.comp{
  img{
  	height:auto;
  	max-width:100%;
    padding:5px 10px;
  }
} 
.blog{
  img{
    max-width:100%;
  }
}
.profile-edit{
  form{
    text-align:center;
    .control-label{
      text-align:center;
    }
  }
}
header{
      margin-top: 20px;
  .logo{
    padding: 0px;
    img{
      max-width:100%;
    }
  }
  .head-menu{
    background: #21212173;
    padding: 0px;
    margin-top: 11px;
    font-family:@bold;
    ul{
      max-width: 650px;/*400*/
      margin: auto;
      li{
        float:left;
        a{
          color:white;
          padding: 5px 25px;
        }
        a:hover,a:focus{
          background:none;
        }
      }
    }
  }
  .spans{
     padding: 15px 0px;
  }
  .image{
    text-align:center;
  }
  
}
.block1{
  background:url("/templates/saitrus/img/fon1.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  .kollag{
    img{
      max-width:100%;
    }
  }
}
.block2{
    background: url("/templates/saitrus/img/registraciya.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 115px 0px;
    margin-top: -105px;
  .poisk{
    input[name="searchword"]{
        width: 85%;
    	padding: 10px;
    	background: #ffffff9e;
    	border: 0px;
    	border-radius: 5px;
    	border-bottom: 1px solid white;
    }
    button.button{
      background:url("/templates/saitrus/img/poisk.png");
      height: 45px;
      width: 45px;
      margin-left: -50px;
      border: 1px solid;
      border-bottom: 0px;
      background-position: center center;
    }
    label{
      display:none;
    }
  }
  .btns{
    text-align:center;
    a{
        color: white;
    	font-family: "pobeda-bold";
    	font-size: 21pt;
    	border: 1px solid;
    	padding: 5px 35px;
      	border-radius:5px;
    }
  }
  form{
    color: white;
    text-align: center;
    .progress{
      height:3px;
    }
    input[type="submit"]{
        color: red;
    	text-transform: uppercase;
    	font-size: 14pt;
    	background: #fff;
    	padding: 10px 30px;
    	border: 0px;
    }
    a{
      color:white;
    }
  }
  .span12{
    font-family:"pobeda-bold";
  }
  .terms-content{
    color:white;
    a{
      color:white;
    }
  }
}
.block3{
  font-family:@regular;
  .left{
	font-size: 34pt;
  }
  .time{
    font-family:@bold;
    font-size:36pt;
    .item{
      text-align:center;
      .days,.clock,.minuts{
      	font-size:90pt;
      	line-height: 0.7;
      }
    }
    
  }
  .text{
    font-family:@mont;
    margin-top:40px;
    a{
        background: #dc3f22;
    	color: white;
    	padding: 5px 30px;
    	border-radius: 5px;
    }
  }
  
}
.block4{
  background:#e5e1d6;
  padding-bottom:100px;
  h2{
    padding:25px;
    text-align:center;
  }
  .news{
    .borders{
      background: #fff;
      border-radius: 5px;
      .image{
        img{
          max-width:100%;
          text-align:center;
        }
      }
      .date{
        padding-top:10px;
        font-size:10pt;
        color:silver;
        text-align:center;
        font-family:@mont;
      }
      .news-content{
        text-align: center;
    	font-size: 10pt;
    	padding: 10px;
        font-family:@mont-bold;
        a{
          color:black;
          
        }
      }
    }
    .all-news{
      color: red;
      text-transform: uppercase;
      font-size: 14pt;
      background: #fff;
      padding: 10px 30px;
    }
    
  }
  .territorii{
      background:url("/templates/saitrus/img/podloshka.png");
      background-repeat:no-repeat;
      background-size:100% 95%;
      padding-top: 80px;
    h2{
      font-family:@bold;
      font-size:36pt;
    }
    ul{
      padding: 45px;
      padding-bottom: 0px;
      list-style-type: none;
      text-align: center;
      font-family:@bold;
      li{
      	background: url("/templates/saitrus/img/lenta.png");
    	background-size: 90% 99%;
    	background-position: center;
    	background-repeat: no-repeat;
    	padding: 10px 0px 20px 0px;
    	margin: 10px 0px;
   		font-size: 18pt;
    	color: white;
    	text-transform: uppercase;
        a{
          color:white;
        }
        
      }
    }
    }
}
.block5{
  background: url(/templates/saitrus/img/flag.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 115px 0px;
    margin-top: -150px;
  .kontacts{
    .span12{
      font-family:@bold;
    }
  }
}
footer{
  background:url("/templates/saitrus/img/footer.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  margin-top:-5px;
  background-position: center bottom;
  .brands{
    min-height: 130px;
    margin-bottom:30px;
    .item{
      float:left;
      padding:0px 5px;
      img{
        max-width:100%;
        max-height:94px;
      }
    }
  }
  .foot-menu{
    margin-bottom:15px;
    font-family:@bold;
  .menu{
    width: 415px;
    float: right;
    li{
      float:left;
      a{
        color:black;
        text-transform:uppercase;
        font-size:16pt;
        padding: 10px 22px;
      }
      a:hover,a:focus{
        background:none;
      }
    }
  }
}
  .poisk{
    margin-bottom:15px;
    input[name="searchword"]{
        width: 99%;
    	padding: 10px;
    	background: #ffffff9e;
    	border: 0px;
    	border-radius: 5px;
    	border-bottom: 1px solid white;
    }
    button.button{
      background:url("/templates/saitrus/img/poisk2.png");
      height: 45px;
      width: 45px;
      margin-left: -50px;
      border: 1px solid;
      border-bottom: 0px;
      background-position: center center;
    }
    label{
      display:none;
    }
  }
  
  .footimg{
    height:300px;
    /*background:url("/templates/saitrus/img/cvetok.jpg");
    background-size:cover;
    background-repeat:no-repeat;*/
  }
}

@media @hldesktop{
  footer{
    /*background-position-y: -130px !important;*/
  }
}
@media @highdesktop{
  header{
    .logo{
       width: 27.5%;
    }
    .head-menu{
      width: 72%;
    }
  }
  footer{
    /*background-position-y: -60px;*/
  }
}
@media @desktop{
 
}
@media @tablet{
 
}
@media @phone{
  .block1{
    text-align:center;
  }
  .block2{
    .poisk{
      margin-bottom:15px;
    }
    .rsform{
      .row{
        margin:15px;
      }
    }
  }
  .block4{
    .territorii{
      img{
        width:100%;
      } 
    }
  }
  footer{
    /*background-position-y: 40px;*/
    .foot-menu{
      .menu{
        width:100%;
        float:none;
      }
    }
    .logo{
      img{
        width:100%;
      }
    }
    
  }
}