/*Подключение шрифтов*/
@font-face {
  font-family: 'Black';
  src:  url('../fonts/FavoritBookC.otf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Italic';
  src:  url('../fonts/FavoritBookC-italic.otf')  format('truetype'); /* Safari, Android, iOS */
}

/*Переменные*/
@white: #fff;
@black: 'Black';
@italic: 'Italic';

/*Adaptive*/
@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)";

body{
  
  font-family: @black !important;
  background-color: #000;
  .rsform{
    button[name="continue"]{
      margin-top:10px;
    }
  }
  .eventlist_col{
    a{
      color:#089c4a !important;
      font-size:14pt;
    }
  }
  .banner{
    background:#10acf2;
    text-align:center;
    img{
      /*width:100%;*/
    }
  }
  table.flatcal_main_t{
    width: 70%;
    max-width: 240px;
  }
  div.search{
    padding: 0px 0px 0px 20px;
    .btn-group:has(> input[name="searchword"]) {
      width:85%;
    }
    input[name="searchword"]{
      width:100%;
    }
  }
  #jevents_body {
    a.cal_titlelink:link{
       
      color:#089c4a;
    }
  }
  #jevents_body {
    a.cal_titlelink:visited{
    color:#089c4a;
    }
  }
  #jevents_body {
    a.cal_titlelink:hover{
      color:#089c4a;
    }
  }
  .btn-primary,.btn-primary:hover,.btn-primary:focus {
    color: #fff;
    background-color: #1eac5e;
    border-color: #1eac5e;
}
  #flatcal_minical{ 
    .flatcal_daylink{
    font-size:10pt;
    }
  } 
  #flatcal_minical{
    .flatcal_sundaylink{
      font-size:10pt;
    }
  } 
  #flatcal_minical{
    .flatcal_busylink{
      font-size:10pt;
    }
  } 
  
  
  
  
  
  #flatcal_minical{
    .flatcal_busylink:link, {
        color:#0fa855;
      }
    }
#flatcal_minical {
      .flatcal_busylink:visited{
        color:#0fa855;
  }
  }
  audio{
    width:70%;
  }
  .newsflash {
    img{
    	padding: 10px;      
    }
}
  .blog{
    
    img {
    	margin: 0px 10px;
}
  }
  .menu{
        text-transform:uppercase;
  }
  .emails{
    button{
      background:#00a651 !important;
      width:100% !important;
    }
  }
.scrolltotop{
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: rgba(0,0,0,.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: .2;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,1);
  transition: all .5s;
  display: none;
  text-align: center;  
}
.scrolltotop:after{
  content: '⇧';
  color: white;
  line-height: 40px;
}
.scrolltotop:hover{
 opacity: .5;
 box-shadow: 0 0 10px rgba(0,0,0,.4);
}
  
  #header{
 	background:url('/templates/jblank/img/header.png') no-repeat;
    .head-img{
      background: url(/templates/jblank/img/rheader.png) no-repeat;
    }
    .logo{
  		text-align:center;
      	margin-top: 15px;
      z-index:1;
      a{
        width:100%;
        height:100%;
      }
	}
    .header_menu{
      ul{
        /*margin:10px 10px;*/
        li{
          /*float:right;*/
          height:30px;
          font-size:10pt;
          a{
            padding: 5px 0px;
          }
        }
      }
    }
    .mens{
      text-align:center;
      .upmens{
        color:#d7d7d7;
        margin-top: 10px;
    	/*margin-bottom: 15px;*/
      }
    }
    .menu {
    	li{
      		width: 200px;
    		float: left;
    		/*height: 30px;*/
          	background:#e8e8e8;
          	margin:5px;
      	}
      
    }
    .poisk{
        text-align: right;
      	padding-right: 30px;
      margin-top:20px;
      margin-bottom:20px;
      form{
        label{
          display:none;
        }
        input[name="searchword"]{
            min-width: 230px;
    		height: 45px;
    		border: 3px solid #e8e8e8;
    		padding: 5px;
        }
        input[type="image"]{
        	position: absolute;
    		top: 8px;
    		right: 35px;
        }
      }
      }
    .lang{
      	margin-top: 10px;
    	/*margin-bottom: 15px;*/
      }
    .head_right_menu{
      font-size:11pt;
      img{
     	position: absolute;
    	margin: 5px 0 0 -10px; 
        height:95%;
      }
      ul{
        li{
          background:none;
        }
      }
      .xmap{
          li{
            border:2px solid #e8e8e8;
            width:250px;
            font-size:11pt;
            width: 100%;
    		margin-left: 0;
            max-width:300px;
            font-size:10pt;
          }
        li:hover,li:focus{
          a{
            background:none;
          }
        }
      }
      .module_special_visually {
      	#special_visually {
      		label {
                height:35px;
              	border: 2px solid #e8e8e8;
              	background:url('/templates/jblank/img/slabvid.png') no-repeat;
              	background-position:left;
              	width:300px;
      			.button_text{
        			height:auto;
                  	color:#cccccc;
                  	background:none;
                  	font-size: 10pt !important;
      			}
          	}
        }
      }
    }
    .right_menu{
        font-size: 11pt;
    	
      li{
        /*height: 35px;*/
        margin: 2px 5px;
        a{
          padding:5px 0px;
        }
      }
    }
    ul.drmenu{
      float:left;
        li{
          background:none;
          border:2px solid #e8e8e8;
          text-align:center;
          width:200px;
          font-size:10pt;
          a{
            padding: 4px;
          }
        }
      	li:nth-child(1),li:nth-child(1):hover,li:nth-child(1):focus{
        	background: url(/templates/jblank/img/uslugi.png) no-repeat !important;
    		/*background-position: 10px 7px;*/
          a{
            background:none;
          }
      	}
      	li:nth-child(2),li:nth-child(2):hover,li:nth-child(2):focus{
        	background: url(/templates/jblank/img/yarmarka.png) no-repeat !important;
    		/*background-position: 10px 7px;*/
          a{
            background:none;
          }
      	}
    }
    .social-icons{
      float:left;
      margin-top:5px;
      margin-left:15px;
      
    }
  }
  .kroma{
	height:30px;
    background:url('/templates/jblank/img/head_line.png') repeat;
    width:100%;
  }
  .kroma_foot{
	height:30px;
    background:url('/templates/jblank/img/foot_line.png') repeat;
    width:100%;
  }
  .gmenu{
    border-bottom:3px solid #ec1d39;
    margin-bottom: 20px;
   	ul{
      li{
        min-width: 200px;
    	float: left;
        background:#e8e8e8;
       	margin: 4px 4px 0 0;
        color:black!important;
      }
      li.active{
        background:#ec1d39;
        a{
          color:white;
        }
      }
      li:hover,li:focus{
        background:#ec1d39 !important;
        a{
          color:white;
          background:#ec1d39 !important;
        }
      }
      
    }
  }
  .cont{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    a{
      color: #089c4a;
    }
    a.btn{
       white-space: normal !important;
    }
  }
  ul{
    font-family:@black;
    font-size:12pt;
    li{
      a{
        color:black;
      }
    }
  }
  .mod_events_latest_table{
    .jevbootstrap{
      width:auto !important;
    }
  } 
 footer{
   padding-top:15px;
   background: url(/templates/jblank/img/header.png) no-repeat;
   .foot-img{
     	background: url(/templates/jblank/img/rheader.png) no-repeat;
    	background-position: right;
    	/* margin-top: 0; */
    	background-position-y: 0px;
    	margin-top: -15px;
   }
    .footmenu{
      img{
      	position: absolute;
    	margin: 5px 0 0 -10px;
    	height: 95%;
      }
    }
  }
  .punkt{
        margin-bottom: 20px;
    	margin-top:20px;
    div.sp{
      	background: linear-gradient(to right, #ffffff 0%, #01a550 100%);
    	font-size: 14pt;
    	padding: 5px 0px 5px 5px;
      text-transform:uppercase;
      width:260px;
    }
    .linepunkt{
      	height: 3px;
    	width: 100%;
    	position: absolute;
    	background: linear-gradient(to right, #01a550 0%, #ffffff 100%);
    }
  }
  .content{
    .item-image{
      margin-right:10px !important;
      img{
      	max-width: 250px;
        max-height: 180px;
      }
    }
  }
  .pagination{
    display:block;
    ul{
      list-style-type:none;
      li{
        float:left;
        margin:10px;
        a{
          /*color:#3279c7;*/
        }
      }
    }
  }
}

.span6 {
	min-height: 300px;
	margin-bottom: 25px;
}

@media(max-width: 536px) {
  .span6 h2 {
	font-size: 21px;
}

}

@media(max-width: 360px) {
  .span6 {
	margin-bottom: 60px;
}

}

@media @highdesktop {
  #header{
    .logo{
      height:250px;
      img{
        margin-top:30px;
      }
    }
    .xmap{
          li{
            background: url(/templates/jblank/img/yarmarka.png) no-repeat !important;;
    		background-position: 10px 7px !important;
            a{
            	padding-left: 50px;
            }
          }
      }
    .header_menu{
      ul{
        max-width:723px;
        margin:auto;
        li{
          width:31%;
        }
      }
    }
    .poisk{
      form{
        input[name="searchword"]{
			width:65%;
        }
      }
    }
      
  }
  
}

@media @desktop {
  body{
    .banner{
    img{
      width:100%;
    }
  }
    #header{
      .logo{
      height:250px;
      img{
        margin-top:30px;
      }
    }
      .poisk{
        margin-top:0px;
        margin-bottom:0px;
      form{
        input[name="searchword"]{
			width:70%;
        }
      }
    }
      .header_menu{
        padding:0;
        ul{
          max-width:723px;
          margin:auto;
        }
      }
      .socials_btn{
        padding:0;
      }
      .head_right_menu{
      .module_special_visually {
      	#special_visually {
      		label {
              	background:none;
      			.button_text{

      			}
          	}
        }
      }
    }
      .social-icons{
        margin-top:5px !important;
      }
    }
  }
  ul.drmenu{
    li{
      width:120px !important;
      a{
      	padding: 4px 40px !important;
      }
    }
  }
}
@media @tablet {

}
@media @phone {

}