@media all and (min-width: 981px){
.et_header_style_left #et-top-navigation{
display: flex;
align-items: stretch;
}
.et_header_style_left #et-top-navigation {
justify-content: center;
}
.et_header_style_left #et-top-navigation {
padding-top: 8px!important;
padding-bottom: 8px!important;
}
.et_header_style_left #top-menu > li {
padding-right: 4px;
margin: 5px 0;
}
.et_header_style_left #et-top-navigation nav > ul > li > a{
border: 1px solid #7FAF4B;
padding: 7px 18px;
}
.et_header_style_left #et-top-navigation #top-menu > .menu-item-has-children > a {
padding-right: 25px;
}
.et_header_style_left #et-top-navigation #top-menu > .menu-item-has-children > a:after {
right: 7px;
top: 7px;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px!important;
padding-bottom: 5px!important;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 7px;
}
.current-menu-item{
background:#7FAF4B;
}
.et_header_style_left #et-top-navigation nav > ul > li > a:hover{
background:#7FAF4B;
opacity: 1;
color:#fff!important;
}
.et_header_style_left #et-top-navigation .nav li ul{
width: 215px;
}
.et_header_style_left #top-menu li li{
margin-bottom:3px;
padding: 0 5px 0 15px;
}
.et_header_style_left #top-menu li li:hover{
background:#7FAF4B;
}
.et_header_style_left #top-menu li li a{
padding: 5px 0px;
width: 195px;
}
} .media-channel>div{
column-count: 4;
column-gap: 30px;
}
.media-channel .et_pb_post{
margin-bottom:30px;
padding-bottom:15px;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}
.media-channel .et_pb_post .entry-featured-image-url{
margin-bottom:15px;
}
.media-channel .et_overlay::before{
font-size:100px;
}
@media all and (max-width: 980px){
.media-channel>div{
column-count: 2;
column-gap: 30px;
}
}
@media all and (max-width: 479px){
.media-channel>div{
column-count: 1;
column-gap: 30px;
}
} .bottom-block {
}
.bottom-block h4 {
margin-bottom:0;
font-weight:400;
text-transform:uppercase;
}
.circles_block {
padding:50px 0;
background:#35434f;
border-top:8px #303c47 solid;
border-bottom:8px #303c47 solid;
margin:40px 0;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
cursor: default;
}
.ch-info-wrap {
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
top: 20px;
left: 20px;
box-shadow:
0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info {
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ch-info > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
left: 1px;
}
.ch-info .ch-info-back {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
background: #000;
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
font-weight:bold;
letter-spacing: 2px;
margin: 0 20px;
padding: 40px 0 10px;
border-bottom: 1px dotted rgba(255,255,255,0.5);
font-size:18px;
}
.ch-info p {
color: #fff;
padding: 10px 5px;
margin: 0;
font-size: 12px;
line-height: 1.6em;
}
.ch-info p a {
display: block;
color: rgba(255,255,255,0.7);
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
padding-top: 4px;
}
.ch-info p a:hover {
color: #fff222;
color:#da6752;
}
.ch-item:hover .ch-info-wrap {
box-shadow:
0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-item:hover .ch-info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ch-grid {
margin:0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after, .ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 220px;
height: 220px;
display: inline-block;
margin: 0 8px;
}
.error {
text-align:center;
font-weight:600;
font-size:180px;
margin:0px;
}
.error-subtitle {
text-align:center;
margin:0px;
}