aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}


audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none;
}

* {margin:0;padding:0}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
}


a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 1.20em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


small {
    font-size: 80%;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


figure {
    margin: 0;
}


fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}



button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}


button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: sub;
}

body {
  font-family: 'Segoe UI',Arial, sans-serif;
  background: #ebebeb;
}

.btn {
  display: inline-block;
  padding: 6px 14px;
  background: #f2f2f2;
  border-radius: 3px;
  color: #7a7a7a;
  font-size: 0.8125em;
  transition: background .3s ease, color .3s ease;
  text-decoration: none;
}
.btn:hover {
  background: #e5e5e5;
  color: #929797;
}
.btn.btn-primary {
  background: #64cb64;
  background-image: -webkit-linear-gradient(top,#64cb64 0%,#3a973a 100%);
  color: rgba(255, 255, 255, 0.9);
}

.btn.btn-primary:hover, .btn.btn-primary.active {
  background: #3a973a;
}
.btn.btn-large {
  padding: 12px 28px;
  margin: 10px 0 3px 0px;
}
.btn.btn-caps {
  text-transform: uppercase;
}
.btn.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}

input[type="text"] {
	width: 100%;
    border: 1px solid #b3b3b3;
    background: #f9f9f9;
    height: 50px;
    font-size: 0.9rem;
    padding: .5rem;
    outline: none;
    border-radius: 3px;
    margin-bottom: 7px;
    transition: background .3s ease;
}

input[type="text"]:focus {
  background: #f0f0f0;
}

.checkbox {
	color: #505050;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 40%);
    font-size: .9rem;
    padding: .5rem;
    display: inline-block;
}

.box {
	background: #ffffff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    margin: 8px 0px 0px 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}


.box h2 {
    color: #000000;
    font-size: 0.80em;
    margin: 10px;
}

.box h3 {
  font: Century Gothic, Arial, sans-serif;
  color: #434343;
  font-size: 0.90em;
  margin: 10px;
  font-weight:bold;
}
.box p {
  font-size: 0.80em;
  color: #131313;
}

.box h2 span {
  color: red;
  float: right;
}

.price p {
font-size: 0.90em;
padding: 6px 0px 7px 7px;
font-weight: bold;
}

.tag,.tabs-link{padding-bottom:3px;-webkit-box-shadow:inset 0 -2px rgba(255,255,255,0.1),inset 0 -3px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05);box-shadow:inset 0 -2px rgba(255,255,255,0.1),inset 0 -3px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05)}
.tag,.tabs-link{display:inline-block;vertical-align:top;line-height:1em;padding-top:0;font-weight:bold;color:#505050;text-align:center;text-shadow:0 1px rgba(255,255,255,0.5);background:#eaefef;border:0px white;border-radius:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.tag:hover,.tabs-link:hover{color:white;background:#20aae5;text-decoration:none;text-shadow:0 1px rgba(0,0,0,0.15);outline:none}
.tag:active,.tabs-link:active{padding-bottom:2px;border-top:1px solid white;-webkit-box-shadow:inset 0 -2px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05);box-shadow:inset 0 -2px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05)}
.tags-heading{height:2em;line-height:2em;margin-bottom:1em}
.tags-heading>h4{margin:0;}
.tags-toggle{display:none;text-align:center;font-weight:bold}
.tags-toggle:before{content:"\e010";margin-right:.5em}
.tags-list{overflow:hidden;line-height:0.80em; margin: 10px;}
.tags-list>li{float:left; list-style-type: none; margin:0 .8em .4em 0}

.tag{ 
display:block;
padding-right:.2em;
line-height:inherit;
font-size: 0.8em;
font-weight:normal;
color:#778187;
text-decoration: none;
background:#f2f2f3
}

.faq-section{margin: 10px 0;}
.faq-section input,
.faq-section p{display: none;}
.faq-section label+p{display: block;color: #999;font-size: 0.85em;-webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out;-o-transition: all .15s ease-out;transition: all .15s ease-out;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.faq-section input[type=checkbox]:checked~p{display: block;color: #444;font-size: 0.9em;text-overflow: clip; white-space: normal;overflow: visible;}
.faq-section label{font-size: 1.2em;cursor: pointer;background: #eee;display: block;position: relative;padding: 5px 10px;font-weight: bold;border: 1px solid #ddd;border-left: 3px solid #888;text-shadow: 0 1px 0 rgba(255,255,255,.5);-webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out;		-ms-transition: all .15s ease-out;-o-transition: all .15s ease-out;transition: all .15s ease-out;}
.faq-section label::-moz-selection{background: none;}
.faq-section label::selection{background: none;}
.faq-section label:hover{background: #f5f5f5;}
.faq-section input[type=checkbox]:checked~label {
    border-color: #518d08;
    background: #59b329;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#64cb64));
    background-image: -webkit-linear-gradient(top, #fff, #64cb64);
    background-image: -moz-linear-gradient(top, #fff, #f5deb4);
    background-image: -ms-linear-gradient(top, #fff, #f5deb4);
    background-image: -o-linear-gradient(top, #fff, #f5deb4);
    background-image: linear-gradient(to bottom, #fff, #d9f7d9);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
    box-shadow: 0 0 1px rgba(0,0,0,.4);
}
.faq-section label::before{content: '';position: absolute;right: 4px;top: 50%;margin-top: -6px;border: 6px solid transparent;border-left-color: inherit;}
.faq-section input[type=checkbox]:checked~label::before{border: 6px solid transparent;border-top-color: inherit;margin-top: -3px;right: 10px;}


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

.tmo_list li { 
	font-size: 0.80em;
    color: #131313;
	margin: 0 0 5px 0; 
	padding: 0 5px 0 20px; 
	background: url(../images/templatemo_list.png) no-repeat scroll 0 2px;  
}


.locations {
  padding: 8px;
  text-align: center;
}
.locations .avatar {
  border-radius: 1%;
}
.locations .avatar img {
  border-radius: 1%;
}
.locations .details {
  margin: 10px;
}
.locations .details h2 {
  font-size: 2em;
  line-height: 1%;
  color: orange;
  margin-top: 0.7em;
}

.locations .details p {
    font-size: 1em;
    line-height: 1.2em;
    color: rgb(18, 18, 19);
}
.locations .btn {
  margin-top: 8px;
}

.calendar {
	background: #fff;
    padding: 0 0 0 20px;
}
.calendar .header {
  padding: 10px 0;
}
.calendar [class*="icon-"] {
  color: #a5d002;
  position: relative;
  top: 2px;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}

.calendar .days h3 {font-size:20px;line-height:2.2em;margin-bottom:15px}
.calendar .days h3 {border-bottom:1px solid #d4d4d4;padding:0 0 0 18px;margin-bottom:10px;left:0px;position:relative}
.calendar .days ul {padding-bottom:5px}
.calendar .days ul li {font-size:1em;color:#848484;width:100%;overflow:hidden;vertical-align:top;padding-bottom:12px; list-style-type: none; }
.calendar .days ul li img {float:left;position:relative;top:3px;margin-right:15px}
.calendar .days ul li span {display:block;color:#000;font-size:20px;line-height:1.2em;padding:1px}
 .calendar .days a {
    color: #3e3e3e;
	text-decoration: none;
	font-size: 0.8em;
   }
 .calendar .days  a:visited {
    color: #3e3e3e; /* Цвет посещенных ссылок */
   }
.calendar .days  a:active {
    color: #3e3e3e; /* Цвет активных ссылок */
   }

.scrollbox {
 overflow: auto;
 width: 100%;
 max-height: 735px;
 margin: 11px auto;
 background-repeat: no-repeat;
 background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
 background-attachment: local, local, scroll, scroll;}
	
.extra-wraps {
 font-size: 12px;
 }
 
 .conect {
  width: 100%; /* Ширина элемента в пикселах */
  padding: 15px 10px 20px 50px;
  margin: auto; /* Выравниваем по центру */
 }
 
 
 .countdown-title {
  color: #396;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  color: #434343;
  display: inline-block;
  margin: 3px 0px 0px 10px;
  float: right;
  font-weight: 100;
  text-align: center;
  font-size: 20px;
}

.countdown-number {
    padding: 4px;
    border-radius: 3px;
    background: #cccccc;
    display: inline-block;
}

.countdown-time {
	padding: 15px;
    border-radius: 3px;
    background: #ffffff;
    display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 14px;
}
 
@media (max-width: 767px) {
 /*
 .days {
    width: 20px;
    height: 20px;
    display: none;
*/
	
	.scrollbox {
    overflow: auto;
    width: 100%;
    height: 200px;
    margin: 11px auto;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll;
}

  }
}

.calendar .days li.next, .calendar .days li.previous {
  color: rgba(0, 0, 0, 0.2);
}

.nav a {
  text-decoration: none;
  color: #434343;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  font-size: 0.75em;
}
.nav a:hover {
  color: #a5d002;
}
.nav [class*="icon-"] {
  font-size: 2em;
  margin-bottom: 5px;
  display: inline-block;
}
.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.nav li {
  display: inline-block;
}
.nav li a {
  display: block;
  padding: 20px 18px;
}

.weather .header {
    padding: 0 0;
    background: #64cb64;
    background-image: -webkit-linear-gradient(top,#64cb64 0%,#3a973a 100%);
    text-align: center;
    color: #fff;
    font-size: 1.125em;
}
.weather [class*="icon-"] {
  position: relative;
  top: 2px;
}
.weather .article {
  text-align: center;
  padding: 5px 0;
}

.video {
  position: relative;
  cursor: pointer;
}
.video:before {
  content: '';
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  transition: background .3s ease;
}
.video:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 2px;
  border: 10px solid transparent;
  border-left: 10px solid rgba(255, 255, 255, 0.8);
}
.video:hover:before {
  background: rgba(255, 255, 255, 0.3);
}
.video img {
  border-radius: 5px;
}

.post img {
  border-radius: 5px 5px 0 0;
}
.post .details {
  padding: 1px 10px 10px 10px;
}


.gallery {margin: 0 0 0px;text-align: center;}
.gallery li {margin: 5px;list-style: none;display: inline-block;}
.gallery a {position: relative;display: inline-block;}
.clip img {padding: 4px;border: solid 1px #bbb;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.clip a:before {position: absolute;content: ' ';top: -5px;left: -4px;width: 30px;height: 60px;background: url(images/paper-clip.png) no-repeat;}
.frame li {margin: 30px;}
.frame a:before {position: absolute;content: ' ';top: -22px;left: -23px;width: 216px;height: 166px;}
.tape li {width: 150px;padding: 5px;margin: 15px 10px;border: solid 1px #cac09f; border-radius: 8px; background: #ffffff;text-align: center;box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.2);}
.tape figure {position: relative;margin: 0;}
.tape figure:before {position: absolute;content: ' ';top: 0;left: 0;width: 100%;height: 100%;}
.tape figcaption {font: 12px Handlee, Arial, Helvetica, sans-serif;color: #4A4A4A; line-height: 1.2em;}
.tape a:before {
	position: absolute;
	z-index: 2;content:	' ';
	top: -20px;
	left: 50%;
	width: 115px;
	height: 32px;
	margin-left: -57px;
	}
	.tape h2{	
	font-size: 15px;
    line-height: 1.2em;
    margin: -5px 0px -4px -2px;
}
	.tape p{	
	text-align: center;
	font-size: 11px;
    line-height: 2em;
    margin: 0px 0px -8px -0px;
}


.butt2 {
    outline: none;
    border: none;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #000 !important;
    border-radius: 5px;
    border-color: 1px solid #000;
    line-height: 1em;
    margin-left: 62%;
    font-size: 14px;
    padding: 10px 15px;
    background-color: #ffffff;
    text-decoration: none;
}

.butt2:hover {
  background: #fbfafa;
}

.post .det  h2{
  margin: 5px 0 9px 0;
  font: 2em Century Gothic, Arial, sans-serif;
}

.post .det p {
  line-height: 1.5em;
  margin-top: 5px;
    text-align: justify
}

.post .details  h2{
  margin: 5px 0 9px 0;
  font: 1.50em Century Gothic, Arial, sans-serif;
}

.post .details  h2 a{
  color: #59b329;
  text-decoration: none;
}

.post .details p {
  line-height: 1.5em;
  margin-top: 5px;
    text-align: justify
}

.post .details p a {
 color: #59b329;
}
.post .details img {
  float: left;
}
.post .detailsinst  {
      margin: 10px;
}
.texts  {
  margin-left:2px;
}
.texts p {
  color: #518d08;
    font-size: 0.90em;
    line-height: 1.3em;
	font-weight: bold;
}

.texts p a {
 color: #59b329;
}
.texts img {
    overflow: hidden;
    line-height: 1.54em;
    padding-bottom: 14px;
	float:none;
}

.calcs {

	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

}

.calcs label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;

}

.form-control {
    display: block;
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.warning { 

	
}
	
.post .details .warning p { 
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.warning span { 
	font-weight: bold;
    font-family: sans-serif;
    color: #43a243;
}


.warning img { 
	float: right;
}



.audio {
    position: relative;
    padding: 0 0px 10px 0px;
}
.audio .image {
  position: absolute;
  top: 0;
  left: 0;
}
.audio .image img {
  border-radius: 5px 0 0 5px;
}
.audio .details {
  padding: 1px 0;
  margin-left: 125px;
}
.audio .actions {
  position: absolute;
  right: 10px;
  bottom: 20px;
}
.audio .actions .btn {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-left: 5px;
  padding: 5px 6px;
  color: #FFF;
}
.audio .player .bar {
	margin: 30px 0 0;
    height: 4px;
    background: #cccccc;
    width: 95%;
    border-radius: 2px;
}
.audio .player .bar .progress {
  width: 80%;
  background: #64cb64;
  border-radius: 2px;
  height: 4px;
  position: relative;
}
.audio .player .bar .progress .data {
    background: #64cb64;
    display: inline;
    position: absolute;
    font-size: 0.6875em;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    right: -25px;
    bottom: 9px;
}
.audio .player .bar .progress:after {
  content: '';
  border: 5px solid transparent;
  border-top: 5px solid #64cb64;
  position: absolute;
  right: -3px;
  bottom: 0px;
}

.find {
  padding: 10px;
}

/***/

.inner_container:before, .inner_container:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.inner_container:after { clear: both; }
.inner_container { width: 102%; margin-left: -1%; }

[class*="col_"] { display: inline; float: left; margin-right: 1%; margin-left: 1%; }
.col_1of4 { width: 23%; }
.col_2of4 { width: 48%; }
.col_3of4 { width: 73%; }
.col_1of2 { width: 48%; }
.col_1of3 { width: 31.33333333333333%; }
.col_2of3 { width: 64.6666666666666%; }
.col_22of33 { width: 98%; }
.col_12of13 { width: 98%; }
.col_2of1 { width: 98%; }
.col_1of1 { width: 98%; }
.col_1of5 { width: 18%; }
.col_2of5 { width: 38%; }
.col_3of5 { width: 58%; }
.col_4of5 { width: 78%; }

@media (max-width: 600px) {
	[class*="col_"] { width: 98%; }
	
	
	.countdown { margin: 0px 4px 0px 4px; font-size: 14px;}
	
	.countdown-number { padding: 4px;}
	
}




.container { margin-left: auto; margin-right: auto; width: 1024px; }

[class*="grid"] { display: inline; float:left; margin-left: 0px; margin-right: 1px; }
[class*="push"],[class*="pull"] { position: relative; }
input[class*="grid"], select[class*="grid"], textarea[class*="grid"] { float: none; margin-left: 0; margin-right:0; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.container .grid_1 { width: 60px; }
.container .grid_2 { width: 140px; }
.container .grid_3 { width: 220px; }
.container .grid_4 { width: 360px; }
.container .grid_5 { width: 380px; }
.container .grid_6 { width: 460px; }
.container .grid_7 { width: 540px; }
.container .grid_8 { width: 662px; }
.container .grid_9 { width: 700px; }
.container .grid_10 { width: 780px; }
.container .grid_11 { width: 860px; }
.container .grid_12 { width: 1024px; }
.container .grid_13 { 
	width: 1024px; 
	padding: 10px 7px 0px 4px;
    background: url(../images/header-bg-n.jpg) no-repeat right bottom;
    height: 400px;
    max-width: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.8);
	}
	
.row-2  {
    text-align: right;
    display: block;
    color: #ffffff;
    padding: 5px 25px 0px 3px;
}

.row-2 b {
    margin-bottom: 18px;
    display: block;
}

.row-2 .strokes {
	color: #000;
    font-size: 0.90em;
    margin: 0px 0px 15px 0px;
    line-height: 22px;
}

.row-2 .strokes  span {
     color: red;
   }
   
   .row-2 .strokesmi {
    color: #000;
	font-size: 0.80em;
    margin: 0px 0px 20px 0px;
    line-height: 22px;
}

.stroke {
    margin: 0;
    font: 2.80em Century Gothic, Arial, sans-serif;
	text-shadow: #131313 3px 2px 3px;
}

.stroke b {
    font: 0.60em Century Gothic, Arial, sans-serif;
    color: #ff0202;
    line-height: 30px;
    text-shadow: #000000 0 1px 1px;
}
	
.container .grid_13 img { 
	border: 0;
    vertical-align: top;
    text-align: left; }
input.grid_1, textarea.grid_1, .uneditable-input.grid_1 { width: 80px; }
input.grid_2, textarea.grid_2, .uneditable-input.grid_2 { width: 160px; }
input.grid_3, textarea.grid_3, .uneditable-input.grid_3 { width: 240px; }
input.grid_4, textarea.grid_4, .uneditable-input.grid_4 { width: 320px; }
input.grid_5, textarea.grid_5, .uneditable-input.grid_5 { width: 400px; }
input.grid_6, textarea.grid_6, .uneditable-input.grid_6 { width: 480px; }
input.grid_7, textarea.grid_7, .uneditable-input.grid_7 { width: 560px; }
input.grid_8, textarea.grid_8, .uneditable-input.grid_8 { width: 640px; }
input.grid_9, textarea.grid_9, .uneditable-input.grid_9 { width: 720px; }
input.grid_10, textarea.grid_10, .uneditable-input.grid_10 { width: 800px; }
input.grid_11, textarea.grid_11, .uneditable-input.grid_11 { width: 880px; }
input.grid_12, textarea.grid_12, .uneditable-input.grid_12 { width: 960px; }
input.grid_13, textarea.grid_13, .uneditable-input.grid_13 { width: 960px; }

.container .prefix_1 { padding-left: 80px; }
.container .prefix_2 { padding-left: 160px; }
.container .prefix_3 { padding-left: 240px; }
.container .prefix_4 { padding-left: 320px; }
.container .prefix_5 { padding-left: 400px; }
.container .prefix_6 { padding-left: 480px; }
.container .prefix_7 { padding-left: 560px; }
.container .prefix_8 { padding-left: 640px; }
.container .prefix_9 { padding-left: 720px; }
.container .prefix_10 { padding-left: 800px; }
.container .prefix_11 { padding-left: 880px; }

.container .suffix_1 { padding-right: 80px; }
.container .suffix_2 { padding-right: 160px; }
.container .suffix_3 { padding-right: 240px; }
.container .suffix_4 { padding-right: 320px; }
.container .suffix_5 { padding-right: 400px; }
.container .suffix_6 { padding-right: 480px; }
.container .suffix_7 { padding-right: 560px; }
.container .suffix_8 { padding-right: 640px; }
.container .suffix_9 { padding-right: 720px; }
.container .suffix_10 { padding-right: 800px; }
.container .suffix_11 { padding-right: 880px; }

.container .push_1 { left: 80px; }
.container .push_2 { left: 160px; }
.container .push_3 { left: 240px; }
.container .push_4 { left: 320px; }
.container .push_5 { left: 400px; }
.container .push_6 { left: 480px; }
.container .push_7 { left: 560px; }
.container .push_8 { left: 640px; }
.container .push_9 { left: 720px; }
.container .push_10 { left: 800px; }
.container .push_11 { left: 880px; }

.container .pull_1 { left: -80px; }
.container .pull_2 { left: -160px; }
.container .pull_3 { left: -240px; }
.container .pull_4 { left: -320px; }
.container .pull_5 { left: -400px; }
.container .pull_6 { left: -480px; }
.container .pull_7 { left: -560px; }
.container .pull_8 { left: -640px; }
.container .pull_9 { left: -720px; }
.container .pull_10 { left: -800px; }
.container .pull_11 { left: -880px; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after,  .container:before, .container:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;
}
.clearfix:after, .container:after { clear: both; }

@media screen and (min-width: 768px) and (max-width: 979px) { 
.container { margin-left: auto; margin-right: auto; width: 720px; }
[class*="grid"] { display: inline; float:left; margin-left: 5px; margin-right: 5px; }
.container .grid_1 { width: 50px; }
.container .grid_2 { width: 110px; }
.container .grid_3 { width: 170px; }
.container .grid_4 { width: 230px; }
.container .grid_5 { width: 290px; }
.container .grid_6 { width: 350px; }
.container .grid_7 { width: 410px; }
.container .grid_8 { width: 470px; }
.container .grid_9 { width: 530px; }
.container .grid_10 { width: 590px; }
.container .grid_11 { width: 650px; }
.container .grid_12 { width: 710px; }
.container .grid_13 { width: 710px; }

.grid_13  #colorNav > ul > li > a {
    font-size: 20px;
	padding: 20px;
}

.grid_13 #colorNav > ul > li.purple   {
display: none;
}

 .conect {
  width: 100%; /* Ширина элемента в пикселах */
  padding: 4px 0px 4px 0px;
  margin: auto; /* Выравниваем по центру */
 }

input.grid_1, textarea.grid_1, .uneditable-input.grid_1 { width: 60px; }
input.grid_2, textarea.grid_2, .uneditable-input.grid_2 { width: 120px; }
input.grid_3, textarea.grid_3, .uneditable-input.grid_3 { width: 180px; }
input.grid_4, textarea.grid_4, .uneditable-input.grid_4 { width: 240px; }
input.grid_5, textarea.grid_5, .uneditable-input.grid_5 { width: 300px; }
input.grid_6, textarea.grid_6, .uneditable-input.grid_6 { width: 360px; }
input.grid_7, textarea.grid_7, .uneditable-input.grid_7 { width: 420px; }
input.grid_8, textarea.grid_8, .uneditable-input.grid_8 { width: 480px; }
input.grid_9, textarea.grid_9, .uneditable-input.grid_9 { width: 540px; }
input.grid_10, textarea.grid_10, .uneditable-input.grid_10 { width: 600px; }
input.grid_11, textarea.grid_11, .uneditable-input.grid_11 { width: 660px; }
input.grid_12, textarea.grid_12, .uneditable-input.grid_12 { width: 720px; }
input.grid_13, textarea.grid_13, .uneditable-input.grid_13 { width: 720px; }

.container .prefix_1 { padding-left: 60px; }
.container .prefix_2 { padding-left: 120px; }
.container .prefix_3 { padding-left: 180px; }
.container .prefix_4 { padding-left: 240px; }
.container .prefix_5 { padding-left: 300px; }
.container .prefix_6 { padding-left: 360px; }
.container .prefix_7 { padding-left: 420px; }
.container .prefix_8 { padding-left: 480px; }
.container .prefix_9 { padding-left: 540px; }
.container .prefix_10 { padding-left: 600px; }
.container .prefix_11 { padding-left: 660px; }

.container .suffix_1 { padding-right: 60px; }
.container .suffix_2 { padding-right: 120px; }
.container .suffix_3 { padding-right: 180px; }
.container .suffix_4 { padding-right: 240px; }
.container .suffix_5 { padding-right: 300px; }
.container .suffix_6 { padding-right: 360px; }
.container .suffix_7 { padding-right: 420px; }
.container .suffix_8 { padding-right: 480px; }
.container .suffix_9 { padding-right: 540px; }
.container .suffix_10 { padding-right: 600px; }
.container .suffix_11 { padding-right: 660px; }
	
.container .push_1 { left: 60px; }
.container .push_2 { left: 120px; }
.container .push_3 { left: 180px; }
.container .push_4 { left: 240px; }
.container .push_5 { left: 300px; }
.container .push_6 { left: 360px; }
.container .push_7 { left: 420px; }
.container .push_8 { left: 480px; }
.container .push_9 { left: 540px; }
.container .push_10 { left: 600px; }
.container .push_11 { left: 660px; }

.container .pull_1 { left: -60px; }
.container .pull_2 { left: -120px; }
.container .pull_3 { left: -180px; }
.container .pull_4 { left: -240px; }
.container .pull_5 { left: -300px; }
.container .pull_6 { left: -360px; }
.container .pull_7 { left: -420px; }
.container .pull_8 { left: -480px; }
.container .pull_9 { left: -540px; }
.container .pull_10 { left: -600px; }
.container .pull_11 { left: -660px; }
}
@media screen and (min-width: 715px) and (max-width: 767px) {  

.container { margin-left: auto; margin-right: auto; width: 98%; }

[class*="grid"] { display: inline; float:left; margin-left: auto; margin-right: auto; }

.container [class*="grid"] { width:100%; }
.butt2{
    margin-left: 0%;
}
.stroke {
    margin: 0px 0 0 0;
    font: 2.4em Century Gothic, Arial, sans-serif;
    text-shadow: black 2px 2px 3px;
}

.grid_13  #colorNav > ul > li > a {
    font-size: 20px;
	padding: 20px;
}


.grid_13 #colorNav > ul > li.purple   {
display: none;
}

.grid_12 .tags {
    display: none;
}

.container [class*="prefix"] { padding-left:0; }
.container [class*="suffix"] { padding-right:0; }
.container [class*="push"] { left:0; }
.container [class*="pull"] { left:0; }

}

@media screen and (min-width: 655px) and (max-width: 715px) {  

.container { margin-left: auto; margin-right: auto; width: 98%; }

[class*="grid"] { display: inline; float:left; margin-left: auto; margin-right: auto; }

.container [class*="grid"] { width:100%; }
.butt2{
    margin-left: 0%;
}
.stroke {
    margin: 0px 0 0 0;
    font: 2.4em Century Gothic, Arial, sans-serif;
    text-shadow: black 2px 2px 3px;
}

.grid_13  #colorNav > ul > li > a {
    font-size: 20px;
	padding: 20px;
}


.grid_13 #colorNav > ul > li.yellow   {
display: none;
}


.grid_13 #colorNav > ul > li.purple   {
display: none;
}

.grid_12 .tags {
    display: none;
}

.container [class*="prefix"] { padding-left:0; }
.container [class*="suffix"] { padding-right:0; }
.container [class*="push"] { left:0; }
.container [class*="pull"] { left:0; }

}

@media screen and (min-width: 565px) and (max-width: 655px) {  

.container { margin-left: auto; margin-right: auto; width: 98%; }

[class*="grid"] { display: inline; float:left; margin-left: auto; margin-right: auto; }

.container [class*="grid"] { width:100%; }
.butt2{
    margin-left: 0%;
}
.stroke {
    margin: -10px 0 0 0;
    font: 2.4em Century Gothic, Arial, sans-serif;
    text-shadow: black 2px 2px 3px;
}

.grid_13  #colorNav > ul > li > a {
    font-size: 20px;
	padding: 20px;
}
.grid_13 #colorNav > ul > li.whte   {
display: none;
}

.grid_13 #colorNav > ul > li.red   {
display: none;
}

.grid_13 #colorNav > ul > li.yellow   {
display: none;
}


.grid_13 #colorNav > ul > li.purple   {
display: none;
}


.grid_12 .tags {
    display: none;
}

.container [class*="prefix"] { padding-left:0; }
.container [class*="suffix"] { padding-right:0; }
.container [class*="push"] { left:0; }
.container [class*="pull"] { left:0; }

}


@media screen and (min-width: 500px) and (max-width: 565px) {  

.container { margin-left: auto; margin-right: auto; width: 98%; }

[class*="grid"] { display: inline; float:left; margin-left: auto; margin-right: auto; }

.container [class*="grid"] { width:100%; }
.butt2{
    margin-left: 0%;
}
.stroke {
    margin: -3px 0 0 0;
    font: 2.4em Century Gothic, Arial, sans-serif;
    text-shadow: black 2px 2px 3px;
}

.grid_13  #colorNav > ul > li > a {
    font-size: 20px;
	padding: 20px;
}
.grid_13 #colorNav > ul > li.whte   {
display: none;
}

.grid_13 #colorNav > ul > li.red   {
display: none;
}

.grid_13 #colorNav > ul > li.yellow   {
display: none;
}


.grid_13 #colorNav > ul > li.purple   {
display: none;
}


.grid_13 #colorNav > ul > li.blue   {
display: none;
}

.col_22of33 .bar  {
display: none;
}

.grid_12 .tags {
    display: none;
}

.grid_mob {
    display: none;
}


.container [class*="prefix"] { padding-left:0; }
.container [class*="suffix"] { padding-right:0; }
.container [class*="push"] { left:0; }
.container [class*="pull"] { left:0; }

}

@media screen and (max-width:500px) {  

.container { margin-left: auto; margin-right: auto; width: 98%; }

[class*="grid"] { display: inline; float:left; margin-left: auto; margin-right: auto; }

.container [class*="grid"] { width:100%; }
.butt2{
    margin-left: 0%;
}
.stroke {
	margin: 20px 0 0 0;
    font: 1.90em Century Gothic, Arial, sans-serif;
    text-shadow: black 2px 2px 3px;
}

.row-2 .strokes {
    font-size: 1em;
    margin: 0px 0px 15px 0px;
    line-height: 20px;
 }
 

.grid_13  #colorNav {
    display: none;
}

.grid_mob {
    display: none;
}


.spoiler {
    display: none;
}

.notmob {
    display: none;
}
/*
.col_22of33 .details > p {
display: none;
}
*/
.col_22of33 .bar  {
display: none;
}
.col_22of33 .box h2 {
    color: #434343;
    font-size: 0.80em;
    margin: 9px 0 0 0;
}

.post .details h2 {
    margin: 5px 0 0 0;
    font: 1.50em Century Gothic, Arial, sans-serif;
}


.container [class*="prefix"] { padding-left:0; }
.container [class*="suffix"] { padding-right:0; }
.container [class*="push"] { left:0; }
.container [class*="pull"] { left:0; }

}


.cd-breadcrumb, .cd-multi-steps {
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  }

/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    padding: 10px;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 46px;
	font-size: 0.9em;
  }
}


.main-width{float:right;margin: 0 auto;}

.int {

    background: #ffffff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 8px 0px 8px 0px;
	padding: 1px 10px 10px 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.int h2 {
	margin: 5px 0 7px 10px;
    font: 1em Century Gothic, Arial, sans-serif;
}

.int img{
	float: right;
    width: 8%;
	margin: -22px 4px 0px 1px;
}

.int h2  a{
	color: #59b329;
    text-decoration: none;
}



.spoiler > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{background:#fff;color: white;padding:0px 0px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{background: #FFF;border: 2px solid #CCC;border-top: none;}

.footer {line-height:1.67em;color:#fff;}
.footer a {color:#518d08}
.footer{height: 123px;     overflow: hidden;	color:#ccc;font-size:12px;z-index:-2;background-color:#31353a;	}
.footer > ul{width:100%;left:50%;bottom:0;padding-bottom: 60px;z-index:-1;}
.footer > ul > li{width:33%;float:left;}
.footer ul{list-style: none;}
.footer > ul > li ul li{	margin-left:0px;line-height:1.8;color:#999 !important;}
.footer > ul > li ul li a{text-decoration: none !important;color:#999 !important;}
.footer > ul > li ul li a:hover{color:#ddd !important;}
.footer a.logo{color: #e4e4e4 !important;text-decoration: none !important;font-size: 15px;font-weight: bold;position: relative;margin-left: 16px;display: inline-block;margin-top: 0px;}
.footer a.logo i{font-style: normal;position: absolute;width: 90px;display: block;left: 46px;top: 18px;font-size: 11px;color: #999;}
.footer a.logo1{color: #e4e4e4 !important;text-decoration: none !important;display: inline-block;}
.footer a.logo1 i{font-style: normal;font-size: 10px;color: #999;}
.footer a.logo1:before{content: '';display: inline-block;width: 58px;vertical-align: text-top;}
.footer a.logo:before{content: '';display: inline-block;background: url('../images/sprite.png') no-repeat -19px -2px;width: 48px;height: 40px;vertical-align: text-top;}
.footer p{ width: 100%;
    margin: 0;
    padding: 10px 0;
    line-height: 18px;
    background-color: #058cc7;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    margin-bottom: 10px;
    opacity: 0.9;
    cursor: default;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;}
.footer > ul > li:hover p{opacity:1;}
.footer p:before{content: '';display: inline-block;background: url('../images/sprite.png') no-repeat;width: 16px;height: 18px;margin: 0 12px 0 15px;vertical-align: text-bottom;}
.footer p.home{background-color: #0096d6;}
.footer p.home:before{background-position: 0 -41px;}
.footer p.services{background-color: #00b274;}
.footer p.services:before{background-position: 0 -62px;}
.footer p.reachus{background-color: #d75ba2;}
.footer p.reachus:before{background-position: 0 -22px;}
.footer p.clients{background-color: #e9ac40;}
.footer p.clients:before{background-position: 0 -3px;}

#colorNav > ul{
	width: 100%; /* Increase when adding more menu items */
	margin:1px;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
	display: inline-block;
	line-height: 1;
	margin: 1px;
	border: 1px solid #fff;
    border-radius: 5px;
	position:relative;
}

#colorNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:25px;
    padding: 25px 25px;
}

#colorNav p {
	text-align:center;
	font: bold 14px 'Open Sans Condensed', sans-serif;
	margin-bottom: 10px;
	margin-top:-25px;
	font-weight: normal;

}
#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:180px;
	left:50%;
	margin-left:-90px;
	top:70px;
	font:bold 12px 'Open Sans Condensed', sans-serif;
	
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li{
	background-color:#313131;
}

#colorNav li ul li a{
	padding:15px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#363636;
}

#colorNav li ul li:hover{
	background-color:#555;
}

#colorNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:33px;
	position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#colorNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:250px; /* Increase when adding more dropdown items */
}


#colorNav li.green{
	color: #115643;
	background: #00c08b;

}

#colorNav li.red{
	color: #790126;
	background: #ea5080;
}

#colorNav li.blue{
	color: #005773;
	background: #53bfe2;
	}
#colorNav li.yellow{
	color: #7d5902;
	background: #f8c54d;
	}
#colorNav li.purple{
	color: #8c0067;
	background: #df6dc2;
	}
#colorNav li.whte{
	color: #737373;
	background: #CCCCCC;
	}
	
/***/

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }