/*
Theme Name: Devon
Theme URI: http://profglobal.ru/
Author: Vitaliy Karakushan
Author URI: http://profglobal.ru/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: devon
Text Domain: devon

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    margin: auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.page-numbers {
    color: #000;
    text-align: center;
}
.page-numbers li{
    display: inline-block;
}
.pagination {
    padding-bottom: 100px;
}
span.page-numbers.current {
    color: #f30;
}
.text-center{
    text-align: center;
}
.b-header .c-nav .menu-item .sub-menu-color{
	background-color: rgba(88, 88, 88, 0.9);
}
.images__item {
	height: 480px;
	background-size: cover;
	background-position: center;
	overflow: hidden; 
}	

.images__item__inverted {
	height: 480px;
	background-size: cover;
	background-position: center;
	overflow: hidden; 
}	
.second-width:after, .second-width-inverted:after, .third-width:after, .fourth-width:after, .fifth-width:after, .second-width:before, .second-width-inverted:before, .third-width:before, .fourth-width:before, .fifth-width:before{
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}

.second-width li, .second-width-inverted li, .third-width li, .fourth-width li, .fifth-width li {
  display: inline-block;
  float: left; 
}

.second-width li {
  width: 34%;
  height: auto;
  max-height: 500px;
}
  @media (max-width: 768px) {
    .second-width li {
      width: 34%; 
	  height: 200px;
	} 
  }
  
 .second-width-inverted li {
  width: 66%;
  max-height:500px;
 }
  @media (max-width: 768px) {
    .second-width-inverted li {
      width: 66%; 
	  height: 200px;
	} 
  }
  .second-width li.big-item {
    width: calc(100% - (100% / 3)); }
    @media (max-width: 768px) {
      .second-width li.big-item {
        width: 50%; 
	  } 
	}

.third-width li {
  width: calc(100% / 3); }
  @media (max-width: 768px) {
    .third-width li {
      width: 100%; 
	} 
  }

.fourth-width li {
  width: calc(100% / 4); }
  @media (max-width: 1024px) {
    .fourth-width li {
      width: 50%; 
	} 
  }
  
  @media (max-width: 768px) {
    .fourth-width li {
      width: 100%; 
	} 
  }

.fifth-width li {
  width: calc(100% / 5); }
  @media (max-width: 1024px) {
    .fifth-width li {
      width: 50%; 
	} 
  }
  
  @media (max-width: 768px) {
    .fifth-width li {
      position: initial;
      width: 100%; 
	} 
  }

@media (max-width: 768px) {
	.images__item {
		width: calc(100% / 3); 
	} 
	}
	.images__item img {
		opacity: 0; 
	}
	.images__item__inverted {
		width: 66%; 
	} 
	.images__item__inverted img {
		opacity: 0; 
	}
	
.images__item:first-child {
      width: 66%;
      max-height: 500px; 
	  height:auto;
}
@media (max-width: 786px) {
	.images__item:first-child {
		height: 200px;
	}
}

.images__item__inverted:first-child {
      width: 34%;
      max-height: 500px; 
}
@media (max-width: 786px) {
	.images__item__inverted:first-child {
		height: 200px;
	}
}

#downloads li a{
	color: black;
}

.b-section--downloads a {
	display: block;
    position: relative;
    padding: 13px 30px 13px 0;
    color: #63666a;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #a7a7a8;
    transition: all .3s;
}

.b-section--downloads a:before {
	content: "";
    position: absolute;
    height: 1px;
    bottom: -1px;
    width: 0;
    background: #ff671f;
    transition: all .3s;
}

.b-section-downloads a:after {
	content: "\e904";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-family: icomoon!important;
    font-size: 20px;
    color: #ff671f;
    transition: all .3s;
}
.c-events__item a {
	max-height: 440px;
}
.b-footer__bottom .newsletter {
    background-color: #7eb300;
    width: 170px;
    max-width: 325px;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
	display: inline-block;
    float: right;
}
.container{
	padding: 0 115px;
}

@media only screen and (max-width: 810px){
	.container{
		padding: 0 15px;
	}
}

.b-section--address{
	padding: 0;
}

.b-section--address .container.container--min{
	padding-top:100px;
}

.b-footer__top .foot-container {
	display: table-cell;
    vertical-align: middle;
}

.b-footer__top .foot-container div{
	display: inline-block;
}

.foot-container div:first-of-type {
    padding-right: 30px;
}

.b-footer__top .foot-container div img{
	display: inline-block;
}

.b-footer__top .foot-container div a{
	display: block;
}
.c-downloads {
	margin: auto -35px;
}
.c-downloads li {
	width:24%;
}
.c-downloads__item {
	position: relative;
    padding: 0 65px 0 30px;
    margin-bottom: 35px;
    overflow: hidden;
	height: 140px;
	margin-left:10px;	
}
.c-downloads__item:not(:last-child) {
	border-right: 1px solid #fff;
}
.c-downloads__item span {
	height: auto;
}
.icon-yt{
	background-image: url(/wp-content/themes/devon/img/youtube2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
	opacity: 0.7;
}
.icon-instagram{
	background-image: url(/wp-content/themes/devon/img/instagram.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
	opacity: 0.7;
}
.inverted {
	filter:invert(100%);
}

@media (max-width: 1400px) {
	.c-nav {
		padding-right: 10px;
		padding-left: 0px;
	}
	.b-header__logo {
		padding-left: 10px;
		/*width: 200px;*/
	}
	.c-nav .menu-item a {
		padding: 0px 6px;
	}
	
}
.c-nav {
	padding: 0px;
}

.c-newsletter li {
    width: 33%;
    float: none ;
}

.c-nav .menu-item:hover a {
    color: black !important;
}

.c-text p > strong {
  font-size: initial;
  font-weight: bold;
}
.toggleH3{
  cursor: pointer;
  transition:background-color 1s;
}
.toggleH3:hover{
  background-color:rgba(0,0,0,0.1);
}

.c-text h3 {
  padding-top: 15px;
  margin-top:0;
}