/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main > .container {
  padding: 30px 15px 0;
  
}
main >.container p {
	font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */
	text-align: justify;
	//font-size: 18px; font-weight: normal; color: #222;
	
	//letter-spacing: 0.6px;     /*расстояние между символами*/
	text-indent: 36px;
	//margin: 2px 8px 2px 24px; padding: 0px 8px 0px 4px; 
	
}
main > .container h4 {
	font-family: 'Times New Roman', Times, serif; 
	text-align: justify; 
	/*margin: 2px 4px 2px 44px; padding: 0px 8px 0px 4px; */
	margin: 0; padding: 0px 4px 0px 4px;
	font-size: 18px; font-weight: normal; color: #fff; 	
	
	background: #0b972a9e;  
	letter-spacing: 0.5px;    
	//text-indent: 4px;
	
	display: inline-block;
}


.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

body {
	overflow-x: hidden;
    background: url(../img/pattern.png) repeat center;
}
/*******************************************************************/

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }


/** ********** джойстик - стрелки навигации ************ **/
#joystick {
    width: 141px;    height: 141px;
    background:url("../img/joystik_141_36.png") 0px 0px no-repeat;
	position:fixed;
   	z-index:1001;
	left: 70px; 
	top: 510px;
}

.izo_r { 
	width: 24px; height: 56px; /* область замены */
    background: url("../img/button-rgray.png") 0px 0px no-repeat;	/* - transparent, прозрачный*/ //background: url("../img/joystick_new_height_red.png") 0px 0px no-repeat;
    position: fixed; 
   	z-index:1001;
	left: 180px; 
	top: 552px;  
	display: block;
}
.izo_r:hover { 
	background: url("../img/button-rblue.png") 0px 0px no-repeat; 
} 
.izo_l { 
	width: 24px; height: 56px;
    background: url("../img/button-lgray.png") 0px 0px no-repeat;	
    position: fixed; 
   	z-index:1001;
	left: 78px; 
	top: 552px;  
	display: block;
}
.izo_l:hover { 
	background: url("../img/button-lblue.png") 0px 0px no-repeat; 
} 
.izo_top { 
	width: 56px; height: 24px;
    background: url("../img/button-top_gray.png") 0px 0px no-repeat;	 
    position: fixed; cursor: pointer;
   	z-index:1001;
	left: 113px; 
	top: 518px;  
	display: block;
}
.izo_top:hover { 
	background: url("../img/button-top_blue.png") 0px 0px no-repeat; 
} 
.izo_bottom { 
	width: 56px; height: 24px;
    background: url("../img/button-bottom_gray.png") 0px 0px no-repeat;	 
    position: fixed; cursor: pointer;
   	z-index:1001;
	left: 113px; 
	top: 620px;  
	display: block;
}
.izo_bottom:hover { 
	background: url("../img/button-bottom_blue.png") 0px 0px no-repeat; 
} 

/************** стрелка **********************************************************************************************/
element.style {
}
#back-top a:hover span {
    background-color: #777;
}
#back-top span {
    width: 48px;
    height: 73px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(../images/template/arrow_icons.png) no-repeat center center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
#back-top a {
    width: 64px;
    display: block;
    text-align: center;
    font: 11px / 100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
a {
    color: #063446;
    text-decoration: none;
    outline: none;
}

/* таблиця стилів агента користувача*/
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
}