/*рамка*/
.otl{outline:1px solid black}
.otl-1{outline:1px solid red}
.otl-2{outline:1px solid green}
.otl-3{outline:1px solid blue}

.inline-blk{display:inline-block}
.inline-blk2{text-align:center}

/*текст*/
.txt-c{text-align:center}
.txt-l{text-align:left}
.txt-r{text-align:right}
.txt-j{text-align:justify}

/*внешние поля*/
.mrg-auto{	margin:0 auto}
.mrg-5{margin:5px}
.mrg-10{margin:10px}
.mrg-15{margin:15px}
.mrg-20{margin:20px}

.mrg-5-0{margin:5px 0}
.mrg-10-0{margin:10px 0}
.mrg-20-0{margin:20px 0}
.mrg-50-0{margin:50px 0}

.mrg-top-5{margin-top:5px}
.mrg-top-10{margin-top:10px}
.mrg-top-15{margin-top:15px}
.mrg-top-20{margin-top:20px}
.mrg-top-30{margin-top:30px}
.mrg-top-40{margin-top:40px}
.mrg-top-50{margin-top:50px}

.mrg-bottom-5{margin-bottom:5px}
.mrg-bottom-10{margin-bottom:10px}
.mrg-bottom-15{margin-bottom:15px}
.mrg-bottom-20{margin-bottom:20px}
.mrg-bottom-30{margin-bottom:30px}
.mrg-bottom-40{margin-bottom:40px}
.mrg-bottom-50{margin-bottom:50px}

.mrg-left-5{margin-left:5px}
.mrg-left-10{margin-left:10px}
.mrg-left-15{margin-left:15px}
.mrg-left-20{margin-left:20px}
.mrg-left-30{margin-left:30px}
.mrg-left-40{margin-left:40px}
.mrg-left-50{margin-left:50px}

.mrg-right-5{margin-right:5px}
.mrg-right-10{margin-right:10px}
.mrg-right-15{margin-right:15px}
.mrg-right-20{margin-right:20px}
.mrg-right-30{margin-right:30px}
.mrg-right-40{margin-right:40px}
.mrg-right-50{margin-right:50px}

/*внутренние поля*/
.pd-5{padding:5px}
.pd-10{padding:10px}
.pd-15{padding:15px}
.pd-20{padding:20px}

.pd-5-0{padding:5px 0}
.pd-10-0{padding:10px 0}
.pd-20-0{padding:20px 0}
.pd-50-0{padding:50px 0}

.pd-0-5{padding:0 5px}
.pd-0-10{padding:0 10px}
.pd-0-20{padding:0 20px}

.pd-top-10{padding-top:10px}
.pd-top-15{padding-top:15px}
.pd-top-20{padding-top:20px}
.pd-top-30{padding-top:30px}
.pd-top-50{padding-top:50px}

.pd-bottom-10{padding-bottom:10px}
.pd-bottom-15{padding-bottom:15px}
.pd-bottom-20{padding-bottom:20px}
.pd-bottom-50{padding-bottom:50px}

.pd-left-5{padding-left:5px}
.pd-right-5{padding-right:5px}
.pd-left-10{padding-left:10px}
.pd-left-20{padding-left:20px}
.pd-right-10{padding-right:10px}
.pd-right-20{padding-left:20px}

/*ширина блока*/
.wd-100{width: 100%;}
.wd-75{width: 75%;}
.wd-70{width: 70%;}
.wd-50{width: 50%;}
.wd-30{width: 30%;}
.wd-25{width: 25%;}
.wd-20{width: 20%;}
.wd-10{width: 10%;}


/*обтекание текста(элементов)*/
.flt-left{float:left}
.flt-right{	float:right}

/*отмена обтекания*/
.clr-left{clear:left}
.clr-right{clear:right}
.clr-both{clear:both}

/*скрыть элемент*/
.none{display:none;}

/*не показывать*/
.hidden{visibility: hidden}
/*показывать*/
.visible{visibility: visible}

.opacity-0{opacity: 0}
.opacity-1{opacity: 1}

/*к тексту*/
.b{font-weight:bold}
.i{font-style:italic;}

.f-size-13{font-size:13px}
.f-size-14{font-size:14px}
.f-size-15{font-size:15px}
.f-size-16{font-size:16px}
.f-size-18{font-size:18px}
.f-size-20{font-size:20px}

.let-spac-1_5{letter-spacing: 1.5px}
.let-spac-1_2{letter-spacing: 1.2px}

/*списки*/
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/*основные цвета*/
.color-red{color:red}
.color-green{color:green}
.color-blue{color:blue}
.color-brown{color:brown}
.color-orange{color:#A64600}

/*preloader*/

.preloader {
  background-image: url(../images/preloader.gif);
  width: 35px;
  height: 5px;
  margin: 10px auto; 
}