/*увеличение круглых превьюшек*/
.fotorama__dot {width:8px;height:8px;}
.fotorama__nav__frame.fotorama__active .fotorama__dot {border-width:4px;}
/*
@media (max-width:767px){
	.fotorama{height:250px!important;}
}
*/
@media (max-width:767px){
	/*.fotorama__stage{height:740px!important;}*/
	.news-title-home {font-family: Tahoma,Arial,sans-serif;font-size:14px;font-weight:bold;}
	.news-img-home{max-width:180px; padding:5px;}
}

.fotorama__nav {
    margin-top: 0%;
    padding-bottom: 2%;
}


/* TEST CARUSEL */
/* Global */
 

img { max-width:100%; }


/* Page Header */
.page-header {
    background: #ebebeb;
    /*margin: -30px -40px 40px;*/
    padding: 20px 40px;
	position:relative;
    color: #999;
    text-transform: uppercase;
	border-bottom-color:#cccccc;
    }
.page-header h3 {
   /* line-height: 0.88rem;*/
    color: #000;
    }

	
@media screen and (min-width: 768px)
{

.carousel-indicators li {
    border: 1px solid #999999!important;
	margin-left:2px;
	margin-right:2px;
}
.carousel-indicators .active {
    background-color: #999999!important;
	margin-left:2px;
	margin-right:2px;
}
}


/* Boxes
------------------------------------------------ */

/* List style */
ul.thumbnails { 
  list-style: none; 
  margin: 0;
  padding: 0 0 10px 0;
  }

ul.thumbnails li { 
  list-style: none; 
  margin: 0;
  padding: 10px 0;
  height:350px;
  padding:5px;
  }
@media (max-width:767px){
	ul.thumbnails li {
		height:auto;
		padding-bottom:20px;
	}
}
  
  
.caption-box h4 {
    font-size: 1.1em;
    color: #333;
    }
.caption-box p {
		font-family: sans-serif;
        font-size: 0.9em;
        color: #999;
        }
.btn.btn-mini {
            font-size: 1.0rem;
            }



/* Control box 
------------------------------------------------ */
.control-box {
	text-align:right;
    width: 100%;
    }

.carousel-control{
	background: #ffffff!important;
    display: inline-block;
    font-size: 34px;
	font-weight: 200;
	line-height: 18px;
	opacity: 0.5;
	padding: 4px 10px 10px 10px;
	position: static;
	height: 35px;
	width: 40px;
	text-decoration:none;
	border:1px solid #666666;
	color:#666666!important;
	text-shadow:none;
	}


	
.carousel-control:hover{background-color:#333333!important; color:#ffffff!important;}


/* Mobile only
------------------------------------------------ */
@media (max-width: 767px) {
    .page-header { text-align: center; padding: 0px 0px 10px 0;} 
	.page-header h3 {margin-top:10px;padding-bottom:80px;}
	.control-box-filter {left:-10px!important;}	
	
}
@media (max-width: 479px) {
    .caption-box { word-break: break-all; }
    ul.thumbnails li { margin-bottom: 30px; }
}



/* filter 
-----------------------------------------------------*/
.control-box-filter{
	text-align:left;
    width: auto;
	position:absolute;
	bottom:20px;
	left:40px;
	z-index:99;
}
.carousel-control-filter,.choose-mark{
	background: transparent;
    display: inline-block;
    font-size: 14px;
	/*font-weight: bold;*/
	line-height: 14px;
cursor:pointer;	
	margin: 0 10px;
	padding: 10px 0;
	position: static;
	height: 35px;
	width: auto;
	text-decoration:none;
	border-bottom:1px solid transperent;
	color:#666666!important;
	text-shadow:none;
}



.choose-mark.selection{cursor:pointer;}	
.carousel-control-filter:hover,.choose-mark:hover,.carousel-control-filter.select{ color:#333333!important;border-bottom:1px solid #666666;}
.carousel-control-filter.selection:hover,.choose-mark.selection.select{color:#333333!important;	}


/*form*/

#mark_selector {
    right: auto;
    top: auto;
    box-shadow: 0 0 10px #BBB;
    padding: 20px 0 10px 22px;
}
.option-list.active {
    display: block;
}

.option-list {
    width: 255px;
    padding: 20px 0 32px 42px;
    background-color: #fff;
    position: absolute;
    top: 44px;
    right: 0;
    display: none;
    z-index: 999;
	opasity:1;
}
.option-list .left {
    float: left;
}
.option-list .right {
    margin-left: 130px;
    position: relative;
}
.option-list .confirm {
    top: 210px;
    position: static;
    float: right;
    margin-right: 20px;
}


.option-list .confirm {
    display: block;
    background: url(/images/ico/confirm.png) center no-repeat;
    width: 37px;
    height: 37px;
    right: 18px;
}
.option-list .confirm:hover{background: url(/images/ico/confirm_hover.png) center no-repeat;}



/*################################### стилизация checkbox #############################################*/
/* checkbox */


input[type="checkbox"]{
	margin:0px;
}
label.checkbox{font-weight:normal}
.checkbox input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 20px;
}
.checkbox__text {
	position: relative;
	padding: 0 0 0 60px;
	cursor: pointer;
	text-transform:none;
}
.checkbox__text:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 50px;
	height: 26px;
	border-radius: 13px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	transition: .2s;
}
.checkbox__text:after {
	content: '';
	position: absolute;
	top: -2px;
	left: 2px;
	width: 22px;
	height: 22px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: .2s;
}
.checkbox input:checked + .checkbox__text:before {
	background: #9FD468;
}
.checkbox input:checked + .checkbox__text:after {
	left: 26px;
}
.checkbox input:focus + .checkbox__text:before {
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);
}


/* end checkbox */