/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* Blueprint CSS - reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    vertical-align: baseline;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}

body {
    line-height: 1.45;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    background-color: #fff;
    color: #000;
    text-align: left;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, td, th {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a { display: inline-block; color: #000; -webkit-transition: background-color .3s; transition: background-color .3s;}
a:hover { text-decoration: none; -webkit-transition: background-color .3s; transition: background-color .3s;}
a img, .logo img {	border: none; display: block;}
.logo a { display: block;}


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

p { margin-bottom: 20px; text-align: justify;}

.fl { float: left;}
.fr { float: right;}
.dn { display: none;}

html { height: 100%;}
body { min-height: 100%;}

.vw { margin: 0 auto; width: 1200px;}

h1 { font-size: 2em; font-weight: 700; margin-bottom: 20px;}
h2 { color: #fff; text-transform: uppercase; background-color: #35c7ff; padding: 10px 20px; font-size: 1.5em; display: inline-block; margin-bottom: 20px;}
h2.active { background-color: #003577;}
h3 { color: #000; text-transform: uppercase; font-size: 1.5em; margin-bottom: 15px;}
#logo { font-size: 1.5em; font-weight: 700; margin: 0; text-decoration: none; color: #fff;}

header { color: #fff; padding: 15px 0; background-color: #003577; background-image: linear-gradient(left, #003577, #32c1f9); background-image: -o-linear-gradient(left, #003577, #32c1f9); background-image: -moz-linear-gradient(left, #003577, #32c1f9); background-image: -webkit-linear-gradient(left, #003577, #32c1f9); background-image: -ms-linear-gradient(left, #003577, #32c1f9);}

.red { color: #f00;}
.lightblue { color: #35c7ff;}

form input, form textarea { border: 1px solid #c5c7c6; font-size: 1em; font-family: 'Open Sans', sans-serif; padding: 5px 10px;}
form textarea { resize: none; width: 384px;}
form p { margin-bottom: 20px;}
form .wpcf7-form-control-wrap { margin-top: 5px; display: block;}
form .wpcf7-not-valid-tip { margin-top: 5px; display: block;}
form input[type="submit"] { background-color: #003577; color: #fff; padding: 10px 20px; cursor: pointer;}
form input[type="submit"]:hover { color: #003577; background-color: #fff; border-color: #003577;}
.wpcf7-validation-errors { margin-left: 0 !important; margin-right: 0 !important; background-color: #f00 !important; border: 0 none !important; padding: 10px 20px !important; font-weight: 700; color: #fff;}

/* slider */
#hpSlider { overflow: hidden; width: 100%; position: relative; height: 300px; border: 0 none; padding: 0;}
#hpSlider ul li a:after { bottom: 0; left: 0; position: absolute; content: ""; width: 100%; height: 100px;  background: url('./design/shadow.png') 0 100% repeat-x; height: 100%;}
#hpSliderLoader { position: absolute; top: 129px; left: 0; width: 100%; height: 380px;}
#sliderIn { height: 380px;  position: relative;}
#hpSlider ul li { list-style: none; float: left; padding-left: 0; margin-bottom: 0; position: relative;}
#hpSlider ul li a, #hpSlider ul li a img { display: block;}
#hpSlider .sliderControls { top: 50%; height: 44px; width: 44px; margin-top: -22px; background: url('./design/sprites.png') 0 -2800px no-repeat; position: absolute; text-indent: -9999px; overflow: hidden; z-index: 10;}
#hpSlider #sliderLeft { left: 0;}
#hpSlider #sliderRight { right: 0; background-position: 0 -2900px;}
#hpSlider ul li a h3 { position: absolute; bottom: 40px; left: 40px; z-index: 10; color: #fff; text-transform: none; padding: 0; margin: 0; background: none; font-size: 1.429em;}

ul.clr > li, #menu li { float: left; list-style: none;}

nav { padding: 15px 0; border-bottom: 1px solid #b0abb2; margin-bottom: 30px;}
#menu li { margin: 0 30px;}
#menu li:first-of-type { margin-left: 0;}
#menu li:last-of-type { margin-right: 0;}
#menu li a { text-transform: uppercase; font-weight: 700; font-size: 1.25em; text-decoration: none; padding: 5px;}
#menu li.current-menu-item a, #menu li.current-category a { border-bottom: 3px solid #003577;}
#menu li a:hover { color: #003577;}

.col70 { width: 70%; border-right: 1px solid #c5c7c6; box-sizing: border-box; padding-right: 50px; float: left;}
.col30 { width: 30%; box-sizing: border-box; padding-left: 50px; float: right;}

.centered { text-align: center;}

.important h3 { background-color: red; padding: 20px;}

.pagination * { font-size: 1.5em; font-weight: 700;}
.pagination a { color: #003577;}

.cat-post-item, .home li, #hpNewsRight > ul > li { list-style: none;}
#hpNewsLeft > ul > li, #hpNewsLeft > div > ul > li { list-style: none; border-bottom: 1px solid #c5c7c6; padding-bottom: 25px; margin-bottom: 25px;}
#hpNewsLeft ul li h3 { margin-bottom: 10px;}
.view-article { margin-top: 10px; display: block;}
#hpNewsLeft ul li .post-date { display: block;}
#hpNewsLeft ul li { list-style: none;}

.postDetails { margin-bottom: 20px;}
.postDetails p { margin: 0;}
.date, .author, .categories { display: block; font-weight: 700;}


#hpNewsRight > ul > li { margin-bottom: 30px;}
#hpNewsRight h2 { font-size: 1.125em;}
.more, .view-article { font-weight: 700; text-transform: uppercase; color: #003577;}

.category article { margin-bottom: 30px; border-bottom: 1px solid #c5c7c6;}
.category article:last-of-type { margin-bottom: 0; border-bottom: 0 none;}

.more { text-transform: uppercase; font-weight: 700;}

#gallery { margin-bottom: 40px;}
#gallery ul li { margin: 10px;}

#download { margin-top: 40px;}
#download ul li { display: block; margin-bottom: 10px;}

.downloadFiles { margin: 25px 0;}
.downloadFiles li { margin-bottom: 10px;}
.downloadFiles li:last-of-type { margin-bottom: 0;}
.downloadFiles li a { background: url('./design/download-icon.png') left center no-repeat; padding-left: 40px; line-height: 25px; display: inline-block; color: #35c7ff; font-size: 1.25em;}

.contactImageCnt { margin-right: 30px;}

#contacts > ul#mainContacts > li { padding: 30px 0; border-bottom: 1px solid #c5c7c6;}
#contacts > ul#mainContacts { margin-bottom: 30px;}
#contacts ul#mainContacts li .fl > strong { margin-bottom: 25px; display: block; font-size: 1.25em;}
#contacts ul#mainContacts li .fl > strong { margin-bottom: 25px; display: block; font-size: 1.25em;}
#contacts ul#mainContacts li address { font-style: normal;}
#contacts ul#mainContacts li address ul li { margin-bottom: 6px;}
#contacts ul#mainContacts li ul li span { display: block; width: 100px; float: left;}
#contacts ul#otherContacts li ul li span { display: block; width: 25%; float: left;}
#contacts ul li address ul li strong { float: left; display: block;}
#contacts #otherContacts ul li.clr strong { float: left; display: block; width: 75%;}
#contacts ul li address ul li strong a { font-weight: 700;}

#otherContacts li { list-style: none;}
#otherContacts > li { padding: 30px 0; border-bottom: 1px solid #c5c7c6;}
#otherContacts li li { margin-bottom: 5px;}

footer { background-color: #35c7ff; padding: 25px 0; margin-top: 60px;}
footer > .vw > ul > li { margin-right: 40px;}
footer li { list-style: none;}

#menuResp { display: none; width: 32px; height: 39px; cursor: pointer; text-indent: -9999px; overflow: hidden; background: url('./design/burger-blue.png') 0 0 no-repeat; margin-top: 10px; float: right; transition: all .35s;}

#cookiesPolicyCnt { position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 0; background-color: #fff; z-index: 10000; box-shadow: 0 0 10px #35c7ff;}
#cookiesPolicyCnt p { margin-bottom: 10px;}
#cookiesPolicyCnt ul li { list-style: none; display: inline-block;}
#cookiesPolicyCnt ul li:first-of-type { margin-bottom: 5px; margin-right: 70px;}

/*media queries*/


@media all and (max-width: 1250px) {
    .vw { width: 1000px;}

}

@media all and (max-width: 1030px) {
    .vw { width: 720px;}
    .col70 { width: 100%; float: none; padding-right: 0; border: 0 none; margin-bottom: 40px;}
    .col30 { width: 100%; float: none; padding-left: 0;}
    #menu li { margin: 0 15px;}
    #contacts { padding-bottom: 30px; border-bottom: 1px solid #c5c7c6;}
}


@media all and (max-width: 767px) {
    .vw { width: 560px;}
    #menuResp { display: inline-block;}
    #menu ul { position: absolute; background-color: #35c7ff; width: 100%; left: 0; padding: 15px 0; display: none;}
    .home #menu ul { top: 445px;}
    #menu ul { top: 145px; z-index: 5;}
    #menu ul li { display: list-item; width: 100%; float: none; margin: 0;}
    #menu ul li a { display: block; text-align: center;}
    #menu li.current-menu-item a, #menu li.current-category a { border-bottom: 0 none;}
    footer .clr > li { float: none; display: block; width: 100%; text-align: center; margin-bottom: 30px;}
}

@media all and (max-width: 599px) {
    .vw { width: 440px;}

}

@media all and (max-width: 479px) {
    .vw { width: 300px;}
    form input { width: 100%;}
    form textarea { width: 100%;}
    #logo { font-size: 1.25em;}
    .home #menu ul { top: 439px;}
    #menu ul { top: 139px;}
}


/* clear start */
.clr:after,
.buttons:after,
#subMenu ul:after
{
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clr, .buttons, #subMenu ul {
    display: inline-block; /* hasLayout */
}

/* Hides from IE-mac \*/
* html .clr, * html .buttons, * html #subMenu ul {
    height: 1%;
}

.clr, .buttons, #subMenu ul
{
    display: block;
}

/* End hide from IE-mac */