html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *:focus { outline: 0; } ::-webkit-search-cancel-button { display: none; } input::-moz-focus-inner { border: 0; padding: 0; } *:focus { outline: 0 !important}
img { max-width: 100%}

a { transition: all .25s; color: inherit; }
a:hover { color: #404040; text-decoration: none; }

h1 { font-size: 20px; color: #404040; line-height: 30px }
h2 { font-size: 20px; color: #404040; line-height: 30px }
h3 { font-size: 14px; color: #404040; font-weight: 500 }
h4 { font-size: 14px; color: #fab800; font-weight: 500 }
h5 { font-size: 14px; color: #404040; }

.btn { font-size: 16px; font-weight: bold; padding: 23px 45px; border: 0; border-radius: 2px; margin: 30px 0 }
.btn-default { background: #fab800; color: #fff; box-shadow: inset 0 -3px #eaad02 }
.btn-default:hover { background: #eaad02; color: #fff }

body { font-family: 'Roboto', arial; color: #707070; font-size: 14px; line-height: 21px; background: #f2f2f2 }

#alertHolder {position: fixed; top: 10px; right: 10px; width:100%; max-width: 300px; z-index:999;}
.alert {margin-bottom: 0; color:#fff; }
.alert-warning { background-color:#fab800; }
.alert-danger {background-color: #ee5c4e;}
.alert-success {background-color: #79c551;}
.alert-info {background-color: #4ba0ff;}
.close{color : white; opacity : 1;}


body > .container { box-shadow: 0 0 6px rgba(0,0,0,.2); background: #fff; position: relative; overflow: hidden; padding: 0 30px }

nav { position: absolute; right: -340px; top: 0; bottom: 0; width: 320px; background: #464646; color: #d6d6d6; z-index: 500; padding: 30px 30px 30px 28px; box-shadow: -4px 0 8px rgba(0,0,0,.3) }
nav .menu { height: 28px; background: transparent; border-radius: 0; border: 0; color: #fff; font-weight: bold; font-size: 15px; float: right; margin: 21px 1px 20px 0;}
nav .menu i { color: #fab800; font-size: 24px; vertical-align: middle; margin: -5px 0 0 17px }
nav .menu:hover i { color: #fff }
nav ul { clear: both }
nav ul li { border-bottom: 1px solid #5c5c5c }
nav ul li a { display: block; padding: 25px 0 }
nav ul li a:hover { color: #fab800; }
nav ul + ul { margin-top: 10px }
nav ul + ul li { margin-top: 20px; border: 0}
nav ul + ul li a { background: #404040; border-radius: 2px; padding: 9px 20px; color: #fff; }
nav ul + ul li a:hover { color: #fff; background: #383838 }
nav ul + ul li a img { width: 30px; vertical-align: middle; margin-right: 15px }



header.header { position: fixed; padding: 40px 30px 39px; border-bottom: 1px solid #f2f2f2; left: 0; right: 0; background: #fff; z-index: 5 }
header.header .logo { float: left;}
header.header .menu { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; height: 28px; background: transparent; border-radius: 0; border: 0; color: #404040; font-weight: bold; font-size: 15px }
header.header .menu i { color: #fab800; font-size: 24px; vertical-align: middle; margin: -5px 0 0 17px }
header.header .menu:hover i { color: #464646 }

header.header.smaller { padding: 20px 30px }

.yellow-bar { background: #fab800; color: #fff; text-align: center; font-size: 20px; line-height: 24px; margin: 129px -30px 0; position: relative; }
.yellow-bar a.box { padding: 20px 15px 16px; min-height: 129px; }
.yellow-bar a.box:hover { background: #464646; color: #fff; }
.yellow-bar h1 { font-size: 26px; line-height: 31px; padding: 49px 71px 51px; color: #fff }
.yellow-bar .fa { font-size: 26px; width: 35px; height: 35px; margin: auto 18px; padding: 0; line-height: 30px; position: absolute;left: 0; top: 0; bottom: 0 }
.yellow-bar .fa + .fa { left: auto; right: 0 }
.yellow-bar .fa:hover { background: transparent; color: #464646 }

.boxes { padding: 15px 0 }
.boxes > div:nth-child(3n+1) { clear: both;}
.boxes article { box-shadow: 0 0 6px rgba(0,0,0,.15); margin: 15px 0 }
.boxes article img { width: 100% }
.boxes article h2 { padding: 7px 16px 13px; border-bottom: 1px solid #f2f2f2 }
.boxes article p { font-size: 13px; padding: 15px 16px; line-height: 20px  }

.more-info { display: block; text-align: left; cursor: pointer; position: relative; padding: 13px 16px 14px; background: url("../img/btn/more.jpg") no-repeat right center; font-size: 13px; font-weight: bold; }
.more-info .text { position: relative; z-index: 2}
.more-info .fa { position: absolute; right: 23px; top: 16px; font-size: 15px; color: #fff }
.more-info .color { position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #fab800; transition: all .5s; }
.more-info:hover { color: #fff; transition: all .25s .15s; }
.more-info:hover .color { width: 100% }
.moreclass:hover .more-info { color: #fff; transition: all .25s .15s; }
.moreclass:hover .more-info .color { width: 100% }

/*gallery*/
.gallery-photo { height: 120px; overflow: hidden; margin-bottom: 15px;}


.content article { margin: 52px 0}
.content article p { margin: 21px 0 }
.content article h2 { margin: 52px 0 28px }
.content article h3 { margin: 42px 0 21px }
.content article h4 { margin: 42px 0 21px }
.content article h5 { margin: 42px 0 21px }
.content article h6 { margin: 42px 0 21px }
.content article img { width: 100%; height:auto!important;}
.content article ul { margin: 21px 0 }
.content article ul li { position: relative; padding-left: 37px}
.content article ul li:before { content: ""; font-family: fontawesome; margin-right: 33px; color: #fab800; position: absolute; left: 0; top: 1px }
.content article ol { list-style: none; }
.content article ol li {  position: relative; padding-left: 37px; counter-increment: item }
.content article ol li:before { content: counter(item) ". "; color: #fab800; font-weight: bold; position: absolute; left: 0; top: 1px }
.content article table td,
.content article table th { border: 1px solid #fab800; padding: 2px 10px }
.content article table th { font-weight: 500; background: #fab800; color: #fff}
.content article table tbody tr:hover { background: #f2f2f2 }
.content article a { text-decoration: underline; }
.content article a.btn { text-decoration: none; }
.content article .perex { font-size: 16px;}

.swipebox { margin-bottom: 30px; display: block; }
.swipebox img { display: block; }

.contact-person { box-shadow: 0 0 6px rgba(0,0,0,.15); margin: 30px 0; text-align: center; }
.yellow-bar + .row .contact-person { margin-top: 60px}
.contact-person header { background: #f2f2f2; padding: 14px 10px 15px }
.contact-person header img { border-radius: 50%; margin-top: 18px }
.contact-person .person { padding: 14px 10px 15px }
.contact-person .form { padding: 15px; text-align: right; display: none;}
.contact-person .form .close { background: transparent; border: 0; border-radius: 0; font-size: 13px; font-weight: bold; opacity: 1; float: none; color: inherit;}
.contact-person .form .close i { font-size: 24px; color: #fab800; vertical-align: middle; margin-top: -5px; margin-left: 10px}
.contact-person .form button:hover i { color: inherit }
.contact-person .form form { text-align: left; font-size: 13px }
.contact-person .form form label { font-weight: bold; }
.contact-person .form form .form-control { border-color: #e6e6e6; margin-bottom: 5px; margin-top: 4px; border-radius: 2px; box-shadow: inset 0 3px #f8f8f8; height: 40px; font: 13px 'Roboto', arial; }
.contact-person .form form textarea.form-control { height: auto; min-height: 80px }
.contact-person .form form .form-control:focus { box-shadow: none; border-color: #fab800 }
.contact-person .form form .form-control + label { margin-top: 9px}

.blog-aside ul li { border-bottom: 1px solid #ccc; padding: 5px 0 5px 0;  }
.blog-aside ul li:last-child { border-bottom: none; }
.blog-aside ul li a { font-size:15px;  }
.blog-aside { margin:0 0 40px 0!important;  }

.paging .btn {padding:10px 15px!important;}
.paging {height:20px; display:block!important; }

.map { margin: 0 -30px  }
.map iframe { width: 100%; height: 380px;}

.contacts { padding: 10px 0 }
.contacts h2 { margin: 30px 0 28px }
.contacts a { display: block; padding-left: 40px; position: relative;}
.contacts a i { color: #fab800; font-size: 16px; width: 20px; text-align: center; position: absolute; left: 0; top: 3px }
.contacts p { margin: 21px 0}
.contacts .tab { display: inline-block; min-width: 73px }
.contacts .btn { text-align: left; padding: 13px 20px; margin: 20px 0; white-space: normal; }
.contacts .btn img { width: 30px; vertical-align: middle; margin-right: 20px }

footer { padding: 0 15px 0; font-size: 13px; margin: 0 -30px; line-height: 25px }
footer .row { border-top: 1px solid #f2f2f2; padding: 39px 15px 34px }
footer .footer-contacts { padding-top: 15px}
footer .footer-contacts a { vertical-align: middle; display: inline-block; margin-right: 40px }
footer .footer-contacts a:last-child { margin: 0 }
footer .footer-contacts a i { color: #fab800; font-size: 16px; margin-right: 15px }
footer .links a { vertical-align: middle;}
footer .links a + a { margin-left: 30px; }
footer .copyright { border-top: 1px solid #f2f2f2; color: #bdbdbd; padding: 9px 15px }

.btn-special { margin: 0 auto 30px auto !important; width:100%; max-width: 280px; display:block!important; text-align: center!important; }
h1.blogs { text-align:center; font-size: 30px; line-height: 45px; color: #404040; border-top: 1px solid #fab800; margin: 20px auto 10px auto; padding-top: 25px;}
.blog-date { position: relative; top: -30px; font-size: 15px; height: 0px }
.blogs-list ul li  { text-align: left; }
.blogs-list ul li  a { line-height: 30px;}
.center-pagin { margin: 30px auto; text-align: center; font-size:20px; padding-top: 10px; line-height: 30px;}
.no-blogs { font-size:30px; text-align: center; font-style: italic; padding-top: 20px;}

/* hideshare social */
.col-sm-6.social { width:0; padding:0}
.social a { margin: 15px 6px 15px 0 }
.social a.fa { text-decoration: none; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #d9d9d9; color: #fff; text-align: center; text-decoration: none }
.social a.fa:hover { background-color: #464646 } 

@media screen and (max-width: 1199px) {
	footer .footer-contacts a { margin-right: 20px }
	footer .footer-contacts a i { margin-right: 10px }
}
@media screen and (max-width: 991px) {
	nav .menu { margin: 0 1px 20px 0; }

	header.header { padding: 20px 30px}
	header.header .menu { top: 10px; margin: 0; }

	.yellow-bar { margin-top: 90px }
	.yellow-bar a.box { min-height: 129px }
	.yellow-bar a.box img { width: 40px }
	.yellow-bar h1 { padding: 20px 71px;}

	.boxes > div:nth-child(3n+1) { clear: none;}
	.boxes > div:nth-child(2n+1) { clear: both;}

	footer .row { padding: 20px 15px 15px }
	footer .footer-contacts { padding-top: 0}
        
        .blog-date { top: -25px; }
}
@media screen and (max-width: 767px) {
	.yellow-bar a.box { min-height: 119px; padding: 15px 15px 11px }

	footer .footer-contacts { text-align: center;}
	footer .links { text-align: center !important; padding-top: 10px; clear: both; }
	footer .copyright > div { text-align: center !important; }
}
@media screen and (max-width: 520px) {
	.yellow-bar { font-size: 15px; line-height: 18px }
	.yellow-bar a.box { min-height: 106px }
        .blog-date { top: -20px; }
}
@media screen and (max-width: 420px) {
	header.header { padding: 15px 20px }
	header.header.smaller { padding: 20px 20px }
	header.header .logo { max-width: 135px; margin-top:5px;}

	.yellow-bar { font-size: 12px; line-height: 14px; margin-top: 69px }
	.yellow-bar a.box { min-height: 111px }
}
@media screen and (max-width: 360px) {
	.yellow-bar a.box { min-height: 111px }
}
@media screen and (max-width: 320px) {
	nav { width: 100%}
}


/*cookies*/
.cc_banner-wrapper .cc_container { background: #464646; }
.cc_banner-wrapper .cc_message { color: #fff; }
.cc_banner-wrapper .cc_container a { color: #fab800; }
.cc_banner-wrapper .cc_container a.cc_more_info { color: #fab800!important; }
.cc_banner-wrapper .cc_container a:hover { color: #fab800; }
.cc_banner-wrapper .cc_container a.cc_more_info:hover { color: #fff!important; }
.cc_banner-wrapper .cc_container .cc_btn { background-color: #fab800; color: #fff; border-radius: 0; } 

.display-hidden {
    display:none;
}

.boxes article h3 {
   font-size: 20px;
   color: #404040;
   line-height: 30px;
}

#main-subtitle {
   margin-top: -30px;
   margin-bottom: 20px;
   color: #fff;
}

@media screen and (max-width: 991px) {
   #main-subtitle {
       margin-top: -17px;
       margin-bottom: 10px;
   }
}

.contact-person.blog-aside h3 {
   font-size: 20px;
   color: #404040;
   line-height: 30px;
   font-weight:400;
}