/* general */
body {
    font-family: 'Maven Pro', sans-serif;
    overflow-x: hidden;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1 {
    color: #FFF;
    font-style: normal;
    font-weight: bold;
    font-size: 85px;
    line-height: 100px;
    text-transform: uppercase;
}

a:hover {
    text-decoration: none;
}

a:visited {
    color: #7d7d7d;
}

a,a:visited,a:hover, a:active {
    outline: none; /* Убираем границу вокруг ссылок  */
   }
   
   a:active, a:hover, a:focus {
    outline: 0;
    outline-offset: 0;
}
   
p {
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #7E7E7E;
}

/* header */
header {
    position: relative;
    z-index: 10;
}

.fixed-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 40px 0;
}

.fixed-header .header-logo {
    display: block;
    width: 240px;
    height: 70px;
    background-image: url(../images/logo-white.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

header .header-menu ul {
    list-style-type: none;
}

header .header-menu ul li {
    display: inline-block;
    margin-right: 80px;
}

header .header-menu ul li a,
header .header-menu ul li span {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

header .header-menu>ul>li>a:hover,
header .header-menu>ul>li>span:hover,
.fixed-header.sticky-header .header-menu>ul>li>a:hover,
.fixed-header.sticky-header .header-menu>ul>li>span:hover {
    color: #1C439F;
}

.fixed-header.white-header .header-menu ul li.white-menu span {
    color: #1C439F;
}

header .header-sign ul li {
    display: inline-block;
}

header .header-sign,
header .header-menu {
    display: inline-block;
    vertical-align: middle;
}

header .header-sign ul li a {
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 8px 29px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

header .header-sign ul li a:hover {
    text-decoration: none;
}

header .header-sign ul li a.header-login {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 6px 8px 6px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    position: relative;
}

header .header-sign ul li a.header-signup {
    border: 2px solid #2F80ED;
    background: #2F80ED;
    box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    margin-left: 15px;
}

header .header-sign ul li a:hover {
    background-color: #fff;
    color: #2F80ED;
    border-color: #fff;
}

.fixed-header.sticky-header,
.fixed-header.white-header,
.blog .fixed-header {
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

.fixed-header.sticky-header .header-logo,
.fixed-header.white-header .header-logo,
.blog .fixed-header .header-logo {
    background-image: url(../images/logo-color.svg);
}

.fixed-header.sticky-header .header-menu ul li a,
.fixed-header.white-header .header-menu ul li a,
.fixed-header.sticky-header .header-menu ul li span,
.fixed-header.white-header .header-menu ul li span,
.blog .fixed-header .header-menu ul li span,
.blog .fixed-header .header-menu ul li a {
    color: #7E7E7E;
}

.fixed-header.sticky-header .header-sign ul li a.header-login,
.fixed-header.white-header .header-sign ul li a.header-login,
.blog .fixed-header .header-sign ul li a.header-login {
    border: 2px solid #2F80ED;
    color: #2F80ED;
}

header .dropdown-megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 108px;
    text-align: left;
    background-color: #fff;
    display: none;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
}

header .col-lg-9 {
    position: initial;
}

.fixed-header .header-menu ul li .dropdown-megamenu .container {
    padding-bottom: 94px;
    padding-top: 69px;
    max-width: 1560px;
    border-top: 2px dashed #E6E7E7;
}

.fixed-header .header-menu ul li .dropdown-megamenu a {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 41px;
    color: #2F80ED;
    display: block;
    margin-bottom: 30px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.fixed-header .header-menu ul li .dropdown-megamenu a:hover,
.fixed-header.white-header .header-menu ul li a:hover {
    color: #1C439F;
}
.fixed-header .header-menu ul li .dropdown-megamenu p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    color: #7E7E7E;
    max-width: 270px;
    margin-bottom: 0;
}

.dropdown-megamenu .row .col-4:nth-child(2),
.dropdown-megamenu .row .col-4:nth-child(5) {
    padding-left: 5%;
}

header .header-menu ul li.white-menu span:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/close-megamenu.svg);
    background-position: center center;
    background-size: 100%;
    position: absolute;
    bottom: -56px;
    z-index: 2;
    right: 50%;
    margin-right: -12px;
    display: none;
}

header .header-menu ul li.white-menu span:before {
    content: '';
    display: inline-block;
    height: 38px;
    display: none;
    position: absolute;
    bottom: -47px;
    right: 50%;
    margin-right: -1px;
    border-right: 2px dashed #E6E7E7;
}

.white-header .header-menu ul li.white-menu span:after,
.white-header .header-menu ul li.white-menu span:before {
    display: inline-block;
}

header .header-menu ul li.white-menu span {
    position: relative;
}

.fixed-header.sticky-header .header-sign ul li a.header-login:hover,
.fixed-header.white-header .header-sign ul li a.header-login:hover,
.blog .fixed-header .header-sign ul li a.header-login:hover {
    border-color: #fff;
}

/* top section */
.top-section {
    height: 713px;
    background: radial-gradient(1231.60px at 37.17% 31.29%, #7FC6EF 0%, #0283E1 100%);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.top-section-descr {
    margin-top: 113px;
    z-index: 1;
    position: relative;
}

.top-section-descr h1 {
    margin-bottom: 60px;
}

.top-section-descr p {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 43px;
    letter-spacing: 0.02em;
    color: #FFFDFD;
}

.top-section .main-pic {
    position: absolute;
    right: 146px;
    top: 117px;
}

/* monetize-advertize */
.monetize-advertize {
    height: 227px;
    position: relative;
}

.monetize-advertize .mon-ad-link {
    height: 227px;
    padding-top: 46px;
    background: linear-gradient(104.81deg, #F1F1F1 6.06%, #F8F8F8 43.58%, #E7E7E7 81.11%);
    bottom: 0;
    position: absolute;
    width: 100%;

}

.monetize-advertize .mon-ad-link {
    transition: height 0.3s ease-in;
    -webkit-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -ms-transition: height 0.3s ease-in;
    -o-transition: height 0.3s ease-in;
}

.monetize-advertize .mon-ad-link .text-btn {
    width: 371px;
    margin: 0 auto;
}

.mon-ad-link .title {
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1B3D9A;
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #2F80ED;
    position: relative;
}

.mon-ad-link .title:after {
    content: "";
    display: inline-block;
    width: 147px;
    height: 147px;
    background-image: url(../images/go-arrow.png);
    position: absolute;
    bottom: 12px;
    right: -40px;
}

.mon-ad-link.advertize .title:after {
    right: -60px;
}

.mon-ad-link .description {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 39px;
    color: #7E7E7E;
    margin-bottom: 0;
    margin-top: 15px;
}

.mon-ad-link.active,
.mon-ad-link.active-blue {
    background: #2F80ED;
    height: 267px;
    bottom: 0;
    position: absolute;
    width: 100%;
    padding-top: 85px;
}

.mon-ad-link.active .title,
.mon-ad-link.active-blue .title {
    color: #fff;
    border-bottom: 2px dashed #fff;
}

.mon-ad-link.active .title:after,
.mon-ad-link.active-blue .title:after {
    width: 50px;
    height: 50px;
    background-image: url(../images/white-arrow-right.svg);
    bottom: 16px;
}

.mon-ad-link.advert.active .title:after,
.mon-ad-link.advert.active-blue .title:after {
    right: 3px;
}

.mon-ad-link.active .description,
.mon-ad-link.active-blue .description {
    color: #fff;
}

.mon-ad-link.monetize.active .title:after,
.mon-ad-link.monetize.active-blue .title:after {
    right: 0;
}

.monetize-advertize .col-6>a {
    height: 227px;
    display: block;
}

/* work with the best */
.work-with-the-best {
    padding: 80px 0 60px 0;
    background-color: #fff;
}

.blue-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    text-align: center;
    color: #1B3D9A;
}

.brand-section {
    margin-top: 75px;
}

.brand-slider .slick-slide {
    margin: 0 55px;
    text-align: center;
}

.brand-slider .slick-slide:focus {
    outline: none;
}

.brand-slider {
    max-width: 935px;
    width: 100%;
    margin: 0 auto;
}

.brand-slider .slick-track {
    display: flex;
    align-items: center;
}

/* What Can AdGate Media */
.adgate-media {
    background-image: url(../images/bg1.png);
    background-size: cover;
    height: 940px;
    padding: 80px 0;
}

.white-title {
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.adgate-media .white-title {
    max-width: 360px;
    margin: 0 auto 45px;
}

.adgate-media .center-block .description {
    width: 321px;
    margin: 0 auto;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    text-align: center;
    color: #FFFFFF;
}

.adgate-media-block {
    background-color: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 35px;
    padding: 35px 62px 40px 62px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    max-width: 473px;
    position: relative;
}

.adgate-media-block>img {
    margin: 0 auto 30px;
    display: block;
}

.adgate-media-block .title {
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7E7E7E;
    margin-bottom: 29px;
}

.adgate-media-block .description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    color: #7E7E7E;
    margin-bottom: 27px;
}

.adgate-media-block .more-link {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #2F80ED;
    margin: 0 auto;
    display: block;
    width: 100px;
    text-align: center;
    position: relative;
}

.adgate-media-block .more-link:hover {
    color: #329de6;
}

.adgate-media-block .more-link:hover:after {
    background-color: #329de6;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.adgate-media-block .more-link:hover:before {
    background-color: #329de6;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.adgate-media-block .more-link:before,
.adgate-media-block .more-link:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 4px;
    background: #2F80ED;
    border-radius: 5px;
    position: absolute;
    top: 16px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.adgate-media-block .more-link:after {
    left: -18px;
}

.adgate-media-block .more-link:before {
    right: -15px;
}

.adgate-media-block.right:after,
.adgate-media-block.left:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 48px;
    height: 85px;
    background-size: 100% 100%;
    top: 190px;
}

.adgate-media-block.left:after {
    background-image: url(../images/trigger-left.png);
    right: -45px;
}

.adgate-media-block.right:after {
    background-image: url(../images/trigger-right.png);
    left: -45px;
}

.helpful-resources {
    padding: 80px 0 120px 0;
}

.helpful-resources .blue-title {
    margin-bottom: 75px;
}

.helpful-resources .post-block .pic-block {
    height: 250px;
    position: relative;
    border-radius: 40px 40px 0px 40px;
    overflow: hidden;
    margin-bottom: 33px;
}

.helpful-resources .post-block .pic-block>a,
.helpful-resources .post-block .pic-block>span,
.post-section .pic-block span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    height: 60px;
    background-color: #2F80ED;
    font-weight: bold;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.helpful-resources .post-block:hover .pic-block>a,
.post-section:hover .pic-block span,
.helpful-resources .post-block:hover .pic-block>span {
    width: 240px;
    background-color: #28C3FB;
}

.post-section .pic-block span img {
    display: none;
    width: 25px;
    height: 16px;
    margin-left: 10px;
}

.post-section:hover .pic-block span img {
    display: inline-block;
}

.helpful-resources .post-block .text-block .title {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    color: #7E7E7E;
    margin-bottom: 29px;
}

.helpful-resources .post-block .text-block .description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #7E7E7E;
}

.helpful-resources .post-block .pic-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* footer */
footer {
    background-color: #1B3D9A;
    padding: 80px 0 35px 0;
}

footer .footer-logo>a {
    display: block;
    margin-bottom: 70px;
}

footer .footer-social-list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

footer .footer-list-block .title {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}

footer .footer-list-block ul li {
    margin-bottom: 20px;
}

footer .footer-list-block ul li:last-child {
    margin-bottom: 0;
}

footer .footer-list-block ul li a {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #72BFED;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

footer .footer-list-block ul li a:hover {
    color: #fff;
}

footer .reserved-text {
    margin-top: 105px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.burger-block,
.close-menu,
.tablet-menu-top {
    display: none;
}

.overhidd {
    overflow: hidden;
}

/* ADVERTISE */
.top-section-rekl {
    height: 620px;
    background-image: url(../images/third-page-bg.png);
    background-size: cover;
    background-position: top right;
    overflow: hidden;
    position: relative;
    padding-top: 165px;
}

.top-section-rekl img {
    position: absolute;
    right: 18%;
    bottom: 0;
}

.top-section-descr-adv h1 {
    font-size: 65px;
    line-height: 76px;
    margin-bottom: 40px;
}

.top-section-descr-adv p {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 43px;
    letter-spacing: 0.02em;
    color: #FFFDFD;
    margin-bottom: 45px;
}

.top-section-descr-adv a:not(.tel) {
    padding: 27px 90px 27px 40px;
    display: inline-block;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    background: #2F80ED;
    line-height: 26px;
    color: #FFFFFF;
    background-image: url(../images/back-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 40px;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: animate-arrow;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

@keyframes animate-arrow {
    0% {
        background-position: center right 37px;
    }

    50% {
        background-position: center right 43px;
    }

    100% {
        background-position: center right 37px;
    }
}

.advertise-four-block {
    height: 415px;
    background-color: #F5F5F5;
    padding-bottom: 46px;
}

.inf-block {
    background-color: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    padding: 50px 30px 30px 30px;
    text-align: center;
}

.inf-block>img {
    display: block;
    margin: 0 auto;
    height: 80px;
    margin-bottom: 40px;
}

.inf-block .title {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    color: #7e7e7e;
    margin-bottom: 30px;
}

.inf-block .description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    color: #7E7E7E;
}

.user-acquisition {
    padding: 159px 0 188px 0;
    background-image: url(../images/bg1.png);
    background-size: cover;
}

.user-acquisition .white-title,
.user-acquisition .blue-title {
    margin-bottom: 45px;
    text-align: left;
}

.user-acquisition .description {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    color: #FFFFFF;
}

.user-acquisition .acquisition-block {
    background-color: #fff;
    padding: 30px 70px 30px 45px;
    border-radius: 35px;
    margin-bottom: 40px;
    width: 75%;
    position: relative;
    margin-left: 48px;
    min-height: 171px;
    display: inline-block;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.user-acquisition .acquisition-block:before {
    content: '';
    width: 48px;
    height: 85px;
    background-image: url(../images/trigger-right.png);
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -42.5px;
    left: -43px;
}

.user-acquisition .acquisition-block:nth-child(even) {
    width: 87%;
    margin-left: 13%;
}

.user-acquisition .acquisition-block:last-child {
    margin-bottom: 0;
}

.acquisition-block .pic-block,
.acquisition-block .text-block {
    display: inline-block;
    vertical-align: top;
}

.acquisition-block .text-block .title {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    color: #7E7E7E;
    margin-bottom: 20px;
}

.acquisition-block .text-block .description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #7E7E7E;
    margin-bottom: 0;
}

.acquisition-block .pic-block {
    width: 80px;
}

.acquisition-block .text-block {
    width: calc(100% - 85px);
    padding-left: 26px;
}

.user-acquisition.left-sect {
    background-image: none;
    background-color: #F5F5F5;
}

.user-acquisition.left-sect .col-lg-3 {
    order: 2;
}

.user-acquisition.left-sect .col-lg-9 {
    order: 1;
}

.user-acquisition.left-sect .description {
    color: #7E7E7E;
}

.user-acquisition.left-sect .right-section {
    text-align: right;
}

.user-acquisition.left-sect .right-section .acquisition-block {
    text-align: left;
    margin-left: 0;
    margin-right: 48px;
}

.user-acquisition.left-sect .acquisition-block:before {
    transform: rotate(180deg);
    left: initial;
    right: -43px;
}

.user-acquisition.left-sect .acquisition-block:nth-child(even) {
    margin-right: 13%;
}

footer .footer-social-list li a img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

footer .footer-social-list li a:hover img {
    transform: rotateY(360deg);
}

/* Monetize */
.top-section-rekl.monetize {
    background: radial-gradient(1165.17px at 37.17% 31.29%, #7FC6EF 0%, #0283E1 100%);
}

.top-section-rekl.monetize img {
    right: 76px;
    bottom: 25px;
}

.top-section-rekl.monetize .top-section-descr-adv a {
    padding: 27px 161px 27px 111px;
    position: relative;
}

@keyframes animate-arrow1 {
    0% {
        background-position: center right 107px;
    }

    50% {
        background-position: center right 114px;
    }

    100% {
        background-position: center right 107px;
    }
}

.our-ad-formats {
    padding: 80px 0 60px 0;
    background-color: #F5F5F5;
}

.our-ad-formats .blue-title {
    margin-bottom: 45px;
}

.our-ad-formats .blue-title+p {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    color: #7E7E7E;
    margin-bottom: 88px;
}

.our-ad-formats .formats-block {
    padding: 35px 45px 30px 45px;
    background-color: #fff;
    border-radius: 35px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    position: relative;
}

.formats-block .pic-block {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.formats-block .pic-block {
    max-width: 100%;
    max-height: 100%;
}

.formats-block .title {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 30px;
    color: #7E7E7E;
    text-align: center;
}

.formats-block .description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    color: #7E7E7E;
    text-align: center;
    margin-bottom: 0;
    height: 185px;
    overflow: hidden;
}

.formats-block:before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 85px;
    background-image: url(../images/trigger-left.png);
    position: absolute;
    top: -63px;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
}

.our-ad-formats .row .col-4:nth-child(1) .formats-block:before {
    right: 65px;
}

.our-ad-formats .row .col-4:nth-child(2) .formats-block:before {
    left: 50%;
    margin-left: -24px;
}

.our-ad-formats .row .col-4:nth-child(3) .formats-block:before {
    left: 65px;
}

.monetize-with-adgate {
    padding: 120px 0 77px 0;
    background-image: url(../images/bg1.png);
    background-size: cover;
}

.monetize-with-adgate .container>.white-title {
    text-align: left;
    margin-bottom: 45px;
}

.monetize-with-adgate .container>.descr {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    color: #FFFFFF;
    margin-bottom: 60px;
}

.monetize-with-adgate-block {
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    padding: 50px 30px 40px 30px;
    min-height: 490px;
    overflow: hidden;
}

.monetize-with-adgate .row .col-lg-3:nth-child(3) .monetize-with-adgate-block,
.monetize-with-adgate .row .col-lg-3:nth-child(4) .monetize-with-adgate-block {
    margin-top: -70px;
}

.monetize-with-adgate-block>img {
    margin-bottom: 40px;
}

.monetize-with-adgate-block .title {
    color: #7E7E7E;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 30px;
}

.monetize-with-adgate-block .description {
    color: #7E7E7E;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 0;
}

.blog-content {
    min-height: 500px;
    background-color: #F5F5F5;
    padding-top: 160px;
}

.post-section {
    margin-bottom: 28px;
    border-radius: 40px 0 0 40px;
    -webkit-border-radius: 40px 0 0 40px;
    -moz-border-radius: 40px 0 0 40px;
    -ms-border-radius: 40px 0 0 40px;
    -o-border-radius: 40px 0 0 40px;
}

.post-section .pic-block {
    position: relative;
    overflow: hidden;
    border-radius: 40px 40px 0px 40px;
    height: 270px;
}

.post-section .pic-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 40px 40px 0px 40px;

}

.post-section .description-block {
    padding-right: 8%;
}

.post-section .description-block .title {
    color: #7E7E7E;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    margin-bottom: 30px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.post-section .description-block .descr {
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #7E7E7E;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-bottom: 0;
}

.post-section .description-block:hover .title,
.post-section .description-block:hover .descr {
    color: #4c4c4c;
}

.post-section:hover {
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.pagination {
    justify-content: center;
    margin-top: 122px;
    padding-bottom: 120px;
}

.pagination ul li {
    display: inline-block;
    vertical-align: middle;
}

.pagination ul li a,
.pagination ul li span {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background: #2F80ED;
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin: 0 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.pagination ul li span {
    display: inline-block;
}

.pagination ul li:nth-child(4):after {
   /* content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #1B3D9A;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 10px;
	*/
}

span.page-numbers.current {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #1B3D9A;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 10px;
    color: transparent;
    line-height: 0.5em;
}

.pagination ul li:hover a {
    background-color: #1B3D9A;
}

.open-blog .post-section .pic-block {
    height: 367px;
}

.open-blog .post-section:hover {
    background-color: transparent;
    box-shadow: none;
}

.open-blog .post-section .description-block .title {
    margin-bottom: 0;
}

.open-blog .post-section {
    margin-bottom: 90px;
}

.open-blog .open-blog-text p {
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    color: #7E7E7E;
    margin-bottom: 30px;
}

.open-blog .open-blog-text a {
	color: #007bff;
}

.open-blog .open-blog-text h4 {
    margin-top: 1.33em; 
	margin-bottom: 1.33em;
}



.open-blog .open-blog-text ul,
.blue-line-text ul {
    list-style-type: disc;
    padding-left: 20px;
}

.open-blog .open-blog-text ul li,
.blue-line-text ul li {
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    color: #7E7E7E;
    margin-bottom: 0px;
}

.blue-line-text {
    margin-left: 8%;
    border-left: 5px solid #2F80ED;
    padding: 20px 0 20px 40px;
    margin-top: 70px;
    margin-bottom: 70px;
}

.open-blog .open-blog-text .blue-line-text .title:first-child,
.blue-line-text .title:first-child {
    margin-top: 0;
}

.open-blog .open-blog-text .blue-line-text .title,
.blue-line-text .title {
    margin-bottom: 30px;
    margin-top: 60px;
    font-weight: bold;
}

.open-blog .container{
	background-color:white;
	padding-top:30px;
}

.photo-block {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.photo-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.aftphoto-text {
    margin-top: 60px;
    margin-bottom: 80px;
}

.aftphoto-text p {
    font-size: 20px;
    line-height: 31px;
    font-weight: 500;
    color: #7E7E7E;
    margin-bottom: 0;
}

.post-navigation {
    height: 250px;
    background-color: #E6E7E7;
    padding-left: 31%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.post-nav .col-6.active .post-navigation {
    background-color: #2F80ED;

    display: flex;
    align-items: center;

}

.post-nav .col-6:nth-child(2) .post-navigation {
    justify-content: flex-end;
    text-align: right;
    padding-right: 31%;
    padding-left: initial;
}

.post-navigation p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 43px;
    color: #1B3D9A;
    max-width: 510px;
    display: inline-block;
    position: relative;
	    width: 100%;
}

.post-navigation p:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 35px;
    position: absolute;
}

.post-nav .col-6.active .post-navigation p {
    color: #fff;
}

.post-navigation p:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    margin-top: -17.5px;
}

.post-nav .col-6:first-child p:after {
    background-image: url(../images/post-arrow-left.svg);
    left: -25%;
}

.post-nav .col-6:nth-child(2) p:after {
    background-image: url(../images/post-arrow-right-hover.svg);
    right: -25%;
}

.post-nav .col-6:first-child.active p:after {
    background-image: url(../images/post-arrow-left-hover.svg);
}

.post-nav .col-6:nth-child(2).active p:after {
    background-image: url(../images/post-arrow-right.svg);
}

.post-nav .col-6:first-child.active .post-navigation {
    background-color: #2F80ED;
}

.post-nav .col-6:first-child.active .post-navigation p {
    color: #fff;
}

.open-blog .post-section .description-block:hover .title {
    color: #7E7E7E;
}

/* privacy */
.privacy h1 {
    margin-top: 30px;
    margin-bottom: 45px;
}

.privacy p {
    margin-bottom: 25px;
}

.privacy-top-section {
    max-width: 780px;
    margin: 0 auto 60px;
}

.privacy .blue-line-text {
    margin-left: 0;
}

.blog-content.privacy {
    padding-bottom: 50px;
}

/* contact */
.top-section-rekl.contact {
    background: radial-gradient(1165.17px at 37.17% 31.29%, #7FC6EF 0%, #0283E1 100%);
    overflow: initial;
}

.top-section-rekl.contact h1 {
    margin-bottom: 75px;
}

.top-section-rekl.contact ul.cont-inf li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 50px;
}

.top-section-rekl.contact ul.cont-inf li,
.top-section-rekl.contact ul.cont-inf li a {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    color: #FFFDFD;
}

.top-section-rekl.contact ul.cont-inf li:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.top-section-rekl.contact ul.cont-inf li:first-child:before {
    background-image: url(../images/marker-icon.svg);
}

.top-section-rekl.contact ul.cont-inf li:nth-child(2):before {
    background-image: url(../images/phone-icon.svg);
}

.contact-section {
    text-align: right;
}

.contact-section .right-form {
    background-color: #fff;
    padding: 80px 160px 110px 160px;
    width: 71%;
    display: inline-block;
    text-align: center;
    border-radius: 35px;
    z-index: 2;
    position: relative;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    top: -25px;
}

.contact-section .right-form h2 {
    margin-bottom: 50px;
}

.contact-section #nights {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    cursor: pointer;
    height: 36px;
    width: 233px;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    text-align: left;

    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
    padding-left: 13px;
}

.contact-section .select-sect {
    margin-bottom: 70px;
    position: relative;
}

.contact-section #nightselect {
    visibility: hidden;
    display: none;
}

.contact-section #nights {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contact-section .select {
    font-size: 20px !important;
    color: #071933;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
}

.contact-section #nights:hover>.select {
    color: #dfbe65;
}

.contact-section .select_text {
    padding-right: 13px;
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #2F80ED;
    white-space: pre;
    width: 100%;
    position: relative;
}

.contact-section .select_text:after {
    content: "";
    background-color: #fff;
    height: 30px;
    width: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.top-section-advertise .contact-section .select-arrow img {
    position: absolute;
    right: 10px;
    bottom: 7px;
}

.contact-section ul#night_option {
    width: 100%;
    background-color: #F5F5F5;
    position: absolute;
    z-index: 10;
    display: none;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

.contact-section ul#night_option li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 13px;
    width: 100%;
    list-style: none;
    color: #7E7E7E;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.02em;
    cursor: pointer;
    border-bottom: 1px solid #C4C4C4;
}

.contact-section ul#night_option li:last-child {
    border-bottom: none;
}

.contact-section ul#night_option li:hover {
    background-color: #2F80ED;
    color: #fff;
}

.contact-section .right-form input[type="text"],
.contact-section .right-form input[type="email"],
.contact-section .right-form textarea {
    width: 100%;
    margin-bottom: 40px;
    border: none;
    border-bottom: 1px solid #C4C4C4;
    height: 36px;
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #7E7E7E;
    padding-left: 13px;
	border-radius: 0;
}

.contact-section .right-form input::-webkit-input-placeholder,
.contact-section .right-form textarea::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
}

.contact-section .right-form input::-moz-placeholder,
.contact-section .right-form textarea::-moz-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
}

.contact-section .right-form input:-ms-input-placeholder,
.contact-section .right-form textarea:-ms-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
}

.contact-section .right-form input:-moz-placeholder,
.contact-section .right-form textarea:-moz-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
}

.contact-section .right-form input:focus {
    outline: none;
}

.contact-section .right-form textarea {
    resize: none;
    outline: none;
    overflow: hidden;
}

.contact-section .right-form .bottomform-block {
    text-align: left;
}

.contact-section .right-form .bottomform-block .capcha,
.contact-section .right-form input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
}

.contact-section .right-form .bottomform-block .capcha img {
    position: relative;
    right: initial;
    bottom: initial;
}

.contact-section .right-form input[type="submit"] {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 18px 30px;
    background-color: #2F80ED;
    border: none;
	height: 62px;
    margin-top: 7px;
}

.map-section {
    position: relative;
    height: 500px;
}

#map {
    height: 100%;
}

.contact-section .right-form .bottomform-block {
    display: flex;
    justify-content: space-between;
}

.contact-section .right-form:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../images/trigger-right.png);
    left: -38px;
    top: 100px;
    width: 48px;
    height: 85px;
    background-repeat: no-repeat;
}

.top-section-rekl img.cont-girl-pic {
    position: absolute;
    right: initial;
    left: -280px;
    top: 133px;
    z-index: 11;
}

.post-block .text-block .title {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.post-block:hover .text-block .title {
    color: #4c4c4c;
}

.top-section-descr-adv a:not(.tel):hover {
    background-color: #2a67da;
}

.contact-section .right-form input[type="submit"]:hover {
    background-color: #2a67da;
    cursor: pointer;
}

.blog .fixed-header .header-sign ul li a.header-login:hover,
.blog .fixed-header .header-sign ul li a.header-signup:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}



@supports (-ms-ime-align:auto) {
    header .header-sign ul li a.header-login,
    header .header-sign ul li a.header-signup {
        display: inline-flex;
    }

    .top-section-descr-adv a:not(.tel) {
        animation-name: initial;
    }

    .top-section-advertise img.cont-girl-pic {
        bottom: 57px;
    }
}
.inp-field input,
.inp-field label {
    cursor: auto;
}
.inp-field {
    text-align: left;
    position: relative;
}
.inp-field label {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
    position: absolute;
    left: 13px;
    margin-bottom: 0;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
	pointer-events: none;
}
.inp-field label.active-field {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #C4C4C4;
    top: -19px;
}
.post-section .pic-block span img {
    display: inline-block;
    width: 0;
    margin-left: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.post-section:hover .pic-block span img {
    margin-left: 10px;
    width: 24px;
}

.bottomform-block .wpcf7-form-control-wrap {
    transform: scale(0.8);
    transform-origin: 0;
}

.myerror-wpcf7 {
    background: transparent;
    display: block;
    top: 2.2rem;
    position: absolute;
    font-size: 0.8rem;
    padding-left: 1rem;
}


.glossary .post-section {
    border-radius: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;	
}

.new-letter-row {
    position: relative;
	margin-top: 30px;
}

.letter-header {
position: absolute;
    background: #fff;
    padding: 10px;
    right: calc(100% + 5px);
    font-size: 2rem;
    font-weight: 600;
    border-top-left-radius: 15px;
    width: 3rem;
    text-align: center;
    height: 100%;
    color: #2f80ed;
    top: -5px;
}

.letter-header:before {
    content: '';
    height: 2px;
    width: 100vw;
    background: white;
    position: absolute;
    top: 0;
    left: 100%;
	box-shadow: 0px 2px 5px 0px rgba(47, 128, 237, 0.1);
}

.blog-content.glossary {
    overflow-x: hidden;
}	

#cat-index {
    text-align: center;
    font-size: 2rem;
}


/* COMPANY PAGE */
.top-section.company {
    height: 620px;
}

.top-section.company .main-pic {
    right: 17%;
}

.parks-benefits {
    padding: 120px 0 110px 0;
    background-image: url(../images/bg1.png);
    background-size: cover;
    overflow: hidden;
}

.parks-benefits p.title {
    margin-bottom: 45px;
}

.parks-benefits p.description {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    color: #FFFFFF;
}

.park-benefits-block {
    border-radius: 30px;
    position: relative;
    height: 100px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.park-benefits-block:before {
    content: "";
    display: inline-block;
    width: 148px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/check-comp.png);
    background-size: 100% 100%;
}

.park-benefits-block p {
    margin: 0;
    color: #7E7E7E;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
    padding: 0 72px 0 72px;
    background-color: #fff;
    border-radius: 0 30px 30px 0;
    width: calc(100% - 105px);
    height: 100%;
    display: inline-flex;
    align-items: center;
    text-align: left;
}

.park-benefits-block {
    margin-bottom: 30px;
}

.parks-benefits .left-sect {
    margin-top: 65px;
}

.joinus {
    padding: 80px 0 80px 0;
}

.joinus .blue-title {
    margin-bottom: 45px;
}

.joinus .descr {
    margin-bottom: 40px;
}

.join-table {
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}

.join-table .head-sect {
    background: #2F80ED;
    border-radius: 30px 30px 0px 0px;
    height: 60px;
}

.join-table .head-sect P {
    font-weight: bold;
    font-size: 28px;
    line-height: 20px;
    color: #fff;
    /* padding-left: 19.5%; */
    margin: 0;
}

.join-table .head-sect .row {
    height: 100%;
    align-items: center;
    width: calc(100% - 300px);
    margin: 0 auto;
}

.job-tit-sect {
    width: calc(100% - 300px);
    margin: 0 auto;
}

.job-tit-sect p {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 31px;
    padding: 22px 0px;
    color: #7E7E7E;
    padding-left: 33px;
    background-repeat: no-repeat;
    background-position: left center;
}
.cont-sect a .job-tit-sect{
    border-bottom: 2px dashed #E6E7E7; 
}
.cont-sect a:last-child .job-tit-sect{
    border-bottom: none;
}
.job-leftsect {
    background-image: url(../images/join-icon1.svg);
}
.job-right-sect {
    background-image: url(../images/join-icon2.svg);
}
.join-table .cont-sect >a {display: block;}
.join-table .cont-sect >a:hover {
    color: #fff;
    background: #2F80ED;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);

}
.cont-sect a:hover .job-tit-sect {
    border-color:transparent;
}
.join-table .cont-sect >a:hover p {
    color: #fff;
}

.join-table .cont-sect >a:hover .job-leftsect {
    background-image: url(../images/joinhov-ic1.svg);
}
.join-table .cont-sect >a:hover .job-right-sect {
    background-image: url(../images/joinhov-ic2.svg);
}

.meta{
	font-size:14px;
}