/*!
Theme Name: Serptheory
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Serptheory
*/


body {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px; 
	margin: 0;
	padding: 0;
	display: none;
}
a {
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}
a:hover {
	color: #EB6B82;
}
a:focus {
	outline: none;
}
input:focus, button:focus {
	outline: none;
	color: #fff;
}
/*input::-webkit-input-placeholder { color: #fff; }
input:-ms-input-placeholder { color: #fff; }
input::-ms-input-placeholder { color: #fff; }
input::placeholder { color: #fff; } */
.btn {
	border: 1px solid #756BEB;
	padding: 17px 25px;
	display: inline-block;
	background: inherit;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
}
.btn:hover {
	color: #fff;
	background-color: #756BEB;
}
.btn span:before {
	content: url('img/home/btn_arrow.svg');
	margin-left: 17px;
	position: relative;
    top: 3px;
}
.pagesAg a.btnGreen, .pagesAg button.btnGreen {
	background: #28B288;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	padding: 13px 25px 11px;
	display: inline-block;
	border:  none;
}
.title__block {
	font-weight: bold;
	font-size: 64px;
	color: #756BEB;
	line-height: 160%;
}
.home {
	background-color: #000;
	color: #FFFFFF;
}

/*==================HEADER====================*/
.header {
	padding: 40px 0;
}
.header__menuBtn {
	text-align: right;
}
.header__ep a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.header__ep span {
    margin-left: 8px;
    font-size: 12px;
    padding-top: 6px;
    text-align: center;
    width: 32px;
    height: 32px;
    border: 2px solid #756BEB;
    border-radius: 50%;
    font-weight: bold;
}
.header__menu-mobile {
    display: none;
    width: 30px;
    height: 2px;
    border-radius: 30px;
    position: relative;
    background: #000;
    margin-top: -7px;
    margin-right: 10px;
    transition: all .2s;
}

.header__menu-mobile:before, .header__menu-mobile:after {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    background: #000;
    transition: all .2s;
}
.header__menu-mobile:after {
    bottom: -8px;
}
.header__menu-mobile:before {
    top: -8px;
}
.header__menu-mobile.active {
    background: none;
}
.header__menu-mobile.active:before {
    transform: rotate(45deg);
    top: 0;
    transition: all .2s;
}
.header__menu-mobile.active:after {
    transform: rotate(-45deg);
    bottom: 0;
    transition: all .2s;
}
/*================HOME First block=================*/
.firstBlock {
	padding-bottom: 200px;
}
.firstBlock__wr {
	background: url('img/home/first-bg.png') no-repeat right / 100% 100%;
	padding-top: 84px;
}
.firstBlock__cont-logo {
	margin-bottom: 48px;
}
.firstBlock__cont-logo img {
	width: 90%;
}
.firstBlock__cont-txt {
	font-size: 32px;
	line-height: 160%;
	width: 70%;
}
.firstBlock__cont-txt span {
	color: #EB6B82;
	font-weight: bold;
}
.firstBlock__video {
	margin-top: 150px;
	position: relative;
}
.firstBlock__video:before {
	content: '';
	background: url('img/home/play.svg') no-repeat center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.firstBlock__video img {
	width: 100%;
	border-radius: 10px;
}
.firstBlock__btn {
	margin-top: 130px;
}
.firstBlock__btn .btn {
	margin-right: 54px;
}

/*==================HOME episodes===================*/
.episodes__title {
	border-top: 1px solid #333;
	padding: 20px 0;
}
.episodes__title-view {
	text-align: right;
}
.episodes__slider {
	margin: 50px 0;
}
.episodes__slider-block {
	width: 445px;
	height: 508px;
	padding: 197px 15px 0;
	border-radius: 5px;	
	overflow: hidden;
	margin: 15px;
	position: relative;
}
.episodes__slider-block:focus {
	outline: none;
}
.episodes__slider-cat {
	font-size: 24px;
	margin-bottom: 20px;
}
.episodes__slider-title {
	margin-bottom: 30px;
}
.episodes__slider-title p {
	margin: 0;
}
.episodes__slider-btn {
	border: 1px solid #756BEB;
	text-align: center;
	position: absolute;
    z-index: 9;
    width: 93.5%;
}
.episodes__slider-btn a {
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: bold;
	width: 50%;
	padding: 27px 0;
	position: relative;
}
.episodes__slider-btn a:first-child:after {
	content:'';
	background-color: #756BEB;
	height: 56px;
	width: 1px;
    position: absolute;
    top: 9px;
    right: 0%;
}
.episodes__btnActive, .episodes__slider-desc:hover {
	background-color: #756aeb;
	color: #fff;
}
.episodes__slider-list:hover {
	background-color: #EB6B82;
	color: #fff; 
}
.episodes__hide {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background: rgba(48, 43, 107, 0.9);
    padding: 40px 20px 20px;
}
.episodes__hide-date {
	margin-bottom: 10px;
}
.episodes__hide-title {
    font-size: 56px;
    line-height: 119%;
    font-weight: 100;
    margin-bottom: 20px;
}
.episodes__hide-time {
	background: #756BEB;
    border-radius: 5px;
    padding: 11px 2px;
    text-align: center;
    font-size: 12px;
    width: 80px;
    position: absolute;
    top: 30px;
    right: 30px;
}
.episodes__hide-txt {
	line-height: 150%;
}
.episodes__hide-cont {
	overflow: hidden;
    overflow-y: auto;
    height: 350px;
}
.episodes__hide-cont::-webkit-scrollbar { width: 0; }
.episodes__hide-cont { -ms-overflow-style: none; }
.episodes__hide-cont { overflow: -moz-scrollbars-none; }

/*=====================HOME subsribe=====================*/
.subsribe {
	padding: 140px 0 200px;
}
.subsribe__block {
	padding: 50px 95px;
	border: 1px solid #756aeb;
	margin-top: -25px;
    background: #000 url('img/home/subsribe_bg.svg') no-repeat left / 80%;
    background-position: 35px;
    position: relative;
    left: 0px;
    width: 102%;
}
.subsribe__block-wr {
	border: 1px solid #756aeb;
    padding: 12px;
    width: 95%;
}
.subsribe__block-play {
	position: absolute;
    top: -45px;
    right: 45px;
    z-index: 1;
}
.subsribe__title {
	font-weight: bold;
	font-size: 48px;
	line-height: 160%;
	color: #EB6B82;
}
.subsribe__txt {
	font-weight: normal;
	font-size: 32px;
	line-height: 160%;
	color: #FFFFFF;
	width: 70%;
}
.subsribe__form {
	margin-top: 55px;
}
.subsribe__form form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.subsribe__form input {
	padding: 17px 0;
	background: inherit;
	border: none;
	border-bottom: 1px solid #756BEB;
	font-size: 16px;
	width: 55%;
    margin-right: 124px;
}
.subsribe__form .btn {
	width: 255px;
}

/*================HOME ABOUT US================*/
.aboutUs {
	padding-bottom: 70px;
}
.aboutUs__wr {
	border-top: 1px solid #333;
	padding-top: 20px;
	position: relative;
}
.aboutUs__wr:before {
	content: url('img/home/hand.svg');
	width: 120px;
	background: #000;
	text-align: center;
	position: absolute;
	top: -17px;
    left: 164px;
}
.aboutUs__left-title {
	position: relative;
}
.aboutUs__left-title:after {
	content: '';
	background: rgba(255,255,255,.2);
	transform: rotate(-45deg);
	width: 325px;
	height: 1px;
	position: absolute;
    bottom: 17%;
    left: -42px;
    z-index: -1;
}
.aboutUs__right-title {
	background: url('img/home/about-title-bg.svg') no-repeat left/49%;
	font-size: 32px;
	line-height: 160%;
	color: #756BEB;
	padding: 40px 0;
	margin-bottom: 50px;
	margin-top: 90px;
}
.aboutUs__right-text {
	line-height: 200%;
}
.aboutUs__right-text p {
	margin-bottom: 30px;
}
.aboutUs__right-text p span {
	color: #756BEB;
	font-weight: 600;
}

/*============HOME ABOUT US BLOCKS=============*/
.aboutusBlocks {
	padding: 70px 0;
}
.aboutusBlocks .aboutUs__wr {
	padding: 115px 0;
}
.aboutusBlocks .aboutUs__wr:before {
	right: 164px;
	left: initial;
}
.aboutusBlocks__title {
	font-size: 32px;
	line-height: 160%;
	color: #EB6B82;
	font-weight: bold;
	width: 250px;
    position: relative;
}
.aboutusBlocks__title:after {
    content: '';
    transform: rotate(-45deg);
    width: 118px;
    height: 1px;
    background: rgba(255,255,255,.2);
    position: absolute;
    top: 45%;
    right: -9px;
    z-index: -1;
}
.aboutusBlocks__block {
	background: url('img/home/aboutus-block-bg.svg') no-repeat top left;
	padding: 0 30px;
	min-height: 410px;
	max-width: 63%;

}
.aboutusBlocks__block-txt {
	font-size: 24px;
	line-height: 200%;
	padding-left: 60px;
}
.aboutusBlocks__wrFlex {
	margin-top: -113px;
}
.aboutusBlocks__wrFlex:before {
	content: '';
    transform: rotate(-45deg);
    width: 118px;
    height: 1px;
    background: rgba(255,255,255,.2);
    position: absolute;
    top: 50%;
    right: 48%;
    z-index: -1;
}
.aboutusBlocks__block-wr {
	width: 100%;
	margin-top: -30px;
}
.aboutusBlocks__block-wr:nth-child(2n+1) {
	justify-content: flex-end;
}
.aboutusBlocks__block-wr:first-child {
	padding-right: 150px;
}
.aboutusBlocks__block-wr:nth-child(3) {
	margin-top: -210px;
}
.aboutusBlocks__block-wr:nth-child(4) {
	padding-left: 180px;
}

/*===================FOOTER===================*/
.footer__wr {
	border-top: 1px solid #333;
    padding: 50px 0;
}
.footer__left-logo img {
	width: 160px;
	margin-bottom: 25px;
}
.footer__left-txt {
	margin-bottom: 30px;
	line-height: 160%;
}
.footer__right-nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer__right-nav ul li {
	margin-right: 30px;
	margin-bottom: 50px;
	width: 145px;
}

/*==================MEDIA=================*/
@media(max-width: 1200px) {
	.aboutusBlocks__block-wr:first-child {padding-right: 60px;}
}
@media(max-width: 991px) {
	.firstBlock__btn .btn {margin-bottom: 20px;}
	.subsribe__form input {margin-right: 30px;}
	.subsribe__block {width: 104%;}
	.aboutUs__left-title:after {width: 223px;bottom: 29%;}
	.aboutUs__left .firstBlock__btn {margin-top: 80px;}
	.aboutusBlocks__block-wr {padding: 0;margin: 0;justify-content: center;margin-bottom: 60px;}
	.aboutusBlocks__wrFlex {margin-top: 100px;}
	.aboutusBlocks__block-wr:nth-child(3) {margin-top: 0;}
	.aboutusBlocks__block-wr:nth-child(4) {padding-left: 0;}
}
@media(max-width: 768px) {
	.footer__right {margin-top: 50px;}
	.footer__right-nav ul {flex-direction: column;align-items: flex-start;}
	.footer__right-nav ul li {margin-bottom: 20px;}
	.subsribe__title {font-size: 32px;}
	.subsribe__txt {font-size: 22px;}
	.subsribe__block-play {top: -52px;right: 10px;}
	.subsribe__form form {flex-direction: column;align-items: center;}
	.subsribe__form input {margin-right: 0;width: 100%;margin-bottom: 20px;}
	.subsribe__form {margin-top: 35px;}
	.aboutusBlocks__block {max-width: 100%;}
	.aboutusBlocks__block-wr:nth-child(2n+1), .aboutusBlocks__block-wr {justify-content: flex-start;}
}
@media(max-width: 572px) {
	.firstBlock__wr {background-size: cover;padding-top: 40px;}
	.firstBlock__cont-txt {width: 100%;}
	.firstBlock__btn .btn {margin-right: 0;}
	.firstBlock__btn {margin-top: 80px;}
	.firstBlock__video {margin-top: 90px;}
	.firstBlock {padding-bottom: 100px;}
	.title__block {font-size: 32px}
	.episodes__slider-title p {font-size: 36px!important;}
	.episodes__slider-btn {bottom: 15px;}
	.subsribe__block-play img {width: 90px;}
	.subsribe__block {padding: 50px 20px;}
	.subsribe__txt {width: 100%;}
	.aboutusBlocks__block-txt {font-size: 20px;padding-left: 30px;}
	.agDetP__wr {width: 100%;}
}

/*===========================Agency=====================*/
.agDetP__wr {
	width: 71%;
    margin: 0 auto;
	padding: 180px 0 50px;
}
.pagesAg {
	font-family: 'Gordita';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	color: #3D4351;
}
.pagesAg a {
	color: #1F2430;
}
.headerAg {
    padding: 45px 0;
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.headerAg__menu ul {
	list-style-type: none;
	display: flex;
	margin: 0;
	padding: 0;
}
.headerAg__menu ul li {
	margin-right: 35px;
}
.headerAg__menu ul li a {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -0.8px;
}
.headerAg__menu ul li a:hover {
	text-decoration: underline;
}
.headerAg__menu-wr {
	justify-content: flex-end;
}
.headerAg__user-avatar img {
	width: 63px;
    border-radius: 50%;
}
.geninfo__agDetP-title h1 {
	font-size: 36px;
	line-height: 49px;
	letter-spacing: -1px;
	color: #1F2430;
	margin-top: 10px;
	margin-bottom: 20px;
}
.agencyRew__rating {
	color: #28B288;
	font-weight: bold;
	margin-left: 13px;
}
.agencyRew__reviews-link {
	margin-left: 15px;
	color: #4D5052;
	font-size: 14px;
}
.agencyRev__star span.off, .agencyRev__star span.on {
    display: block;
    width: 16px;
    height: 16px;
}
.agencyRev__star {
	margin-right: 2px;
    display: inline-block;
    text-indent: 0;
    overflow: hidden;
    position: relative;
    font-size: 0;
    width: 16px;
    height: 16px;
    font-size: 0;
	text-indent: 0;
}
.agencyRev__stars span.off:after, .agencyRev__stars span.off:before, .agencyRev__stars span.on:after, .agencyRev__stars span.on:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    min-height: 16px;
}
.agencyRev__stars span.off:before, .agencyRev__stars span.on:before {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g data-name="Layer 2"><path class="cls-1" d="M5.94 1.78L6.89 4l.24.55.6.06 2.43.2-1.85 1.63-.45.39.14.59.55 2.37-2.09-1.27-.52-.31-.52.31-2.09 1.27.55-2.37.12-.59-.46-.39-1.82-1.61 2.43-.2.6-.06L5 4l1-2.24M5.94 0a.48.48 0 00-.46.3L4.06 3.63l-3.6.31a.5.5 0 00-.29.87l2.74 2.38-.83 3.53a.5.5 0 00.49.62.52.52 0 00.26-.08l3.11-1.88 3.11 1.88a.49.49 0 00.74-.54L9 7.19l2.7-2.38a.49.49 0 00-.28-.87l-3.61-.31L6.4.3a.5.5 0 00-.46-.3z" data-name="Layer 1"/></g></svg>');
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g data-name="Layer 2"><path class="cls-1" d="M5.94 1.78L6.89 4l.24.55.6.06 2.43.2-1.85 1.63-.45.39.14.59.55 2.37-2.09-1.27-.52-.31-.52.31-2.09 1.27.55-2.37.12-.59-.46-.39-1.82-1.61 2.43-.2.6-.06L5 4l1-2.24M5.94 0a.48.48 0 00-.46.3L4.06 3.63l-3.6.31a.5.5 0 00-.29.87l2.74 2.38-.83 3.53a.5.5 0 00.49.62.52.52 0 00.26-.08l3.11-1.88 3.11 1.88a.49.49 0 00.74-.54L9 7.19l2.7-2.38a.49.49 0 00-.28-.87l-3.61-.31L6.4.3a.5.5 0 00-.46-.3z" data-name="Layer 1"/></g></svg>');
    background-color: #28B288;
    min-width: 16px;
}
.agencyRev__stars span.off:after {
	display: none;
}
.agencyRev__stars span.off:after, .agencyRev__stars span.on:after {
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g data-name="Layer 2"><path class="cls-1" d="M5.94 9.38l-3.11 1.88a.5.5 0 01-.75-.54l.83-3.53L.17 4.81a.5.5 0 01.29-.87l3.6-.31L5.48.3a.5.5 0 01.92 0l1.41 3.33 3.61.31a.49.49 0 01.28.87L9 7.19l.82 3.53a.5.5 0 01-.74.54z" data-name="Layer 1"/></g></svg>');
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g data-name="Layer 2"><path class="cls-1" d="M5.94 9.38l-3.11 1.88a.5.5 0 01-.75-.54l.83-3.53L.17 4.81a.5.5 0 01.29-.87l3.6-.31L5.48.3a.5.5 0 01.92 0l1.41 3.33 3.61.31a.49.49 0 01.28.87L9 7.19l.82 3.53a.5.5 0 01-.74.54z" data-name="Layer 1"/></g></svg>');
    background-color: #28B288;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    -webkit-mask-size: cover;
    mask-size: cover;
    margin-top: -16px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.geninfo__agDetP-tags {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
}
.geninfo__agDetP-tag {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	margin-bottom: 12px;
	margin-right: 12px;
	font-size: 14px;
	height: 31px;
}
.geninfo__agDetP-tag-img {
	background: #FBFBFC;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-left: -1px;
    margin-top: -1px;
    width: 31px;
    height: 31px;
}
.geninfo__agDetP-tag-img img {
	width: 53%;
}
.geninfo__agDetP-tag-name {
	padding: 1px 11px 1px 0;
}
.btnAg {
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.infoAgency {
	background: #FCFCFC;
	padding: 60px 0;
}

/*=============================HOME===========================*/
.heroFront {
	background: #E9EFF3 url('/wp-content/themes/serptheory/img/home/bghero.svg') no-repeat center/cover;
	padding: 240px 0 50px;
}
.heroFront__slider-block {
	width: 370px;
	height: 370px;
	padding: 30px;
	color: #fff;
	filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.07));
	border-radius: 8px;
	margin: 0 20px;
	display: flex;
    align-items: flex-end;
}

.heroFront__slider-block-left {
	width: 80%;
	border-right: 1px solid rgba(255,255,255,.3);
	padding-right: 40px;
    margin-right: 50px;
}
.heroFront__slider-block-author, .heroFront__slider-block-time {
	font-size: 13px;
	opacity: 0.75;
	margin-bottom: 8px;
}
.heroFront__slider-block-title {
	font-weight: 500;
	font-size: 20px;
}
.heroFront__slider-block-time {
	letter-spacing: -0.3px;
	margin-bottom: 30px;
}
.heroFront__slider-block-right {
	text-align: center;
}
.heroFront__slider {
	margin-top: 60px;
}
.heroFront h1 {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 50px;
	line-height: 68px;
	color: #1F2430;
}
.heroFront__txt {
	font-size: 20px;
	line-height: 35px;
	letter-spacing: -0.25px;
	width: 60%;
}
.heroFront__slider-block-play {
	position: relative;
}
.heroFront__slider-hid {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s;
}
.heroFront__slider-block:hover .heroFront__slider-hid {
	opacity: 1;
	visibility: visible;
	transition: all .2s;
}
.heroFront__slider-block:hover .heroFront__slider-vis {
	opacity: 0;
}
.logosFront {
	padding: 115px 0 70px;
}
.logosFront__logo img {
	width: 100%;
    height: auto;
}
.logosFront__title {
	font-size: 20px;
	color: #181C24;
	text-align: center;
}
.block3Front__block-title h2 {
	font-size: 34px;
	line-height: 49px;
	font-family: 'Lato';
	margin: 0 0 20px;
}
a.linkArrow {
	position: relative;
	color: #4D43E5;
	font-weight: 500;
	font-size: 14px;
}
a.linkArrow:after {
	content: url('/wp-content/themes/serptheory/img/home/right-arrow.svg');
	margin-left: 7px;
    position: absolute;
    top: -4px;
}
.block3Front {
	padding: 70px 0;
}
.block3Front__block-img {
	text-align: right;
}
.block3Front__block-txt {
	margin-bottom: 20px;
}
.flex-lg-row-reverse .block3Front__block-img  {
	text-align: left;
}
.catFront {
	padding: 70px 0;
}
.catFront__cat-wr {
	margin-top: 45px;
}
.catFront__cat {
	width: 235px;
	height: 200px;
	padding: 35px 25px;
	border-radius: 6px;
	margin: 0 27px 70px 0;
	overflow: hidden;
}
.catFront__cat:hover {
	box-shadow: 0 0 16px #efefef;
}
.catFront__cat:last-child {
	margin-right: 0;
}
.catFront__cat-icon {
	margin-bottom: 20px;
}
.catFront__cat-title {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 3px;
	color: #181C24;
}
.catFront__cat-text {
	font-size: 15px;
	line-height: 23px;
}
.ctaFront {
	background: #1F2430;
	padding: 125px 0;
}
.ctaFront .block3Front__block-title h2 {
	color: #fff;
}
.ctaFront__form input {
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 14px;
	color: #000;
	font-family: 'Gordita';
	padding: 13px 20px 11px;
	margin-right: 6px;
	border:  none;
	width: 265px;
}
.topFront {
	padding: 150px 0 70px;
}
.topFront__tabs {
	margin: 45px 0 35px;
}
.topFront__tab {
	margin-right: 10px;
	font-weight: 500;
	font-size: 14px;
	color: #444A59;
	background: #EDEFF1;
	border-radius: 39px;
    padding: 5px 23px 2px;
	transition: all .2s;
	cursor: pointer;
}
.topFront__tab.active, .topFront__tab:hover {
	transition: all .2s;
	color: #1F9F78;
	background: rgba(31, 159, 120, 0.1);
}
.topFront__ag {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 40px 30px;
	margin-bottom: 40px;
}
.heroAgency__tags {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
}
.heroAgency__tag {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    margin-bottom: 12px;
    margin-right: 12px;
    font-size: 14px;
    height: 31px;
}
.heroAgency__tag-name {
    padding: 1px 15px 1px;
}
.topFront__ag-img {
	margin-bottom: 30px;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.topFront__ag-img img {
	border-radius: 8px;
	width: 100%;
	height: auto;
}
.topFront__ag-title {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 9px;
}
.topFront__ag-txt {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: -0.3px;
}
.topFront__ag-link {
	margin-top: 15px;
}
.topFront__ag-link .linkArrow {
	color: #1F9F78;
}
.topFront__ag-link .linkArrow:after {
	content: url('/wp-content/themes/serptheory/img/home/arrow-green.svg');
	top: -7px;
}
.topFront__ag-wr {
	display: none;
}
.topFront__ag-wr.active {
	display: flex;
}
.topFront__ban {
	background: rgba(31, 159, 120, 0.1);
	border-radius: 8px;
	padding: 35px 30px;
}
.pagesAg .topFront__ban-allCat {
	color: #1F9F78;
	margin-left: 40px;
}
.topFront__ban-title {
	color: #181C24;
	font-weight: 500;
	font-size: 20px;
}
.topFront__ban-btns {
	text-align: right;
}
.blogFront {
	padding: 70px 0 120px;
}
.blogFront__block {
	margin-bottom: 40px;
}
.blogFront__block-img {
	border-radius: 5px;
	width: 95%;
	height: 100%;
}
.blogFront__block-title h3 {
	font-size: 20px;
	margin-bottom: 3px;
	margin-top: 0;
	font-weight: 500;
	color: #181C24;
}
.blogFront__block-meta {
	font-weight: 500;
	font-size: 14px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.blogFront__block-meta:after {
	content: '';
	background: #C4C4C4;
	height: 1px;
	width: 44px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.blogFront__block-meta span {
	position: relative;
	padding-right: 5px;
}
.blogFront__block-meta span:after {
	content: '•';
	margin-left: 5px;
}
.blogFront__block-meta-author:after {
	display: none;
}
.blogFront__block-txt {
	font-size: 16px;
	line-height: 30px;
}
.blogFront__block-txt a {
	color: #4d44e5;
}
.blogFront__block-cont {
	padding: 20px 0;
}
.blogFront__head {
	margin-bottom: 45px;
}
.blogFront__pagin {
	margin-top: 40px;
}
.blogFront__pagin a {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.blogFront__pagin-next, .blogFront__pagin-prev {
	margin: 0 20px;
	text-align: center;
	position: relative;
}
.blogFront__pagin-next a:after {
	content: url('/wp-content/themes/serptheory/img/home/arr-dark.svg');
    margin-left: 7px;
    top: 2px;
}
.blogFront__pagin-prev a:before {
	content: url('/wp-content/themes/serptheory/img/home/arr-dark.svg');
    margin-right: 7px;
    top: 2px;
    transform: rotate(180deg);
}
.footer {
	background: #1F2430;
	color: #fff;	
}
.footer .container {
	border-top: 1px solid #333a49;
	padding: 55px 15px;
}
.footer__menu ul {
	justify-content: flex-end;
}
.footer__menu ul li a {
	color: #fff;
}
.ctaFront__btn {
	text-align: right;
}
.ctaFront__btn .btnGreen {
	background: #4D43E5;
}
@media(max-width: 991px) {
	.block3Front__block-img {text-align: left;margin-top: 20px;}
	.block3Front__wr {margin-bottom: 60px;}
	.topFront__tab {margin-bottom: 10px;}
}
@media(max-width: 769px) {
	.heroFront {padding: 180px 0 50px;}
	.logosFront {padding: 75px 0 30px;}
	.block3Front {padding: 50px 0 0;}
	.topFront__ban-title {margin-bottom: 15px;}
	.topFront__ban-btns {text-align: center;}
	.blogFront__block-img {height: 250px;}
	.headerAg__menu ul {display: none;position: absolute;right: 0;top: 68px;background: #fff;flex-direction: column;z-index: 1;border: 1px solid #ecedef;padding: 20px;}
	.header__menu-mobile {display: block;}
	.footer__menu ul {display: block;position: initial;background: none;border: none;padding: 0;margin-top: 30px;}
}
@media(max-width: 575px) {
	.heroFront h1 {font-size: 35px;line-height: 52px;}
	.heroFront__txt {width: 100%;}
	.heroFront__slider-block {width: 300px;height: 250px;}
	.block3Front__block-img img {width: 100%;height: auto;}
	.catFront__cat {margin: 0 auto 30px;}
	.catFront__cat:last-child {margin-right: auto;}
	.ctaFront {padding: 70px 0;}
	.topFront {padding: 70px 0 0;}
	.topFront__ban-btns a {display: block;}
	.topFront__ban-btns .btnGreen {margin-bottom: 10px;}
	.pagesAg .topFront__ban-allCat {margin-left: 0;}
	.footer__menu {margin-top: 20px;}
	.footer .headerAg__menu-wr {justify-content: flex-start;}
	.footer__menu ul {flex-direction: column;}
	.headerAg__menu ul {width: 240px;}
}