/*Для всіх обнуляємо маргіни і падінги , коли вилазить за ел. щоб приховало*/
* {
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*Центруємо і ширину даємо , та стилі для тексту*/
body {
	width: 1170px;
	margin:0 auto;
	font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
	font-weight: normal;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);

}
/*В всіх прикладах що в h2 то має 2 кольори та маргін знизу одинаковий для всіх секцій*/
h1 {
    font-size: 40px;
    margin-bottom: 20px;
}
h2 {
    margin-bottom: 40px;
    text-align: center;
    color: #191919;
}
h2 span {
    color: #00B7E0;
}
p {
    line-height: 1.5;
}
/*Для секцій паддінги*/
section {
    padding: 30px 0 50px;
}
a {
	text-decoration: none;
}
ul, li {
    list-style-type: none;
}
button {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/*Робим контейнер щоб центрувати контент в тиж секціях де потрібно*/
.container {
	width:992px;
	height: auto;
	padding: 0 20px;
    margin: 0 auto;
}
/*Кінець загальних стилів*/
/*-------------------Секція #1---------------------------*/
    .header {
        padding: 0 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .logo {
        width: 200px;
        height: 50px;
    }
    .logo > img {
        width:100%;
        height: 100%;
    }
    .header-navbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        height: 50px;
        background: #fff;
        width: 100%;
    }
    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .navbar-nav li {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: center;
    }
    .navbar-nav li a {
        width:100%;
        height: 100%;
        padding: 0 20px;
        line-height: 50px;
        display: inline-block;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #fff;
        color:#777;
    }
    .navbar-nav li a:hover {
        background-color:#00B7E0;
        color:#fff;
    }
    .header-search {
        width: 20px;
        height: 20px;
        display: inline-block;
        -ms-flex-item-align: center;
            align-self: center;
        margin:-3px 0 0 5px;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iU2VhcmNoIj4KCQk8Zz4KCQkJPHBhdGggZD0iTTM4Mi41LDBDMjU1Ljc1OSwwLDE1MywxMDIuNzU5LDE1MywyMjkuNWMwLDUzLjAzNCwxOC4xNDksMTAxLjcwNyw0OC4zNjcsMTQwLjU2OEw4LjQxNSw1NjMuMDIxICAgICBDMi44MTIsNTY4LjYyNSwwLDU3NS45NDksMCw1ODMuMzEyYzAsNy4zNDQsMi44MTIsMTQuNjg4LDguNDE1LDIwLjI5MkMxNCw2MDkuMjA4LDIxLjM0Myw2MTIsMjguNjg4LDYxMiAgICAgczE0LjY4OC0yLjc5MiwyMC4yNzItOC4zOTZsMTkyLjk3MS0xOTIuOTcyQzI4MC43OTMsNDQwLjg1MSwzMjkuNDY3LDQ1OSwzODIuNSw0NTlDNTA5LjI0MSw0NTksNjEyLDM1Ni4yNDEsNjEyLDIyOS41ICAgICBTNTA5LjI0MSwwLDM4Mi41LDB6IE0zODIuNSw0MDEuNjI1Yy05NC45MTcsMC0xNzIuMTI1LTc3LjIwOC0xNzIuMTI1LTE3Mi4xMjVjMC05NC45MTcsNzcuMjA4LTE3Mi4xMjUsMTcyLjEyNS0xNzIuMTI1ICAgICBjOTQuOTE3LDAsMTcyLjEyNSw3Ny4yMDgsMTcyLjEyNSwxNzIuMTI1QzU1NC42MjUsMzI0LjQxNyw0NzcuNDE3LDQwMS42MjUsMzgyLjUsNDAxLjYyNXoiIGZpbGw9IiM2ZTZlNmUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }
.header-search:hover {
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
}
/*-------------------Секція #2---------------------------*/
.banner {
    padding: 80px 20px 80px 90px;
    background-color: #777;
    background-image: url('../images/avatar.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.banner-content {
    width: 55%;
    text-align: center;
    color:#fff;
}
.banner-content button {
    padding:10px 30px;
    border:2px solid #fff;
    border-radius:5px;
    color:#fff;
    background-color: #00B7E0;
}
.banner-content button:hover {
    border-color:#00B7E0;
}
.banner-content button:active {
    border-color: #fff;
}
.banner-header {
    margin-bottom: 30px;
}
.banner-header p {
    font-size: 22px;
    line-height: inherit;
}
/*-------------------Секція #3---------------------------*/
.media {
    padding: 10px 20px 10px 90px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.media h3 {
     white-space:nowrap;
     line-height: 40px;
     text-transform: uppercase;
}
.media-nav {
    width: 100%;
    margin-left: 50px;
}
.media-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack:distribute;
        justify-content:space-around;
}
.media-nav li {
    height: 40px;
    width: 110px;
    text-align: center;
}
.media-nav li a {
    height: 100%;
    width: 100%;
    display: inline-block;
}
.media-nav li img {
    width: 100%;
    height: 100%;
}

/*-------------------Секція #4---------------------------*/
.subscribe {
    background-color: #00B7E0;
    padding-left: 90px;
    padding-right: 20px;
}
.subscribe article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#fff;
}
.subscribe section {
    padding:0;
    -webkit-box-flex:50%;
        -ms-flex:50%;
            flex:50%;
}
.subscribe-action h2 {
    margin-bottom: 15px;
    text-align: left;
    color:#fff;
}
.subscribe-action-nav li {
    width: 200px;
    height: 70px;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.subscribe-action-nav li:nth-child(odd) {
    margin-right: 15px;
}
.subscribe-action-nav a {
    display: inline-block;
    width: 100%;
    height: 100%
}
.subscribe-action-nav a img {
    width: 100%;
    height: 100%;
    background-color: #777;
}
.subscribe-content > p {
    margin-bottom: 15px;
    font-family: serif;
    font-size: 17px;
    letter-spacing: 1.5px;

}
.content-list {
    line-height: 1.7;
    margin-left: 20px;
}
.content-list li {
    list-style: disc;
}
.content-list li span,
.content-list li p {
    margin-left: -8px;
}
/*-------------------Секція #5---------------------------*/

.featured-guests {
 background: #fff;
}
.guests-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.guests-item {
 width: 48%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.guests-item:nth-child(-n+2) {
 margin-bottom: 50px;
}

.guests-item img {
    /* Без max-width картинки звужувалисьб потрібна була перезагрузка*/
    width: 100%;
    max-width: 155px;
    height: 145px;
    background: #B8ABAB;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.55);
            box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.55);
}
.guests-item img:hover {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(179,54,220,0.55);
            box-shadow: 0px 0px 14px 0px rgba(179,54,220,0.55);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.item-content h3 {
    margin-bottom: 10px;
    color:#00B7E0;
}
.featured-guests h3 a {
     color:#00B7E0;
}
.featured-guests h3 a:hover {
     color:#3ADBFF;
}
.item-content p {
    color: #777;
}
.item-content {
    margin-left: 15px;
}

/*-------------------Секція #6---------------------------*/
.latest-episodes {
    background: #191919;
}
.latest-episodes h2 {
 color: #fff;
}
.eposidests-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 10px;
}
.episodests-item img {
    width: 100%;
    height: 180px;
    background: #B8ABAB;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(255,255,255,0.55);
            box-shadow: 0px 0px 14px 0px rgba(255,255,255,0.55);
}
.episodests-item img:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.episodests-item {
    width: 23%;
}
.episodests-item-content h3 {
    margin-bottom:5px;
    color:#00B7E0;
}
.latest-episodes a {
    color:#00B7E0;
}
.more-episodes {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 10px;
    padding: 10px 15px;
    border: 1px solid #00B7E0;
    border-radius: 3px;
    color: #00B7E0;
}
.more-episodes:hover {
    color: #5E0DAC;
    border-color: #5E0DAC;
}
.more-episodes:active {
    color: #8D41D6;
    border-color: #8D41D6;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.episodests-item-content p{
    color: #fff;
    line-height: 1.5;
    margin-bottom: 5px;
}
/*-------------------Секція #7,8---------------------------*/
.together-7-8 {
 background: #fff;
}
.popular-episodes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
}
.episodes-list-item {
 /*   flex:50%;*/
 margin-bottom: 20px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.episodes-list-item img {
    /* Без max-width картинки звужувалисьб потрібна була перезагрузка*/
    width: 100%;
    max-width: 120px;
    height: 112px;
    background: #B8ABAB;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.55);
            box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.55);
}
.popular-episodes-list:last-child {
    margin-bottom: 0;
}
.popular-item-content h3 {
    margin-bottom: 10px;
    color:#00B7E0;
}
.popular-item-content p {
    color: #777;
}

.popular-episodes-list h3 a {
     color:#00B7E0;
}
.popular-episodes-list h3 a:hover {
     color:#3ADBFF;
}
.media-widgets h3 a {
     color:#00B7E0;
}
.media-widgets h3 a:hover {
     color:#3ADBFF;
}
.popular-item-content {
    margin-left: 20px;
}
.popular-episodes-list h2 {
    text-align: left;
    margin-bottom: 30px;
}
.together-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.media-widgets {
    height: 625px;
    width: 27%;
}
.find-us {
    width: 100%;
    height: 100%;
}
.find-us img{
    width: 100%;
   height: 100%;
   -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
           box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
}
.media-widgets h3{
    margin-bottom: 15px;
}
.media-widgets h3 span {
    color: #00B7E0;
}
/*-------------------Секція #9---------------------------*/
.how-to-consume {
    background-color: #777;
}
.steps-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 10px;
}
.steps-list .steps-item{
    width: 150px;
    height: 150px;
    background-color: #191919;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
}
.steps-item:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.steps-item:nth-of-type(2) p {
    padding: 0 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    word-wrap: break-word;
}
.item-step-1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODYuMDU0IDI4Ni4wNTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4Ni4wNTQgMjg2LjA1NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzIzOTRCQzsiIGQ9Ik0xNDMuMDI3LDBDNjQuMDMxLDAsMCw2NC4wNCwwLDE0My4wMjdjMCw3OC45OTYsNjQuMDMxLDE0My4wMjcsMTQzLjAyNywxNDMuMDI3ICAgczE0My4wMjctNjQuMDMxLDE0My4wMjctMTQzLjAyN0MyODYuMDU0LDY0LjA0LDIyMi4wMjIsMCwxNDMuMDI3LDB6IE0xNDMuMDI3LDI1OS4yMzZjLTY0LjE4MywwLTExNi4yMDktNTIuMDI2LTExNi4yMDktMTE2LjIwOSAgIFM3OC44NDQsMjYuODE4LDE0My4wMjcsMjYuODE4czExNi4yMDksNTIuMDI2LDExNi4yMDksMTE2LjIwOVMyMDcuMjEsMjU5LjIzNiwxNDMuMDI3LDI1OS4yMzZ6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojMjM5NEJDOyIgZD0iTTE1MC4wMjYsODAuMzloLTIyLjg0Yy02LjkxLDAtMTAuOTMzLDcuMDQ0LTEwLjkzMywxMy4xNThjMCw1LjkzNiwzLjIwOSwxMy4xNTgsMTAuOTMzLDEzLjE1OCAgIGg3LjI1OXY4NS4zNmMwLDguNzM0LDYuMjU3LDEzLjYwNSwxMy4xNzYsMTMuNjA1czEzLjE4NS00Ljg4MSwxMy4xODUtMTMuNjA1VjkyLjc3MUMxNjAuNzk4LDg1Ljc4OSwxNTYuOTQ1LDgwLjM5LDE1MC4wMjYsODAuMzl6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);

}
.item-step-3 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODYuMDU0IDI4Ni4wNTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4Ni4wNTQgMjg2LjA1NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzIzOTRCQzsiIGQ9Ik0xNDMuMDI3LDBDNjQuMDQsMCwwLDY0LjA0LDAsMTQzLjAyN2MwLDc4Ljk5Niw2NC4wNCwxNDMuMDI3LDE0My4wMjcsMTQzLjAyNyAgIHMxNDMuMDI3LTY0LjAzMSwxNDMuMDI3LTE0My4wMjdDMjg2LjA1NCw2NC4wNCwyMjIuMDE0LDAsMTQzLjAyNywweiBNMTQzLjAyNywyNTkuMjM2Yy02NC4xODMsMC0xMTYuMjA5LTUyLjAyNi0xMTYuMjA5LTExNi4yMDkgICBTNzguODQ0LDI2LjgxOCwxNDMuMDI3LDI2LjgxOHMxMTYuMjA5LDUyLjAyNiwxMTYuMjA5LDExNi4yMDlTMjA3LjIxLDI1OS4yMzYsMTQzLjAyNywyNTkuMjM2eiBNMTY3LjcxNywxMzcuNjM3ICAgYzguOTY2LTUuOTM2LDEzLjM2NC0xNS4yNzcsMTMuMzY0LTI1Ljk3N2MwLTEzLjIzOS0xMS4yNTQtMzEuMDgyLTM0LjcyOS0zMS4wODJjLTE4LjA5MywwLTM1LjU0MiwxNC4yNzYtMzUuNTQyLDI3LjUxNSAgIGMwLDYuMjg0LDMuOTE1LDEyLjU2LDEwLjYwMiwxMi41NmMxMS4wODUsMCw4Ljk2Ni0xNi42MzYsMjQuNDQ5LTE2LjYzNmM3LjMzOSwwLDExLjczNyw0LjkyNSwxMS43MzcsMTEuMzcxICAgYzAsMTguODUzLTIzLjE1Miw2Ljc5NC0yMy4xNTIsMjQuNjI3YzAsMjAuMDMzLDI3LjcyLDIuNTQ4LDI3LjcyLDI2LjMxN2MwLDkuMDAyLTYuODU2LDE1Ljc5Ni0xNS4zMzEsMTUuNzk2ICAgYy0xOC40MjQsMC0xNS44MTMtMTkuODcyLTI2Ljg5OC0xOS44NzJjLTUuODczLDAtMTIuNTUxLDQuNzU2LTEyLjU1MSwxMS4zOGMwLDEzLjQxOCwxNSwzMS45MjIsMzkuMTI3LDMxLjkyMiAgIGMyMy4xNTIsMCw0MS4wODQtMTcuMTU0LDQxLjA4NC0zNy41MjdDMTg3LjU5OCwxNTQuNjIxLDE3OS40NDUsMTQzLjI1LDE2Ny43MTcsMTM3LjYzN3oiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);

}

/*-------------------Секція #10---------------------------*/
.footer {
    background-color: #191919;
}
.epilogue-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.epilogue-footer article {
    padding-top:0;
    padding-bottom:0;
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
}
.epilogue-footer article p {
    color:#fff;
}
.epilogue-content {
    text-align: left;
}
.epilogue-content h2:not(span) {
    color:#fff;
    text-align: inherit;
}
.epilogue-content p {
    font-weight: 300;
}
.epilogue-action {
    text-align: center;
    padding:0 100px;
}
.epilogue-action p {
    font-size: 25px;
    margin-bottom:50px;
}
.epilogue-action button {
    width: 100%;
    height: 40px;
    border:2px solid #fff;
    border-radius:5px;
    color:#fff;
}
.epilogue-action button:hover {
    border-color: #00B7E0;
}
.epilogue-action button:active {
    color: #00B7E0;
    border-color:#fff;
}
/*-------------------Секція #11---------------------------*/
.legalese {
    padding: 15px 0;
    background-color: #777;
    color:#fff;
    text-align: center;
}