/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
/*
background-image: url("../../content/images/imagestemplate/body.png");
/**/
/*
background:#FCE592;
/*#FAFC92*/

    background: rgba(250,252,146,0.15);
	
/*
background:#FAFC92
/**/;
background-repeat: repeat-x 
}

.blog3container
{
	padding-left:10px;
	padding-right:10px;
}


.blog3container img 
{
	max-width:300px!important;
}

.nav li a {
padding-left:25x!important;
padding-right:25px!important;
}
.blog3
{
	background-image: url("../../content/images/blog/blog3.jpg")!important;
	background-color:#001300!important;
	background-attachment: fixed;
}


.blog2
{
	background-image: url("../../content/images/blog/blog2.jpg")!important;
	background-color:#001300!important;
	background-attachment: fixed;
}

.blog1
{
	background-image: url("../../content/images/blog/blog1.jpg")!important;
	background-color:#001300!important;
	background-attachment: fixed;
}

.leftblockblog
{
	width:200px;
	min-height:200px;
	background:#000; 
	padding:10px 10px 10px 10px;
	background: rgba(0, 0, 0, 0.65);
}

.back_block_fon
{
	overflow:auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:220px;
	/*background:#FFF;*/
	background: rgba(255, 255, 255, 0.65);
	padding:10px 0px 30px 30px;
	/**opacity: 0.85;*//
}

.block2right
{
	
	
}


/*
.blog1 .topheadermargin
{
	background:#FFF;
}
/**/

.svitok_txt a
{
	color:#DB7A00!important;
	/*text-decoration:underline;*/
	border-bottom:1px dotted #DB7A00;
}

a{
	
	/*color:#DB7A00!important;*/
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

.logoBlock span
{
	font-weight:bold!important;
}

.logoBlock a
{
	text-decoration:none;
}

.activecol a
{
	color:#f9971b!important;
}

.navtopmenu
{
position:absolute;
top:145px;
background:#f9971b;
width:100%;
z-index:1;
}

.b-popup
{
	z-index:3!important;
}
 
.navtopmenu .activecol a
{
color:#f9971b!important;
}

.navtopmenu a
{
color:#FFF!important;
}
.foterpanel li a
{
color:#FFF!important;
}

 

.foterpanel .activecol a
{
color:#DB7A00!important;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */
#sidebar
{
margin-top:20px;
}

#logo
{
border:0px solid #CCC;
float:left;
width:220px;
margin:10px 0px 10px -30px;

}
.ourcontacts
{
width:100px;
float:left;
height:50px;
padding-top:58px;
}
.phoneblock
{
height:50px;
padding-top:35px;
margin-left:100px;
}
.contblock
{
width:350px;
margin:0px auto;
height:50px;
}
.phoneblock .phone
{
font-size:25px;
}

.footerback
{
 background-color: #ebebeb;	
}

.portfolioblock img
{

cursor:pointer;
width:100%;
}

.iconlink
{
font-size:25px;
color:#999;
text-align:center;
margin:15px 5px 10px 5px;
cursor:pointer;
}

.rowmenu
{
font-weight:bold;background:#ffff01!important;color:#FFF!important;
}

.rowmenuno
{
font-weight:bold;background:#ffff01!important;color:#FFF!important;
}
.nav>li>a:hover
{
background:#ffff01!important;
}


.foterpanel
{
  color:#FFF!important;
  background: #DB7A00;
  margin-top:50px;
}
.foterpanel a
{
  color:#FFF;
}


.iconlink:hover
{
color:#ff6c24;
}

.nameblock
{
font-size:20px;
text-align:center;
}


#registration
{
margin-top:-10px;
border:0px solid #CCC;
z-index:20000;
top:0px;
}

.panelregistr
{
overflow:auto;
padding:10px;
background:#767676;
}
.panelregistr a
{
color:#FFF;
}
.panelregistr span
{
margin-left:20px;
color:#FFF;
}


#headephone
{
border:0px solid #CCC;
height:50px;
float:left;
margin-left:10%;
}

.topheadermargin
{
	margin-right:35px;
}

.topheadermarginblock
{
height:200px;
}


.backheader
{
    width:100%;
    position:absolute;
   /* z-index:-1;/**/
}
/* Hide for mobile, show later */
.sidebar {
  display: none;
}


@media (max-width: 768px) {
.navtopmenu
	{
		position: unset!important;
	}
}

@media (min-width: 768px) {
	
	
	
  .sidebar {
	
    position: fixed;
    top: 55px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #FCFCFC;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav
{
margin-left:-20px;
}
.firstli
{
}
.nav  li a
{
padding-right:30px;
padding-left:30px;

}
.colm1
{
width:100px;
float:left;
}
.colm2
{
width:125px;
float:left;
}

/*
 * Main content
 */

.main {
  padding: 0px 20px 20px 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.buttoncall
{
background:#ff6c24;
width:100%;
padding:10px;
color:#FFF;
margin-top:125px;
}

.blackfon
{
background:#DB7A00;
color:#FFF;
}
.opros
{
min-width:200px;
padding:20px;
}
.portfolio
{
padding:20px;
background:#ebebeb;
min-height:400px;
}
.AskMe
{
background:#f9971b;
padding:20px;
color:#FFF;
min-width:200px;



}
.rightsmallblock
{
margin-bottom:30px;
}
.defaultcolor
{

}
.clickbutton
{
background:#ffff01;
color:#02305c;
padding:10px;
text-align:center;
width:100%;
border:0px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


.rowpprice
{
clear:both;
}
.panel-star {
    height: 60px;
    width: 60px;
    background: rgba(230, 24, 125, 0.75);
    position: absolute;
    margin: -20px 0 0 180px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.panel-star span {
    color: #fff;
    display: block;
    width: 60px;
    height: 30px;
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 15px 0 0 0;
    line-height: 1.1em;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
}

.contentprice h3 {
    font-size: 28px;
    padding: 0px 0pc 5px 0px;
    margin: 0px;
    color: #56442c;
}

.block {
    width: 230px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #56442c;
    margin-top: 10px;
    margin-right: 20px;
	margin-bottom:20px;
    padding: 0xp;
}

.rowpprice .block:hover>.panel-footer
{
	background:#ff6c24;
	
}


.rowpprice .block:hover
{
	cursor:pointer;
	border: 1px solid #ff6c24;
}
	
	

.contentprice {
    padding: 15px 15px 25px 15px;
    height: 170px;
}

.bigprice {
    font-size: 30px;
    margin-bottom: 10px;
}


 a.rollover1 {
    background: url("../../content/images/icon/service_6.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover1:hover {
    background-position: 0 -197px; 
 }
 
 
  a.rollover2 {
    background: url("../../content/images/icon/service_5.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover2:hover {
     background-position: 0 -196px; 
 }
 
 
 
  a.rollover3 {
    background: url("../../content/images/icon/service_4.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover3:hover {
    background-position: 0 -196px; 
 }
 
 
 
  a.rollover4 {
    background: url("../../content/images/icon/service_3.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover4:hover {
    background-position: 0 -196px; 
 }
 
 
 
  a.rollover5 {
    background: url("../../content/images/icon/service_2.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover5:hover {
     background-position: 0 -196px; 
 }
 
 
  a.rollover6 {
    background: url("../../content/images/icon/service_1.png") no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 196px; /* Ширина рисунка */
    height: 196px; /*  Высота рисунка */
 }
 a.rollover6:hover {
   background-position: 0 -196px; 
 }
 
 .buttoncall a:hover
 {
 text-decoration:none;
 }
 
 .rowservice
 {
  width: 196px; /* Ширина рисунка */
  height: 196px; /*  Высота рисунка */
  float:left;
  margin-right:30px;
  margin-bottom:15px;
   margin-top:0px;
 }
 
  .rowserviceprod .innerimg
 {
   width: 196px; /* Ширина рисунка */
  height: 186px; /*  Высота рисунка */
  
 }
 
 
.titleproduct
{
text-align:center;
}
 
 .rowserviceprod:hover
 {
 border:1px solid #999;
 }
 
.rowserviceprod
 {
  width: 250px; /* Ширина рисунка */
  height: 220px; /*  Высота рисунка */
  float:left;
  margin-left:15px;
  margin-right:15px;
   
  margin-bottom:15px;
  margin-top:15px;
  padding:10px 0px 10px 0px;

  overflow:hidden;
  border:1px solid #CCC;
 }
 
 
 .service h3
 {
	margin-top:0px!important;
 }
 
 .clearboth
 {
  clear:both;
  margin-bottom:30px;
 }