@font-face{
    font-family: Raleway;
    src: url(../fonts/Roboto/Roboto-Regular.ttf); 
	font-display: swap;
}
@font-face{
	font-family: RalewayBold;
    src: url(../fonts/Roboto/Roboto-Medium.ttf); 
	font-display: swap;
}
@font-face{
    font-family: OpenSans;
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf); 
	font-display: swap;
}
@font-face{
    font-family: OpenSansBold;
    src: url(../fonts/Open_Sans/OpenSans-SemiBold.ttf); 
	font-display: swap;
}

*{
    margin: 0;
    padding: 0;
}
body{
    opacity: 1;
    overflow: auto;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    background-color: #F3F5FA;
}
*:focus{
    outline: none;
}
ul{
    list-style: none;
    padding-left: 0px;
}
a, a:hover, a:visited{
    text-decoration: none;   
    transition: .5s ease; 
}
a svg path{
    transition: .5s ease;
}
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(89.82deg, #333333 0.02%, rgba(75, 75, 75, 1) 101.36%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.preloader img{
    width: 200px;
}
.container{
    margin: 0 30px;
}
.other-page .container{
    display: flex;
    justify-content: space-between;
}
.other-page .column-category{
    width: 12%;
}
.other-page .column-main-content{
    width: 58%;
}
.other-page .column-sidebars{
    width: 28%;
}
.date{
	text-transform: uppercase;
}
.title-gray,
.title-green{
	font-weight: 600;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #626262;
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.title-gray::before,
.title-green::before{
    margin-right: 10px;
    width: 17px;
    height: 16px;
    display: block;
    content: "";
    background-image: url(../img/icon/logo-gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.title-green,
.title-green a{
    color: #03948B;
}
.title-green::before{
    background-image: url(../img/icon/logo-green.png);
}
.slider-btn button.slick-arrow{
    position: absolute;
    background: #474747;
    border: 1px solid #4E4E4E;
    box-sizing: border-box;
    border-radius: 2px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-btn button.slick-prev{
    bottom: 0;
    left: 50px;
    z-index: 3;
}
.slider-btn button.slick-next{
    bottom: 0;
}
.slider-btn button.slick-arrow::after{
    content: "";
    background-image: url(../img/icon/arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 17px;
    height: 17px;
    display: block;
}
.slider-btn button.slick-prev::after{
    transform: rotate(180deg);
}
.slick-dots{
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 80px;
    display: flex;
    border-radius: 50px;
    margin-bottom: 15px;
}
.box-dots{
    position: absolute;
    bottom: 0;
    right: 25px;
    width: 100px;
    display: flex;
}
.box-dots .number{
    margin-bottom: 5px;
    margin-left: -10px;
    display: block;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
}
.box-dots .number-all{
    position: absolute;
    right: -20px;
    margin-bottom: 5px;
    display: block;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
}
.slick-dots li{
    width: 100%;
    height: 2px;
    background-color: #CAC9C9;
}
.slick-dots li.slick-active{
    background-color: #696969;
    border-radius: 50px;
}
.slick-dots li button{
    display: none;
}
.block-style{
    box-shadow: 2px 4px 30px rgba(90, 148, 144, 0.15);
    background-color: #FEFEFE;
}
.white-btn{
    transition: .5s ease;
    border: 2px solid #03948B;
    box-sizing: border-box;
    border-radius: 4px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #03948B;
}
.white-btn:hover{
    color: #ffffff;
    background: #03948B;
}
.green-btn{
    transition: .5s ease;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    background: #03948B;
    border: 2px solid #047871;
    border-radius: 4px;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #00464B;
    cursor: pointer;
    color: #ffffff;
}
.green-btn:hover{
    color: #03948B;
    background: #ffffff;
}
input{
	font-family: OpenSans!important;
}
/* ======= header ======= */
header.main-header{
    background: linear-gradient(89.82deg, #333333 0.02%, rgba(75, 75, 75, 0.75) 101.36%);
}
header.main-header .container{
    display: flex;
    justify-content: space-between;
}
header.main-header .right-block,
header.main-header .left-block,
header.main-header .middle-block{
	padding: 15px 0;
}
header.main-header .left-block{
	display: flex;
	justify-content: center;
}
.main-header .middle-block{
    margin: 0 30px;
    width: 65%;
}
.main-header .left-block{
    width: 20%;
}
.main-header .left-block img,
.page-header .left-block img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.main-header .left-block img{
	width: 85%;
}
.main-header .middle-block .row-top{
    display: flex;
    justify-content: space-between;
}
.main-header .middle-block .menu-list{
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.main-header .middle-block .menu-list li a,
.page-header .middle-block .menu-list li a{
    transition: .5s ease;
    font-family: OpenSans;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
}
.main-header .middle-block .menu-list li.active a,
.page-header .middle-block .menu-list li.active a,
.main-header .middle-block .menu-list a:hover,
.page-header .middle-block .menu-list a:hover{
    color: #03948B;
}

.main-header .middle-block .search-lang-block,
.page-header .middle-block .search-lang-block{
    display: flex;
    margin-right: 50px;
}
.main-header .middle-block .lang,
.page-header .middle-block .lang{
    display: flex;
    align-items: flex-end;
/*     flex-direction: column; */
    height: 30px;
    padding-left: 10px;
    font-family: OpenSans;
    position: relative;
    z-index: 4;
}
.main-header .middle-block .lang span,
.main-header .middle-block .lang span a,
.page-header .middle-block .lang span a,
.mobile-header .lang span a{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    transition: .5s ease;
}
.main-header .middle-block .lang span a:hover,
.page-header .middle-block .lang span a:hover{
    color: #03948B;
}
.main-header .middle-block .lang .lang-list,
.page-header .middle-block .lang .lang-list{
    display: none;
    position: absolute;
    top: 30px;
    background: rgba(113, 114, 115);
}
.main-header .middle-block .lang .lang-list li:nth-child(2),
.page-header .middle-block .lang .lang-list li:nth-child(2){
    margin-top: 3px;
}
.main-header .middle-block .lang .lang-list a,
.page-header .middle-block .lang .lang-list a{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
}
.main-header .middle-block .lang:hover .lang-list,
.page-header .middle-block .lang:hover .lang-list{
    display: block;
}
.main-header .middle-block .search,
.page-header .middle-block .search,
.mobile-header .mob-search{
    border-right: 1px solid #fff;
    padding-right: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    position: relative;
}
.mobile-header .mob-search{
	margin: 0 30px;
	padding: 20px 0;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.mobile-header .mob-search{
	width: auto;
}
.main-header .middle-block .search input#search,
.page-header .middle-block .search input#search,
.mobile-header .mob-search input#search{
    border: none;
    position: absolute;
    width: 0;
    height: 30px;
    right: 0;
    top: 0;
    z-index: 1;
    transition: width 0.5s ease;
    color: #ffffff;
    background-color: rgba(75, 75, 75, 1);
    border-bottom: 1px solid #fff;
}
.mobile-header .mob-search input#search{
	position: relative;
}
.main-header .middle-block .search input#search,
.page-header .middle-block .search input#search{
	border-radius: 3px;
}
.mobile-header .mob-search.active input#search{
    width: 100%;
    padding-left: 30px;
}

.main-header .middle-block .search.active input#search,
.page-header .middle-block .search.active input#search,
.main-header .middle-block .search.active,
.page-header .middle-block .search.active,
.search-open .main-header .middle-block .search-lang-block,
.search-open .page-header .middle-block .search-lang-block{
	width: 100%;
	padding-left: 50px;
}
.main-header .middle-block .search.active input#search,
.page-header .middle-block .search.active input#search{
	border: 1px solid #ffffff;
}
.main-header .middle-block .search .search-no,
.page-header .middle-block .search .search-no{
	cursor: pointer;
}
.search-open .page-header .middle-block .menu-list,
.search-open .main-header .middle-block .menu-list,
.main-header .middle-block .search.active .search-no,
.page-header .middle-block .search.active .search-no{
    display: none;
}
.main-header .middle-block .search button.search-icon,
.page-header .middle-block .search button.search-icon{
    display: none;
    position: absolute;
    top: 5px;
    left: 10px;
}
.main-header .middle-block .search button.search-icon svg,
.page-header .middle-block .search button.search-icon svg{
	width: 16px;
}
.main-header .middle-block .search span.search-close svg,
.page-header .middle-block .search span.search-close svg{
	width: 15px;
	fill: #CAC9C9;
	transition: .5s ease;
}
.main-header .middle-block .search span.search-close svg path,
.page-header .middle-block .search span.search-close svg path{
	fill: #CAC9C9;
	transition: .5s ease;
}
.main-header .middle-block .search span.search-close:hover svg path,
.page-header .middle-block .search span.search-close:hover svg path{
	fill: #03948B;
}
.main-header .middle-block .search span.search-close,
.page-header .middle-block .search span.search-close{
    display: none;
	z-index: 9;
    position: absolute;
    top: 5px;
    right: 10px;
}
.main-header .middle-block .search.active span.search-close,
.page-header .middle-block .search.active span.search-close{
    display: block;
}
.search-open .main-header .middle-block .search,
.search-open .page-header .middle-block .search{
	border-right: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { 
    display: none; 
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
.main-header .middle-block .search button,
.page-header .middle-block .search button,
.mobile-header .mob-search button{
    z-index: 2;
    background: transparent;
    border: none;
}
.mobile-header .mob-search button{
	position: absolute;
}
.main-header .middle-block .row-bottom{
    margin-top: 15px;
    height: 110px;
}
.main-header .middle-block .nav-slider{
    width: 100%;
    height: 100%;
    position: relative;
}
.main-header .nav-slider .slider-item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-header .middle-block .nav-slider p,
.main-header .middle-block .nav-slider p a{
	height: 100px;
	width: 80%;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #C7C4C4;
    text-shadow: #000 0px 0px 0, #000 0px 0px 0, 
    #000 0px 0px 0,#000 0px -1px 0;
}
.main-header .right-block .social-nav{
    font-family: OpenSans;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    justify-content: space-between;
}
.main-header .right-block .social-nav .phone a,
.main-header .right-block .social-nav .email a,
.page-header .right-block .social-nav .phone a,
.page-header .right-block .social-nav .email a{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
}
.main-header .right-block .social-nav .email a span{
	margin-right: 17px;
}
.main-header .right-block .social-nav a svg,
.page-header .right-block .social-nav a svg{
    transition: .5s ease;
    margin-left: 5px;
    box-shadow: -5px 4px 8px rgba(0, 0, 0, 0.25);
}
.main-header .right-block .social-nav .phone a svg,
.page-header .right-block .social-nav a svg{
    box-shadow: none;
}
.main-header .right-block .social-nav a:hover,
.page-header .right-block .social-nav a:hover{
    color: #03948B;
}
.main-header .right-block .social-nav a:hover svg path,
.page-header .right-block .social-nav a:hover svg path{
    fill: #03948B;
	stroke: #03948B;
}
.main-header .slider-btn button.slick-next{
	bottom: 20%;
}
.main-header .slider-btn button.slick-prev{
	bottom: 60%;
	left: 0;
}
/* Heder-page */
header.page-header{
    padding: 15px 0 10px;
    background: linear-gradient(89.82deg, #333333 0.02%, rgba(75, 75, 75, 0.75) 101.36%);
}
header.page-header .container{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.page-header .left-block{
    width: 13%;
}
.page-header .right-block{
	width: 12%;
}
.page-header .right-block .social-nav li,
.page-header .right-block .social-nav li.social a{
    margin-left: 5px;
}
.page-header .right-block .social-nav li.social{
    display: flex;
    align-items: center;
}
.page-header .right-block .social-nav li.social a{
    display: flex;
}
.page-header .right-block .social-nav li:last-child{
    margin-left: 0;
}
.page-header .right-block .social-nav .phone a span, 
.page-header .right-block .social-nav .email a span{
    display: none;
    width: 200px;
    transition: .5s ease;
    position: absolute;
    background: rgba(113, 114, 115);
    right: 30px;
    border-radius: 15px;
    z-index: 5;
}
.page-header .right-block .social-nav .phone a:hover span,
.page-header .right-block .social-nav .email a:hover span{
    display: block;
    padding: 10px 0 10px 10px;
}
.page-header .right-block .social-nav{
    font-family: OpenSans;
    display: flex;
    align-items: center;
}
.page-header .middle-block{
    display: flex;
    width: 70%;
    justify-content: space-between;
}
.page-header .middle-block .menu-list{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin-left: 100px;
}

/*======== footer ========*/
footer{
    background-color: #343434;
}
footer .container{
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
footer .foot-title{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}
.foot-left{
    width: 25%;
}
.foot-middle{
    width: 35%;
}
.foot-right{
    width: 32%;
}
.foot-left .menu-foot{
    margin-top: 35px;
}
.foot-left .menu-foot a{
    transition: .5s ease;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}
.foot-left .menu-foot li{
    margin-bottom: 30px;
}
.foot-left .menu-foot a:hover,
.foot-left .menu-foot li.active a{
    color: #03948B;
}
.foot-middle .subscribe{
    margin-top: 25px;
    margin-bottom: 36px;
    display: flex;
}
.foot-middle .subscribe input[type="email"]{
    background: #403F3F;
    padding-left: 20px;
    border: 2px solid #4F4F4F;
    box-sizing: border-box;
    border-radius: 2px;
    height: 47px;
    width: 300px;
    font-family: OpenSans;
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    margin-right: 20px;
}
.foot-middle .subscribe input[type="submit"]{
    width: 220px;
    height: 47px;
}
.foot-middle svg{
    transition: .5s ease;
    width: 22px;
}
.foot-middle .contact,
.foot-middle .cont-item,
.foot-middle .social{
    margin-top: 20px;
}
.foot-middle .cont-item{
    display: flex;
    align-items: center;
	transition: .5s ease;
}
.foot-middle .cont-item path{
	transition: .5s ease;
}
.foot-middle .cont-item a{
    transition: .5s ease;
    margin-left: 24px;
    font-family: OpenSans;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}
.foot-middle .cont-item a:hover{
    color: #03948B;
}
.foot-middle .cont-item:hover path,
.foot-middle .social a:hover path{
    fill: #03948B;
	stroke: #03948B;
}
.foot-middle .social a:nth-child(2){
    margin-left: 24px;
}
.foot-right .text-foot{
    font-family: OpenSans;
    font-size: 18px;
    line-height: 36px;
    color: #FEFEFE;
}
.foot-right .clients{
    display: flex;
    justify-content: space-between;
    margin-top: 33px;
}
.foot-right .clients img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mob-foot-more{
    display: none;
}
.foot-bottom{
    display: flex;
    justify-content: flex-start;
    padding-bottom: 8px;
    margin-top: 48px;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 24px;
    color: #FEFEFE;
}
/* bottom-slider */
.bottom-slider-section{
    margin: 30px;
    padding: 25px 30px 20px;
}
.bottom-slider-section .bottom-sliders{
    margin-top: 50px;
}
.bottom-sliders.slider-btn button{
    background: #F2F2F2;
    border: 1px solid #E2E2E2;
}
.bottom-sliders.slider-btn button::after{
    background-image: url(../img/icon/arrow-2.svg);
}
.bottom-sliders .slider-item{
    display: flex;
    justify-content: space-between;
}
.bottom-sliders .slick-list{
    margin: 0 30px;
}
.bottom-sliders .slider-item .column{
    width: 18%;
    text-align: center;
}
.bottom-sliders .slider-item .column .item-img{
    display: flex;
	align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
}
.bottom-sliders .slider-item .column .item-img img{
    width: 75%;
    height: 75%;
    object-fit: contain;
	filter: grayscale(100%);
	transition: .5s ease;
}
.bottom-sliders .slider-item .column:hover .item-img img{
	filter: grayscale(0);
}
.bottom-sliders .slider-item .column .text-item{
    margin-top: 10px;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #3C3C3C;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*     height: 180px; */
	height: 140px;
    margin-bottom: 50px;
}
.bottom-sliders .slider-item .column .text-item a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #03948B;
}

/* ======= main-page ======== */

.order-analytics{
	box-shadow: 2px 4px 30px rgb(90 148 144 / 15%);
    background-color: #FEFEFE;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #696969;
    border-bottom: 1px solid #696969;
    padding: 22px 28px;
}
.order-analytics h3 {
    width: 60%;
    font-family: OpenSans;
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.order-analytics .btn-block {
    margin-left: 100px;
    width: 630px;
    border-radius: 2px;
}
.btn-block a{
    display: block;
    text-align: center;
    width: 100%;
    padding: 17px 0;
}
.grid-container{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 44% 29% 27%;
    grid-template-areas: "block-1 block-2 block-3"  
                         "block-4 block-5 block-3"; 
}
.grid-container .block-one{
    padding: 22px 28px;
    grid-area: block-1;
    margin: 0 15px 15px 0;
}
.grid-container .block-two{
    padding: 22px 28px;
    grid-area: block-2;
    margin: 0 15px 15px 15px;
}
.grid-container .block-three{
    padding: 22px 28px;
    grid-area: block-3;
    margin: 0 0 0 15px;
}
.grid-container .block-four{
    padding: 22px 28px;
    grid-area: block-4;
    margin: 15px 15px 0 0;
}
.grid-container .block-five{
    padding: 22px 28px;
    grid-area: block-5;
    margin: 15px 15px 0 15px;
}
.block-one .big-news{
    margin-top: 30px;
    margin-bottom: 50px;
    display: flex;
}
.block-one .big-news .news-img{
    width: 50%;
	height: 250px;
}
.block-one .big-news .news-img img{
	padding-top: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
	object-position: top;
}
.block-one .big-news .news-text{
    width: 50%;
    margin-left: 20px;
}
.block-one .big-news h3{
	font-family: "Roboto", sans-serif;
/*     font-family: RalewayBold; */
/*     font-weight: bold; */
    font-size: 24px;
    line-height: 38px;
    color: #333333;
/*     margin-top: 20px; */
    margin-bottom: 30px;
}
.block-one .big-news .white-btn{
    display: inline-block;
    padding: 17px 51px;
}
.small-news{
    position: relative;
    margin-bottom: 25px;
    display: flex;
}
.small-news a{
    transition: .5s ease;
    margin-left: 27px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    display: block;
}
.small-news a:hover{
    color:#03948B;
}
.small-news::before{
    top: 8px;
    content: "";
    position: absolute;
    background-image: url(../img/icon/rect.png);
    width: 15px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.analitick{
    margin-top: 30px;
    margin-bottom: 30px;
}
.analitick li{
    transition: .5s ease;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 25px;
    margin-bottom: 24px;
}
.analitick li a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
}
.analitick li::before{
    transition: .5s ease;
    top: 12px;
    left: 0;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background-color: #CAC9C9;
    transform: rotate(-45deg);
}
.analitick li:hover a{
    color: #03948B;
}
.analitick li:hover::before{
    background-color: #03948B;
}
.grid-container .block-two .white-btn{
    display: inline-block;
    padding: 17px 46px;
}
.coment{
    margin-top: 30px;
	margin-right: 20px;
}
.coment .coment-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.coment .coment-top .img-coment{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.coment .coment-top .img-coment img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coment .coment-top .coment-right{
    width: 75%;
}
.coment .coment-top .coment-right h4{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 32px;
    color: #000000;
}
.coment .coment-top .coment-right h4 a{
	color: #000000;
}
.coment .coment-top .coment-right .status{
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #696969;
}
.coment .coment-top .coment-right .date{
	display: none;
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4F4F4F;
    text-transform: uppercase;
}
.coment .coment-bot h3{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 10px;
}
.coment .coment-bot h3 a{
	color: #333333;
	transition: .5s ease;
}
.coment .coment-bot h3 a:hover{
	color: #03948B;
}
.coment .coment-bot p{
    font-family: OpenSans;
    font-size: 15px;
    line-height: 20px;
/* 	font-size: 16px;
    line-height: 26px; */
    color: #3C3C3C;
}
.media-block{
    margin-top: 30px;
}
.media-block li{
    margin-bottom: 24px;
}
.media-block a{
    transition: .5s ease;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
}
.media-block a:hover{
    color: #03948B;
}
.media-block li img{
    margin-bottom: -6px;
    margin-left: 15px;
    width: 25px;
    height: 25px;
}
.grid-container .block-five a{
    display: block;
    width: 100%;
    height: 100%;
}
.grid-container .block-five img{
	object-fit: contain;
    width: 100%;
    height: 100%;
}
.join{
    margin-top: 75px;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
}
.join .block-left>h3{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
	font-size: 24px;
    line-height: 32px;
    color: #333333;
}
.join .block-left .block-flex{
    display: flex;
    align-items: flex-end;
}
.join .block-flex ul{
    margin-top: 34px;
}
.join .block-flex ul li:first-child{
    margin-bottom: 25px;
}
.join .block-flex .block-btn{
    margin-left: 70px;
}
.join .block-flex .green-btn{
    padding: 17px 47px;
    display: block;
}
.join .block-right{
    margin-left: 100px;
    background-image: url(../img/join.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 630px;
    height: 176px;
    border-radius: 2px;
}
.join .block-right a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 141, 151, 0.3);
}
.join .block-right .join-us{
    transition: .5s ease;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 57px;
    line-height: 57px;
    text-align: center;
    color: #FFFFFF;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    padding: 29px 29px;
}
.join .block-right:hover .join-us{
    letter-spacing: 5px;
}

/* =======sidebars======= */

.style-padding{
    padding: 35px 28px;
}
.coments-sidebar.mob-sl.slider-btn button{
    background: #F2F2F2;
    border: 1px solid #E2E2E2;
    transform: rotate(-90deg);
	cursor:pointer;
}
.coments-sidebar.mob-sl.slider-btn button.slick-prev{
    left: 0;
}
.coments-sidebar.mob-sl.slider-btn button.slick-next{
    left: 50px;
}
.coments-sidebar.mob-sl.slider-btn button::after{
    background-image: url(../img/icon/arrow-2.svg);
}
.coments-sidebar .coment{
    margin-right: 7px;
}
.coments-sidebar .slick-list{
    padding-bottom: 40px;
}
.column-sidebars .blocks-news,
.column-sidebars .blocks-competition,
.column-sidebars .blocks-media,
.column-sidebars .blocks-weeks,
.column-sidebars .blocks-analitick{
    margin-top: 30px;
}
.column-sidebars .block-style:first-child{
    margin-top: 0;
}
.blocks-news .small-news:first-child{
    margin-top: 20px;
}
.column-sidebars .blocks-analitick .white-btn{
    display: inline-block;
    padding: 17px 46px;
}
.blocks-competition li{
    margin-top: 25px;
}
.blocks-competition li a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    transition: .5s ease;
}
.blocks-competition li a:hover{
    color: #03948B;
}
.column-sidebars .blocks-weeks a{
    display: block;
    width: 100%;
    height: 100%;
}
.column-sidebars .blocks-weeks img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* =======column-category========= */
.column-category{
    margin-top: 36px;
    height: 100%;
}
.column-category>ul{
    margin-bottom: 100px;
}
.column-category ul{
    margin-left: 26px;
}
.column-category li{
    margin-top: 30px;
}
.column-category a{
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #03948B;
    transition: .5s ease;
}
.column-category a:hover{
    opacity: .7;
}
.column-category li.menu-item{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.column-category li.menu-item-has-children .sub-menu{
    margin-left: 0;
    padding-left: 26px;
    border-left: 1px solid #03948B;
	max-height: 0;
    overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.column-category li.menu-item-has-children a{
	width: 90%;
}
.column-category li.menu-item-has-children .plus{
	width: 10%;
	font-size: 26px;
	font-weight: 600;
	cursor: pointer;
	color: #03948B;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s ease;
}
.column-category li.menu-item-has-children .plus.active{
	transform: rotate(45deg);
}
.column-category .block-cat{
    margin-bottom: 80px;
}

/* ==========analitick-page=========== */
.analitick-items{
    position: relative;
    margin: 0 80px;
    margin-top: 36px;
}
.analitick-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.analitick-item .block-left{
    width: 72%;
}
.analitick-item .block-left h3{
    margin-bottom: 9px;
}
.analitick-item .block-left h3 a{
    font-family: OpenSans;
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
    transition: .5s ease;
}
.analitick-item .block-left h3 a:hover{
    color: #03948B;
}
.analitick-item .block-left .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    color: #4F4F4F;
    margin-bottom: 16px;
}
.analitick-item .block-left .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.analitick-item .block-right{
    display: block;
    margin: 0px;
    margin-left: 20px;
	height: 200px;
    width: 25%;
	overflow: hidden;
/* 	border: 1px solid #626262; */
}
.analitick-item .block-right img{
    width: 100%;
    height: 100%;
	padding-top: 10px;
	object-position: top;
    object-fit: contain;
	transition: .5s ease;
}
.analitick-item .block-right:hover img{
	transform: scale(1.1);
}
.analitick-items .middle-section{
    margin-bottom: 80px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #696969;
    border-bottom: 1px solid #696969;
    padding: 36px 0;
}
.analitick-items .middle-section h3{
	width: 60%;
    font-family: OpenSans;
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.analitick-items .middle-section .btn-block{
	width: 33%;
}
.analitick-items .middle-section a{
	display: block;
	text-align: center;
	width: 100%;
    padding: 17px 0;
}
.analitick-items .analitick-item:last-child{
    margin-bottom: 0!important;
}

/* showmore */
.section-show-more .btn-block{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.section-show-more .btn-block a{
	cursor: pointer;
    padding: 17px 27px;
    display: flex;
    justify-content: center;
}
.section-show-more .btn-block a img,
.section-show-more .btn-block a svg{
    transition: .5s ease;
    margin-left: 10px;
}
.section-show-more .btn-block a:hover img,
.section-show-more .btn-block a:hover svg{
    transform: rotate(-360deg);
}
.section-show-more .btn-block a:hover svg path{
	fill: #fff;
}
.shadow{
/*     margin-bottom: 180px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(to top, #fff, #fff 30%, rgba(255, 255, 255, 0) 95%);
    height: 200px;
    width: 100%; */
    /* display: none; */
}
.search-page .shadow{
    margin-bottom: 80px;
}
/* pagination */
.pagination{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.pagination ul{
    margin-top: 70px;
    display: flex;
}
.pagination ul li.pag-item{
    justify-content: center;
    align-items: center;
    margin-right: 50px;
    display: flex;
    position: relative;
    cursor: pointer;
}
.pagination ul li.pag-item a{
    z-index: 111;
    color: #000000;
}
.pagination ul li.pag-prev::before,
.pagination ul li.pag-next::before{
    display: none;
}
.pagination ul li.pag-item::before{
    border: 1px solid #CAC9C9;
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    transition: .5s;
    box-sizing: border-box;
    border-radius: 2px;
}
.pagination ul li.pag-item:hover::before,
.pagination ul li.pag-item.active::before{
    transform: rotate(45deg);
    border: 1px solid #03948B;
}

/* =========competitions=========== */
.competition-items{
    position: relative;
    margin-top: 36px;
}
.competition-items .pagination,
.competition-item{
    padding: 0 65px;
}
.competition-item .block-img{
    display: flex;
    justify-content: center;
    width: 100%;
}
.competition-item .block-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.competition-item h3{
    margin-top: 15px;
}
.competition-item h3 a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.competition-item .text{
	margin-top: 20px;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.competition-item .block-bot{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.competition-item .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4F4F4F;
}
.competition-item .block-bot .white-btn{
    padding: 17px 51px;
}
.competition-item.small-item{
    transition: .5s ease;
/*     padding: 52px 65px 60px; */
	padding: 20px 65px 20px;
}
.competition-item.small-item:hover{
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    transform: scale(1.01);
    background-color: #FEFEFE;
}
.competition-item.small-item .block-bot{
    margin-bottom: 0;
}
/*=========about===========*/
.about-page{
    margin: 0 80px;
    margin-top: 35px;
}
.share-block{
    margin-top: 50px;
    display: flex;
    justify-content: flex-start;
}
.share-block a{
    width: 22px;
    height: 22px;
    margin-left: 20px;
    transition: .5s ease;
}
.share-block a:hover{
    opacity: .7;
}
/* ===========competition-post============ */
/* ===========services-post============ */
.competition-post iframe{
	height: 500px;
}
.competition-post .big-img{
    width: 100%;
    height: 100%;
}
.competition-post .big-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.competition-post.wtf-with-img .big-img{
	width: 100%;
    height: 400px;
/* 	border: 1px solid #626262; */
}
.competition-post.wtf-with-img .big-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.competition-post .body-post{
    margin: 20px 65px;
}
.share-block.with-date{
    justify-content: space-between;
    width: 100%;
}
.share-block.with-date .left{
    display: flex;
    justify-content: flex-start;    
}
.share-block.with-date .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    color: #4F4F4F;
}
/* ===========404============ */
.other-page.error-page{
    background: #ffffff;
    height: 80vh;
}
.other-page.error-page .container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.other-page.error-page .body-error{
    display: flex;
    justify-content: center;
    align-items: center;
}
.other-page.error-page .body-error .img,
.other-page.error-page .body-error .img img{
    width: 100%;
    height: 100%;
}
.other-page.error-page .body-error .img{
    width: 30%;
}
.other-page.error-page .body-error .text{
    width: 50%;
}
.other-page.error-page .body-error .text p{
    margin-bottom: 70px;
}
.other-page.error-page .body-error h3{
    margin-top: 20px;
    margin-bottom: 30px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #333333;
}
.other-page.error-page .body-error .green-btn{
    padding: 17px 53px;
}
/* ============news-page============ */
.news-page-items{
    position: relative;
    margin: 35px 0;
}
.news-page-items .pagination{
    padding: 0 65px;
}
.news-page-item.big-item{
    margin: 0 65px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.news-page-item.big-item .block-img{
    width: 100%;
/*     height: 100%; */
	height: 400px;
/* 	border: 1px solid #626262; */
}
.news-page-item.big-item .block-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.news-page-item.big-item .left{
    margin-top: 15px;
}
.news-page-item.big-item .right{
    margin-top: 35px;
}
.news-page-item.big-item .left h3 a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.news-page-item .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4F4F4F;
}
.news-page-item.big-item .right .white-btn{
    padding: 17px 51px;
}
.news-page-item.small-item{
    padding: 20px 65px;
    display: flex;
    justify-content: space-between;
    transition: .5s ease;
}
.news-page-item.small-item:hover{
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    transform: scale(1.01);
    background-color: #FEFEFE;
}
.news-page-item.small-item .left{
	overflow: hidden;
/* 	border: 1px solid #626262; */
}
.news-page-item.small-item .left:hover img{
	transform: scale(1.1);
}
.news-page-item.small-item .left img{
	transition: .5s ease;
    width: 100%;
    height: 100%;
    object-fit: contain;
	object-position: top;
	padding-top: 10px;
}
.news-page-item.small-item .left{
    width: 39%;
    height: 270px;
}
.news-page-item.small-item .right{
    width: 59%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-page-item.small-item .right h3 a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.news-page-item.small-item .right h3{
    margin-bottom: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-page-item.small-item .right .text{
	margin-top: -10px;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-page-item.small-item .right .block-bot{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-page-item.small-item .right .white-btn{
    padding: 17px 51px;
}
/* ============news-page============ */
.services-page-items{
    margin: 35px 0;
    position: relative;
}
.services-page-items .pagination{
    padding: 0 65px;
}
.services-page-item.big-item{
    margin: 0 65px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.services-page-item.big-item .block-img,
.services-page-item.big-item .block-img img{
    width: 100%;
    height: 100%;
}
.services-page-item.big-item .bottom{
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.services-page-item.big-item .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
}
.services-page-item.big-item h3{
    margin-top: 25px;
    margin-bottom: 10px;
}
.services-page-item.big-item h3 a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.services-page-item .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: #4F4F4F;
}
.services-page-item.big-item .bottom .white-btn{
    padding: 17px 51px;
}
.services-page-item.small-item{
    padding: 40px 65px;
    display: flex;
    justify-content: space-between;
    transition: .5s ease;
}
.services-page-item.small-item:hover{
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    transform: scale(1.01);
    background-color: #FEFEFE;
}
.services-page-item.small-item .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: .5s ease; 
}
.services-page-item.small-item .left{
	overflow: hidden;
    width: 39%;
    height: 270px;
}
.services-page-item.small-item .left:hover img{
	transform: scale(1.1);
}
.services-page-item.small-item .right{
    width: 59%;
}
.services-page-item.small-item .right h3 a{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.services-page-item.small-item .right h3{
    margin-bottom: 10px;
}
.services-page-item.small-item .right .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.services-page-item.small-item .right .block-bot{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.services-page-item.small-item .right .white-btn{
    padding: 17px 51px;
}
/* ============comments-page========= */
.comments-page-items{
    margin: 30px 0;
    position: relative;
}
.comments-page-items h2{
    margin: 0 65px;
    margin-bottom: 20px;
/*     font-family: RalewayBold; */
	
    font-size: 34px;
    line-height: 36px;
    color: #333333;
}
.comments-page-items .pagination{
    margin: 0 65px;
}
.comments-page-item{
    transition: .5s ease;
    padding: 37px 65px;
}
.comments-page-item:hover{
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    transform: scale(1.01);
    background-color: #FEFEFE;
}
.comments-page-item .top{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.comments-page-item .top .left{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.comments-page-item .top .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comments-page-item .top .right{
    align-items: center;
    margin-left: 30px;
    width: 50%;
}
.comments-page-item .top .right h4{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 32px;
    color: #03948B;
}
.comments-page-item .top .right h4 a{
	color: #03948B;
}
.comments-page-item .top .right .status{
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #696969;
}
.comments-page-item h3{
    font-family: OpenSansBold;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
    margin-bottom: 18px;
}
.comments-page-item .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
}
.comments-page-item .bottom{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.comments-page-item .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    color: #4F4F4F;
}
.comments-page-item .white-btn{
    padding: 17px 51px;
}
/* ============media============= */
.media-page-items{
    margin: 30px 0;
    position: relative;
}
.media-page-items h2{
    margin: 0 65px;
    margin-bottom: 20px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 34px;
    line-height: 36px;
    color: #333333;
}
.media-page-items .result-count{
	margin: 0 65px;
	font-size: 20px;
/* 	font-family: Raleway; */
	font-family: "Roboto", sans-serif;
}
.media-page-items .pagination{
    margin: 0 65px;
}
.media-page-item{
    transition: .5s ease;
    padding: 37px 65px;
}
.media-page-item:hover{
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    transform: scale(1.01);
    background-color: #FEFEFE;
}
.media-page-item h3{
    transition: .5s ease;
    position: relative;
}
.media-page-item h3 a{
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 38px;
    color: #333333;
}
.media-page-item h3:hover{
    margin-left: 25px;
}
.media-page-item h3:hover::before{
    opacity: 1;
}
.media-page-item h3::before{
    transition: .5s ease;
    opacity: 0;
    margin-left: -30px;
    left: 0;
    top: 10px;
    content: "";
    position: absolute;
    background-image: url(../img/icon/rect_green.png);
    width: 15px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.media-page-item h3:hover a{
    color: #047871;
}
.media-page-item h3 img{
    margin-bottom: -6px;
    margin-left: 15px;
    width: 25px;
    height: 25px;
}
.media-page-item .bottom{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.media-page-item .date{
    font-family: OpenSans;
    font-size: 12px;
    line-height: 20px;
    color: #4F4F4F;
}
/* =============helper============== */
.helper-post .big-img{
    background-image: url(../img/join.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 500px;
}
.helper-post .big-img .green-shadow{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 141, 151, 0.3);
}
.helper-post .big-img .join-name{
    transition: .5s ease;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 57px;
    line-height: 57px;
    text-align: center;
    color: #FFFFFF;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    padding: 29px 29px;
}
.helper-post .wp-styler{
    margin: 20px 65px;
}
.helper-post .helper-block{
    margin: 50px 0;
}
.helper-post .row{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.helper-post .row .left,
.helper-post .row .right{
    width: 45%;
}
.helper-post .row p{
    font-family: OpenSans;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
}
.helper-post .row .strong{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
}
.helper-post .row .btn{
    margin-top: 17px;
}
.helper-post .row .green-btn{
    padding: 17px 30px;
}
/* =============team=============== */
.team-page{
    margin: 20px 65px;
}
.team-page>h2{
    font-family: RalewayBold;
    font-size: 34px;
    line-height: 36px;
    color: #333333;
}
.team-page .team{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.team .row-items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.team .big-team-item{
    display: none;
    justify-content: space-between;
	align-items: flex-start;
    width: 100%;
    margin: 0 0 30px;
    padding: 30px 0;
    border-top: 2px solid #047871;
    border-bottom: 2px solid #047871;
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
}
.team .big-team-item.active{
    display: flex;
}
.team .big-team-item button{
    background: none;
    border: none;
    position: absolute;
    top: 30px;
    right: 0;
	cursor: pointer;
}
.team .big-team-item .photo{
/*     width: 35%; */
	width: 200px;
}
.team .big-team-item .photo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.team .big-team-item .info-block{
/*     width: 63%; */
	width: 75%;
}
.team .big-team-item h3{
    margin-top: 15px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 34px;
    line-height: 36px;
    color: #333333;
}
.team .big-team-item .status{
    margin-top: 15px;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #696969;
}
.team .big-team-item .social{
    margin-top: 25px;
}
.team .big-team-item .soc-item{
    display: flex;
    margin-bottom: 10px;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #03948B;
    align-items: center;
    margin-left: 20px;
} 
.team .big-team-item .soc-item svg{
    margin-right: 10px;
}
.team .big-team-item .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 30px;
    color: #3C3C3C;
}
.team .big-team-item .text-mobile{
    display: none;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 30px;
    color: #3C3C3C;
}
.team .team-item{
    position: relative;
    width: 21%;
    text-align: left;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tabs.active-this::after{
    bottom: -50px;
    transform: rotate(-90deg);
    content: "";
    position: absolute;
    background-image: url(../img/icon/rect_green.png);
    width: 18px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.tabs .bloop{
    opacity: .5;
}
.tabs .bloop.active{
    opacity: 1;
}
.team .team-item .img img,
.team .team-item .img{
    cursor: pointer;
    width: 100%;
}
/* .team .team-item .img{
    height: 55%;
} */
.team .team-item .img img{
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.team .team-item h3{
    width: 100%;
    margin-top: 15px;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #03948B;
}
.team .team-item .status{
    width: 100%;
    margin-top: 6px;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
.team .team-item .facebook{
    width: 100%;
    display: flex;
    margin-top: 15px;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #03948B;
    align-items: center;
}
.team .team-item .facebook svg{
    margin-right: 10px;
}
/* ============partners============ */
.partners-page{
    margin: 20px 65px;
}
.partners-page>h2{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 34px;
    line-height: 36px;
    color: #333333;
}
.partners{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.partners .partner-item{
    width: 23%;
    margin: 40px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.partner-item .img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner-item .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
	cursor: pointer;
}
.partners-page .big-partner-item{
    display: none;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    margin: 0 0 30px;
    padding: 30px 0;
    border-top: 2px solid #047871;
    border-bottom: 2px solid #047871;
    background-color: #ffffff;
    z-index: 1;
    position: absolute;
}
.partners-page .big-partner-item.active{
    display: flex;
}
.partners-page .big-partner-item button{
    background: none;
    border: none;
    position: absolute;
    top: 30px;
    right: 0;
	cursor: pointer;
	
}
.partners-page .big-partner-item h3{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 30px;
    line-height: 43px;
    color: #333333;
    margin-bottom: 25px;
}
.partners-page .big-partner-item .social{
    margin-top: 25px;
}
.partners-page .big-partner-item .soc-item{
    display: flex;
    margin-bottom: 10px;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #03948B;
    align-items: center;
    margin-left: 20px;
} 
.partners-page .big-partner-item .soc-item svg{
    margin-right: 10px;
}
.partners-page .big-partner-item .text{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 30px;
    color: #3C3C3C;
}
/* ============contact============== */
.contact-page .big-map{
    background-image: url(../img/map.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 54%;
    width: 100%;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-page .big-map .white-btn{
    margin-top: 100px;
    padding: 17px 34px;
}
.contact-page .contact-body{
    margin: -150px 40px 20px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
}
.contact-body .left,
.contact-body .right{
    width: 49%;
}
.contact-body h4{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 15px;
    margin-top: 30px;
}
.contact-body a{
    display: flex;
    align-items: center;
    font-family: OpenSans;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    transition: .5s ease;
}
.contact-body a.mark{
    align-items: normal;
}
.contact-body a.mark svg{
    margin-top: 5px;
}
.contact-body a:hover{
    color: #047871;
}
.contact-body a.item-contact svg{
    margin-right: 15px;
}
.contact-body .social{
    margin-top: 20px;
    display: flex;
}
.contact-body .social a{
    transition: .5s ease;
    margin-right: 20px;
}
.contact-body .social a:hover svg{
    fill: #047871;
}
/* form */
.form-style-block{
    margin-top: 30px;
}
.form-style-block form{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.form-style-block form .form-row{
    width: 100%;
}
.form-style-block form input,
.form-style-block form textarea{
    border: 2px solid #969696;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 24px;
    width: 100%;
/*     font-family: Raleway; */
	font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #969696;
    padding-left: 20px;
    transition: all 0.3s;
}
.form-style-block form input{
    height: 65px;
}
.form-style-block form textarea{
    padding-top: 15px;
    height: 140px;
}
.form-style-block form input[type="submit"]{
    width: 50%;
    height: 55px;
    padding: 0;
    background: none;
    border: 2px solid #047871;
    color: #047871;
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    transition: .5s;
	margin-bottom: 0;
    cursor: pointer;
}
.form-style-block form input[type="submit"]:hover{
    color: #ffffff;
    background: #047871;
}
.form-row {
    text-align: left;
    position: relative;
}
.form-row input[type="text"]:focus,
.form-row input[type="text"]:hover,
.form-row input[type="email"]:focus,
.form-row input[type="email"]:hover,
.form-row input[type="number"]:focus,
.form-row input[type="number"]:hover,
.form-row input[type="date"]:focus,
.form-row input[type="date"]:hover,
.form-row input[type="tel"]:focus,
.form-row input[type="tel"]:hover,
.form-row textarea:focus,
.form-row textarea:hover,
.form-row button:focus,
.form-row button:hover,
.form-row select:focus,
.form-row select:hover {
    outline: none;
    border: solid 2px #047871;
}
.form-row input[type="text"]:focus+label,
.form-row input[type="text"]:hover+label,
.form-row input[type="email"]:focus+label,
.form-row input[type="email"]:hover+label,
.form-row input[type="number"]:focus+label,
.form-row input[type="number"]:hover+label,
.form-row input[type="date"]:focus+label,
.form-row input[type="date"]:hover+label,
.form-row input[type="tel"]:focus+label,
.form-row input[type="tel"]:hover+label,
.form-row textarea:focus+label,
.form-row textarea:hover+label,
.form-row button:focus+label,
.form-row button:hover+label,
.form-row select:focus+label,
.form-row select:hover+label {
    color: #047871;
    cursor: text;
}
.form-row label {
    position: absolute;
    left: 10px;
    top: 14px;
    /* width: 90%; */
    letter-spacing: 0.35px;
    color: #afb0b3;
    font-size: 20px;
    display: inline-block;
    padding: 4px 10px;
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
    -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
    -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
    transition: color 0.3s, top 0.3s, background-color 0.8s;
    background-color: white;
    margin: 0;
}
.form-row label.active {
    top: -11px;
    color: #047871;
    background-color: white;
    width: auto;
    font-size: 9px;
}
.form-row textarea {
    resize: none;
    height: 115px;
    width: 100%;
}
/* ============popup================= */
.modal-open{
    overflow: hidden
}
.popup-main{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
    width: 100%;
    height: 100vh;
    background: rgba(0, 141, 151, 0.3);
}
.popup-main.active{
    display: flex;
}
.popup-body{
    padding: 50px 100px;
    position: relative;
    background-color: #ffffff;
}
.popup-body .form-style-block{
    position: relative;
}
.popup-body .form-style-block form::after{
    content: "";
    background-image: url(../img/form.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: 20px;
    right: -70px;
    z-index: -1;
}
.popup-body .form-style-block form{
    width: 400px;
    position: relative;
    z-index: 1;
}
.popup-body .close-popup{
    position: absolute;
    top: 27px;
    right: 27px;
    background: none;
    border: none;
    cursor: pointer;
}
.popup-body .form-style-block form input[type="submit"]{
    color: #ffffff;
    background: #047871;
}
.popup-body .form-style-block form input[type="submit"]:hover{
    color: #047871;
    background: #fff;
}

/* ============wp-styler============ */
.wp-styler h2{
/*     font-family: RalewayBold; */
	font-family: "Roboto", sans-serif;
    font-size: 34px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 34px;
}
.wp-styler p{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 26px;
    color: #3C3C3C;
    margin-bottom: 15px;
}
.wp-styler p img{
	width: 100%;
	height: 100%;
}
.wp-styler p a{
    color: #03948B;
	word-wrap:break-word;
}
.wp-styler p strong{
    font-family: OpenSansBold;
    color: #3C3C3C;
}
.wp-styler blockquote{
    font-family: OpenSansBold;
    color: #3C3C3C;
    font-size: 16px;
    line-height: 26px;
    margin: 20px;
    border-left: 1px solid #03948B;
    padding: 0 20px;
}
.wp-styler .wp-block-image{
    width: 90%;
    height: 100%;
    margin: 30px;
	margin-bottom: 60px;
}
.wp-styler .wp-block-image img{
    width: 100%;
    height: 100%;
}
.wp-styler ul{
    margin-left: 20px;
    list-style: square;
    margin-bottom: 15px;
}
.wp-styler ol{
    margin-left: 20px;
    margin-bottom: 15px;
}
.activity-page{
	margin: 0;
	margin-bottom: 30px;
}
.activity-page h2{
	padding-top: 30px;
	color: #fff;
}
.activity-page .green-bg{
	background-color: #03948B;
}
.category-text{
	margin: 0 65px;
	padding-bottom: 30px;
}
.category-text p{
	color: #fff;
}

h2.wtf-name{
	font-size: 20px;
	margin-bottom: 20px;
}