/*
Theme Name: Zebra
*/

/* Basic
-----------------------------------------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	 
	height: 100%;
	 font-family: 'Roboto Condensed';
	 font-size: 16px; line-height: 20px;
}

.wrapper {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


a, button {-webkit-transition: all 0.3s; transition: all 0.3s;}

a{color: #2a2a2a}

@media (min-width: 1000px){
.container {
    max-width: 990px;
}
}
/* Header
-----------------------------------------------------------------------------*/
.header {
	height: auto;
	background: #fff;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 160px;
}

 
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -100px auto 0;
	min-width: 320px;
	height: 100px;
	background: #bcbcbc;
	position: relative;
	padding: 12px 0;
}


.logo_line {display: flex; align-items: center; justify-content: center; padding: 36px 0 24px 0; }
a.front_logo img {max-width: 127px;}

.front_int_logo img {max-width: 56px;}

.social {display: flex; justify-content: flex-end; align-items: flex-end}
.soc_icon {display: flex; width: 25px; height: 25px; border-radius: 50%; margin-left: 5px; background: #333; border: 1px solid #333; color: #fff; justify-content: center; align-items: center}
.soc_icon:hover {background: #fff; color: #333; text-decoration: none}




.footer .soc_icon {background: #fff; border: 1px solid #fff; color: #bcbcbc;}
.footer .soc_icon:hover {background: #bcbcbc; color: #fff; }
.footer_logo {margin-left: 22px}

.copy {font-size: 18px; color: #fff; padding-top: 10px; margin-left: -40px}


.header__nav {display: flex; align-items: center; justify-content: center; margin: 0px; }
.header__nav li {display: block; margin: 0px 20px; }


.header__nav li a {color: #000; text-transform: uppercase; text-decoration: none}
.header__nav li.current-menu-item a, .header__nav li a:hover {font-weight: bold}

.main_line{height: 2px; background: #2a2a2a; margin: 20px 0px; }

.top_slider {margin-bottom: 40px;}
.top_slider .item {width: 100%; height: 530px; background-position: center center; background-size: cover; float: left ; display: block; background-repeat: no-repeat; }

.top_slider .item span {position: absolute; z-index: 1;  background-position: center center; background-size: cover; width: 100%; height: 100%; left: 0px; top: 0px; display: none}


.h2.centered {font-size: 24px; line-height: 32px; text-transform: uppercase; display: block; text-align: center; font-weight: 600}


.paddy_head {padding: 24px 0px 0px 0px}
.paddy_head .header__nav {margin-top: 10px;}


/* smaller, dark, rounded square */
.flickity-button {
  background:transparent;
  color: #2a2a2a
}
.flickity-button:hover {
  background: transparent;
}

.flickity-prev-next-button {
  width: 60px;
  height: 60px;
  border-radius: 0px;
}
/* icon color */
.flickity-button-icon {
  fill: #2a2a2a;
}
/* position outside */
.flickity-prev-next-button.previous {
  left: -60px;
}
.flickity-prev-next-button.next {
  right: -60px;
}


.idea_block {margin-bottom: 30px; font-size: 18px; line-height: 26px;}

.img-fluid {display: block; width: 100%; }

.news_image {display: block; min-height: 245px; width: 100%; background-position: center center; background-size: cover;  background-repeat: no-repeat; margin-bottom: 10px}

.news_title_line {font-size: 20px; position: relative; padding: 0px 100px 0px 0px; margin-bottom: 10px}

.news_date {position: absolute; right: 0px; top: 0px; }

a.news_title {font-weight: 500; text-transform: uppercase; color: #000;}

.new_short {font-size: 20px; line-height: 24px;}

.cont_size {display: flex; margin-bottom: 10px; margin-top: 10px;  justify-content: flex-start; align-items: center}
.cont_size1 {font-size: 14px; text-transform: uppercase}
.cont_size2 {font-size: 24px; text-transform: uppercase}

.grey_icon  {display: flex; width: 25px; height: 25px; border-radius: 50%; margin-left: 5px; background: #333; border: 1px solid #333; color: #fff; justify-content: center; align-items: center; font-size: 14px !important; margin-right: 10px}

.bold {font-weight: 600}

.rel {position: relative;}

.contacts_info {position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start}

.map {height: 400px}
.rasp {height: 35px;}


article {display: block; font-size: 14px; line-height: 24px;}
article blockquote {display: block; padding: 0px 0px 0px 30px ; border-left: 4px solid #f3f3f3;  margin: 20px 0px;}
article ul, article ol {margin-left: 30px;}


article h1 {display: block; font-size: 40px; line-height: 40px; font-weight: 600; text-transform: uppercase}

article .pr_field {font-size: 16px; margin-bottom: 5px; color: #484650}

article .pr_fields {margin-bottom: 20px;}
.about_right {text-align: right}

.pr_title_block {position: relative; padding: 0px 40px 0px 0px;}
a.my_pdf {width: 62px; height: 77px; display: block; position: absolute; right: 0px; top: 0px; background: url(images/pdf.png) no-repeat}




a.cent_pdf{width: 62px; height: 77px; display: block; position: relative; margin: 0px auto; background: url(images/pdf.png) no-repeat}
.central_pdf {padding: 30px; text-align: center; }

.foo_slide li {width: 150px; height: 150px; padding: 10px; display: block;}

.foo_slide li img {max-width: 100%; height: auto; display: block;}


.top_tax_nav {display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 20px }

.top_tax_nav li {display: block; position: relative; padding: 0px 7px; }
.top_tax_nav li:after {position: absolute; right: -3px; top: 0px; content: '/'; display: block;}
.top_tax_nav li:last-child:after{display: none}

.top_tax_nav li a {text-transform: uppercase; color: #bcbcbc}

.top_tax_nav li.current a {color: #000}

.mb_30 {margin-bottom: 30px}

.pagination {display: block; padding: 20px 0px; text-align: center;}

.pagination a, .pagination span {display: inline-block; font-size: 14px;  border: 1px solid #ccc; padding: 5px 10px; font-weight: bold }
.art_ex {margin-bottom: 30px;}
a.more {color: #000; font-weight: 600;  font-size: 16px;}
.pagination span, .pagination a:hover {background: #ccc; text-decoration: none}


.openmobile {display: none}

.mobilemenu {background: #fff; position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; margin-left: -110%; display: none}
body.active {overflow: hidden}

.closemobile {padding: 20px 0px; width: 100%; background: transparent; border: none; outline: none; font-size: 24px; text-align: left}

@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {
.header__nav li {
    display: block;
    margin: 0px 10px;
}	
.footer_logo {
     margin-left: 9px;
}	

.copy {margin-left: 0px}
.footer .social {margin-top: 10px;}
}

 
@media (max-width: 767px) {

.header__nav {display: none}

.flickity-prev-next-button.next {
    right: 0px;
}

.flickity-prev-next-button.previous {
    left: 0px;
}

.top_slider .item {
  height: 330px;
}


.idea_block img {margin-bottom: 20px}

.logo_line {padding-top: 15px}



.openmobile {width: 40px; height: 40px; min-width: 40px;  border:none; position: relative; display: flex; background: transparent;}
.openmobile:after {display: flex; border: 1px solid #000; border-radius: 3px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; content: '\f0c9'; font-family: FontAwesome; font-size: 24px;}

.social a {display: none}

.mobilemenu {display: block; }
.mobilemenu.active {margin-left: 0px;}


.mobilemenu {padding: 20px; overflow-y: auto}

.mobile__nav {display: block; margin: 30px 0px}
.mobile__nav li {display: block; margin-bottom: 20px;}
.mobile__nav li a {font-size: 28px;}


.mobilemenu .social a {display: flex}

.mobilemenu .social {justify-content: flex-start}

.about_right {text-align: left}

article {font-size: 18px; line-height: 26px;}


.front_int_logo img {
    max-width: 66px; margin-top: -10px
}

article img {max-width: 100%; height: auto}

.pr_title_block {
    position: relative;
    padding: 20px 60px 0px 0px;
}
article .pr_field {
    font-size: 24px;}


 
a.my_pdf {
    width: 52px;
    height: 77px;
    background-size: 52px auto;
    top: 20px;
    } 
 
article h1{font-size: 30px;} 


.flickity-prev-next-button {
    width: 40px;
    height: 40px;
    border-radius: 0px;
}

article .foo_slide {margin: 0px 0px 30px 0px;}

article .foo_slide .flickity-prev-next-button.next {
    right: -10px;
}

article .foo_slide .flickity-prev-next-button.previous {
    left: -10px;
}

.contacts_info {min-height: 100px; position: relative; padding: 30px 0px;}

.footer_logo {
 margin-left: 0px
}

.copy {
    font-size: 16px;}


.top_slider .item span {display: block;}


} 