.companyLogos {text-align: center;}
.companyLogos img{display:inline-block; vertical-align:middle; margin: 12px 24px; ; }
#socialIcons { margin-top: 2em;}
#socialIcons a {display:inline-block; margin: 1em;opacity: .75; transition: .5s opacity ease-in; }
#socialIcons a:hover {opacity: 1;}
/*body.OM h2 {text-transform: lowercase!important;}
body.OM .OMTitle {text-transform: capitalize;}*/

/*    O&M   */

.bodylinks1 { /* Is this used?*/ font: 22px Arial, Helvetica, sans-serif; color: blue; display: block; line-height: 15px; padding: 4px 0; padding-left: 16px; text-decoration: none; margin-left: 1px; }
br + a.bodylinks2 { padding-left: 6em;  }
a.bodylinks2:first-of-type { padding-top: 0.5em;display: inline-block;}
a.bodylinks2:last-of-type { padding-bottom: 0.75em;display: inline-block;}
p.title ~ p,p.title ~ * {font-weight: bold;}  a.bodylinks2, a.bodylinks {font-weight: normal!important;}
p.title ~ h3{ font-size: 1.4em;}
.dottedline2 { border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; }



#OMtable th { width: 170px; }



/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote { font-size: 1.5em; line-height: 1.5em; font-style: italic; margin: 30px 30px 30px 60px; padding: 0 0 0 20px; border-left: 1px solid #ccc; }
blockquote span { font-size: 0.7em; display: block; }
blockquote.small { font-size: 1.2em; }
/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol { padding: 0; margin: 0 0 20px 4rem; }
li { padding: 5px 0; margin: 0rem; }
ul.spaced li { padding: 5px 0; margin: 0 0 1rem; }
ul.list-unstyled { padding: 0; margin: 0 0 20px 0; }
ul.list-unstyled li { padding: 5px 0; margin: 0; list-style-type: none; }
ul.alt { padding: 0; margin: 0 0 20px 0; }
ul.alt li { list-style-type: none; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 0 0 -1px 0; background: url(img/icon-arrow-right.png) no-repeat 5px 0.7em; padding-left: 20px; }
ul.icons { margin: 0 0 20px 0; padding: 0; }
ul.icons li { list-style-type: none; margin: 0; padding: 5px 0; }
/*---------------------------------
	TABLES
-----------------------------------*/
table { width: 100%; margin: 0 0 10px 0; text-align: left; border-collapse: collapse; }
thead, tbody { margin: 0; padding: 0; }
th, td { padding: 7px 10px; font-size: 0.9em; border-bottom: 1px dotted #ddd; text-align: left; }
thead th { font-size:1em; padding: 3px 10px; border-bottom: 1px solid #ddd; }
th {font-weight: bold; width: auto; }

tbody tr.last th, tbody tr.last td { border-bottom: 0; }
/* striped */
table.striped { }
table.striped tr.alt { background: #f5f5f5; }
table.striped thead th { background: #fff; }
table.striped tbody th { background: #f5f5f5; text-align: right; padding-right: 15px; border-right: 1px dotted #e5e5e5; }
table.striped tbody tr.alt th { background: #efefef; }
/* tight */
table.tight { }
table.tight th, .tight td { padding: 2px 10px; }
/* sortable */
table.sortable { border: 1px solid #ddd; }
table.sortable thead th { cursor: pointer; position: relative; top: 0; left: 0; border-right: 1px solid #ddd; }
table.sortable thead th:hover { background: #efefef; }
table.sortable span.arrow { border-style: solid; border-width: 5px; display: block; position: absolute; top: 50%; right: 5px; font-size: 0; border-color: #ccc transparent transparent transparent; line-height: 0; height: 0; width: 0; margin-top: -2px; }
table.sortable span.arrow.up { border-color: transparent transparent #ccc transparent; margin-top: -7px; }


a.button.black, input[type=submit].black { color: #fff; text-decoration: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); background: rgba(0,0,0,1); /* #191919 */ border: 1px solid #141414; padding: 10px 25px; }
a.button.black:active, a.button.black:focus { box-shadow: 0 0 0 transparent inset; }
div.multiColumn { padding: 1em 0 0 4em; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; overflow:hidden; }
.multiColumn li{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.multiColumn ul, .multiColumn ol { margin: 10px 20px 0; }
.roundnum { float: left; display: inline-block; background: #15007f; color: #fff; -webkit-border-radius: 15px; border-radius: 15px; /*    font: 500 16px/16px 'Raleway';*/ width: 30px; height: 30px; text-align: center; margin-left: -38px; }

/* NAV BAR*/
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
/* callout*/
.callout { background: #4598ef;/*#86dc00;*/ padding: 3em 0; color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); display: block; }
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.green { background: #19ad0b;/*#86dc00;*/ }

.cardWrap { display: flex; JUSTIFY-CONTENT: center; flex-flow: row wrap; align-items: stretch; padding: 0 0em 2em;}
.card { width: calc( 33.333% - 30px); display: flex; flex-direction: column; overflow: hidden;   margin: 15px; padding-bottom: 24px;  position: relative;  }
.card:hover {   }
.card-header { text-align: center; font-size: 1.75em; font-weight: 700;  padding: 15px 10px; }
.card-header span { font-size: 0.8em; }
.card-main { display: flex; flex-direction: column; /* justify-content: center; align-items: center;*/ padding: 10px 0 15px 0; min-height:10em;  }
.card-photo { overflow:hidden; height: 350px;}   
.card-photo  img { overflow:hidden; height: 350px; width:auto; max-width:150%;}   

.Главная.cardWrap .card-photo { overflow:hidden; height: 240px; text-align: center; }   
.Главная.cardWrap  .card-photo  img { overflow:hidden; height: 240px; width:auto; max-height:100%;}   

.Главная.cardWrap .card { width: calc( 33.333% - 30px); padding-bottom: 60px; }
.card-action a {display:block; color: white; background: darkgreen; width: 100%; padding: .5em; text-align:center; text-decoration:none;}

.card-action a:hover { text-decoration: underline;}
.Главная.cardWrap .card-action a {position: absolute; bottom: 0px; ;}

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs { margin: 10px 0 -1px 0; padding: 0; width: 100%; border-bottom: 1px solid #e5e5e5; float: left; font-size: 0; }
ul.tabs.left { text-align: left; }
ul.tabs.center { text-align: center; }
ul.tabs.right { text-align: right; }
ul.tabs.right li { margin: 0 0 0 -2px; }
ul.tabs li { font-size: 14px; list-style-type: none; margin: 0 -2px 0 0; padding: 0; display: inline-block;  *display:inline;/*IE ONLY*/
position: relative; top: 0; left: 0;  *top:1px;/*IE 7 ONLY*/
zoom: 1; }
ul.tabs li a { text-decoration: none; color: #666; display: inline-block; padding: 9px 15px; position: relative; top: 0; left: 0; line-height: 100%; background: #f5f5f5; -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); border: 1px solid #e5e5e5; border-bottom: 0; font-size: 0.9em; zoom: 1; }
ul.tabs li a:hover { background: #fff; }
ul.tabs li.current a { position: relative; top: 1px; left: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #222; }
.tab-content { border: 1px solid #efefef; border: 1px solid #e5e5e5; background: #fff; clear: both; padding: 20px; margin: 0 0 40px 0; }
 

 

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(kickstart-buttons.css);
/*---------------------------------
	FORMS
-----------------------------------*/
form { padding: 0; margin: 0; }
form input[class*="col_"] ,form textarea[class*="col_"] { margin-left: 0; margin-right: 0; margin-top: 0.15em; margin-bottom: 0.45em; float: left; display: block; }
form div[class*="col_"] {  margin-left: .25em; margin-right:  .25em;   margin-top: 0.0em; margin-bottom: 0.0em; float: left; display: block; }
fieldset { margin: 30px 0 20px 0; padding: 5px 15px 15px 15px; border: 1px solid #ccc; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; top: 0; left: 0; }
legend { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; background: #f5f5f5; padding: 2px 10px; margin: 0 0 0 0; display: block; position: relative; top: 0; left: 0; }
/*IE ONLY - I know, this is a stop gap*/
.msie fieldset { padding-top: 25px; }
.msie legend { position: absolute; top: -0.7em; left: 10px; }
label + input[class*="col_"], label + textarea[class*="col_"] { margin-top: -.2em; }
label { display: inline-block; *display:inline;
vertical-align: middle; margin: 0; padding: 0; position: relative; top: 0; left: 0; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: .1em; }
label.inline { display: inline; margin: 0; }
label span { color: #999; font-size: 0.9em; }
label span.right { position: absolute; bottom: 0; right: 0; text-align: right; display: inline-block; *display:inline;
}
label.disabled { color: #ccc; }
input.innerShadow, textarea.innerShadow { -moz-box-shadow: inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 1px 6px #ccc; box-shadow: inset 0 1px 6px #ccc; }
input.Round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input { display: inline-block; *display:inline;
vertical-align: middle; width: auto; zoom: 1; margin: 0; border: 1px solid #ccc; font-size: 1em; padding: 5px 0; text-indent: 5px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-webkit-input-placeholder { color:#ccc; } :-moz-placeholder { color:#ccc; } ::-moz-placeholder { color:#ccc; } :-ms-input-placeholder { color:#ccc; } input::-moz-focus-inner { border:0; } input::-moz-focus-inner { border:0; }
input[disabled="disabled"], input.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; }
input:not([value=""]):not(:focus):invalid { border: 1px solid red; border-left: 4px solid red; color:red; }
input:required:valid,textarea:required:valid { border-left: 4px solid green; }
/* FOCUS STATES */
input[type="text"]:focus, textarea:focus, button:focus, a.button:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus { -webkit-box-shadow: 0 0 7px #6DB9FF; -moz-box-shadow : 0 0 7px #6DB9FF; box-shadow : 0 0 7px #6DB9FF; border: 1px solid #50B1FE; outline: none; }
input.checkbox, input[type="checkbox"] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; *vertical-align: top;}
input.radio, input[type="radio"] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; *vertical-align: top;}
input[type="radio"]:focus, input[ type="checkbox"]:focus { -webkit-box-shadow: 0 0 5px #6DB9FF; -moz-box-shadow : 0 0 5px #6DB9FF; box-shadow : 0 0 5px #6DB9FF; outline-color: #6DB9FF; }
input.file, input[type="file"] { /*font-size:0.8em;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; }
select { display: inline; width: auto; margin: 0; border: 1px solid #ccc; line-height: 100%; padding: 3px; vertical-align: middle; }
select[disabled="disabled"], select.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; }
textarea { width: auto; height: 200px; margin: 0; border: 1px solid #ccc; padding: 5px; vertical-align: middle; font-family: inherit; font-size: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#supportForm * {opacity:.8}
#supportForm:hover *,#supportForm:focus *,#supportForm *:focus,#supportForm:focus  {opacity:.999}

#supportForm input {width: 72.3285690%; margin-bottom: .5em; font-size: 1.1em; text-indent:0;  padding: .5em; text-align: center;  }
#supportForm input[type="text"]{color:#333;}
#supportForm input[type=submit].black {margin-right:0;}

/*---------------------------------
	COLUMN SIZES
-----------------------------------*/
input[type="submit"] { cursor: pointer; text-indent: 0; }

/* sizes */
input[class*="col_"], select[class*="col_"], label[class*="col_"] { float: none; display: inline-block; *display:inline;
margin-bottom: 0; *margin-left: 0.5%;
*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */}
/*---------------------------------
	FORMS VERTICAL
-----------------------------------*/
form.vertical { }
form.vertical label { display: block; }
form.vertical input, form.vertical select, form.vertical textarea { width: 100%; display: block; margin-bottom: 10px; }
form.vertical .chzn-container { display: block; margin-bottom: 10px; }
form.vertical .chzn-choices { display: block; margin-bottom: 10px; }
/* radios & checks */
form.vertical input.checkbox, form.vertical input[type="checkbox"], form.vertical input.radio, form.vertical input[type="radio"], form.vertical label.inline { display: inline; width: auto; margin: 0; }
/*---------------------------------
	FORM VALIDATION
-----------------------------------*/
label.error { color: red; padding: 4px 0 0 4px; }
input.error, textarea.error { border: 1px solid red; }
input.valid, textarea.valid { border: 1px solid green; }
select.error { border: 1px solid red; }
/*---------------------------------
	NOTICES
-----------------------------------*/
.notice { border: 1px solid gold; background: lightyellow; padding: 10px 20px 10px 40px; margin: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #DEAE00; line-height: 120%; vertical-align: center; text-shadow: 0px 1px rgba(255,255,255,0.5); position: relative; top: 0; left: 0; clear: both; }
.notice.warning { }/*default*/
.notice.error { border: 1px solid red; background: pink; color: red; }
.notice.success { border: 1px solid green; background: lightgreen; color: green; }
.notice i[class*='fa-'] { position: absolute; top: 50%; left: 0.8em; margin-top: -0.6em; }
.notice a[class*='fa-remove'], .notice a[class*='fa-remove']:active, .notice a[class*='fa-remove']:visited { text-decoration: none; font-size: 12px; position: absolute; top: 5px; right: 5px; left: auto; color: inherit; margin-top: 0; left: auto; }
@import url(jquery.fancybox-1.3.4.css);
/*--------------Vertical Menu Layout-------------------*/
.menu.vertical { }
.menu.vertical li { display: block; }
.menu.vertical li a { display: block; }
.menu.vertical ul { top: 0; left: 100%; }
.menu.vertical li.has-menu span.arrow { margin-top: -4px; }
/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right { text-align: left; }
.menu.vertical.right ul { top: 0; right: 100%; left: auto; }
.menu.vertical.right li a { padding-left: 25px; padding-right: 20px; }
.menu.vertical.right li.has-menu span.arrow { right: auto; left: 5px; margin-top: -4px; }