/*------------------------------------------------------------------
[ Основни стилове ]
*/
body {
    /* font-family: 'Sofia Sans', sans-serif; */
    font-family: circe, sans-serif;
    color: #fff;
    background: #000;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    line-height: 1.7;
    letter-spacing: 0.4px;
    font-size: 20px;
    font-weight: 300;

}
a {

    color: #8E55C3;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: color .2s ease 0s;
    -moz-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s;
    transition: color .2s ease 0s;
}

a:hover {
    color: #55BBC3;
}

p{
/* font-family: 'Raleway-ExtraLight',sans-serif; */
}
b,
strong {
    /* font-family: 'Raleway-Bold',sans-serif; */
    font-weight: 900;
}
.site{
    overflow: hidden!important;
}
.ab-boxed-site .site{
    max-width: 2056px;
    position: relative;
    z-index: 1;
    margin: auto;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1;

}

canvas {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    z-index: -1;
    top:0;
    bottom: 0;

}

h1, .h1 {
    font-size: 48px;
}

h2, .h2 {
    font-size: 44px;
    text-transform: uppercase;
    line-height: 1.2;
}

h3, .h3 {
    font-size: 65px;
    font-weight: 900;
    /* text-transform: uppercase; */
}
h4, .h4{
    font-size:30px;
    font-weight: 900;
}
h5, .h5{
    font-size:24px;
    font-weight: 900;
}

textarea{
    border-radius: 3px;
}
select{
    height: 43px;
}
button:focus{
    border: none!important;
    outline:none;
}
::placeholder {
    color: #AEB5C4;
}
label{
    font-weight: bold;
}
input.wpcf7-not-valid , select.wpcf7-not-valid, textarea.wpcf7-not-valid{
    border-color: #f00;
}

.input.ab-50-prc {
    max-width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
}
.ab-100-prc{
    max-width: 98%;
    margin-right: 1%;
    margin-left: 1%;
}

span.wpcf7-not-valid-tip {
    display: none;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    margin-bottom: 0px;
    margin-right: 5px;
}

input[type="submit"]{
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    border: 1px solid #fff !important;
    width: 200px;
    height: 50px;
    padding: 16px !important;
    line-height: 17px;
    color: #fff !important;
    transition: all ease .5s;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent !important;
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}
/* input[type="submit"]:before{
    content: "";
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    width: 30px;
    height: 1px;
    right: -185px;
    top: 6px;
    float: left;
    transition: all ease .5s;
} */

input[type="submit"]:hover {
    color: rgba(255, 255, 255, 1) !important;
    border-color: rgba(255, 255, 255, 1) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	/* margin: 1em; */
	/* max-width: 100%; */
	width: 100%;
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #fff;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.input__field--ruri {
	width: 100%;
	background: transparent;
	padding: 0.5em 0;
	margin-bottom: 2em;
	color: #fff;
}

.input__label--ruri {
	width: 100%;
	position: absolute;
	text-align: left;
	font-size: 1em;
	padding: 10px 0 0px;
	pointer-events: none;
}

.input__label--ruri::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: rgb(255 255 255 / 30%);
	left: 0;
	top: 100%;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}

.input__label-content--ruri {
	padding: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	transition: transform 0.3s, color 0.3s;
}

.input__field--ruri:focus + .input__label--ruri::after,
.input--filled .input__label--ruri::after {
	background: #55BBC3;
	-webkit-transform: scale3d(1, 0.25, 1);
	transform: scale3d(1, 2.25, 1);
}
.input__field--ruri.ab-textar:focus + .input__label--ruri::after,
.input--filled.ab-100-prc .input__label--ruri::after {
	background: #55BBC3;
	-webkit-transform: scale3d(1, 0.25, 1);
	transform: scale3d(1, 2.25, 1);
    margin-top: 4em;
    transition: transform 0.3s, margin 0.3s;
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
.input--filled .input__label--ruri .input__label-content--ruri {
	color: #55BBC3;
	-webkit-transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
	transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
}
.input__field--ruri.ab-textar:focus + .input__label--ruri .input__label-content--ruri,
.input--filled.ab-100-prc .input__label--ruri .input__label-content--ruri {
	color: #55BBC3;
	-webkit-transform: translate3d(0, 5em, 0) scale3d(0.655, 0.655, 1);
	transform: translate3d(0, 6em, 0) scale3d(0.655, 0.655, 1);
}



div.wpcf7 .wpcf7-submit:disabled {
    opacity: 0.5;
}

.ab-white-color *{
    color: #fff;
}
.ab-text-center{
    text-align: center;
}
.ab-text-right{
    text-align: right;
}
.ab-text-left{
    text-align: left;
}
.ab-title-wrap p{
    margin-bottom: 0;
    text-transform: uppercase;
}
.ab-overflow-hidden{
    overflow: hidden;
}
.ab-margin-center img{
    margin: auto!important;
}
.z-index-up{
    z-index: 3;
    position: relative;
}
/*------------------------------------------------------------------
[ Фиксиране на хедъра ]
*/
.ab-fixed-header #wrapper-navbar {
    position: fixed;
    width: 100%;
    z-index: 99;
    max-width: 2056px;
}

.ab-full-width-site.ab-fixed-header #wrapper-navbar .container{
    max-width: 100%;
    height: 97px;
}
.ab-full-width-site.ab-fixed-header #wrapper-navbar {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)70%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.95) 100%);
    max-width: 100%;
}
.ab-fixed-header .ab-content-wrapper {
    padding-top: 60px;
    padding-bottom: 50px;
}

.ab-fixed-header.ab-top-header .ab-content-wrapper {
    padding-top: 147px;
    padding-bottom: 0;
}

.navbar-expand-md,  .custom-logo-link img, .ab-scrolled .custom-logo-link img,
.ab-header-top .navbar-expand-md, .ab-header-top .navbar-expand-md .container,
.ab-nav-soc, .ab-nav-soc *, nav ul.pagination li span,
.ab-main-info-wrap > div, .ab-full-width-site.ab-fixed-header #wrapper-navbar, nav ul.pagination li a
    {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .9s ease 0s;
}
.ab-add-color .box-b, .ab-add-color .box-a, .ab-add-color .box-c, .ab-add-color h3, .ab-add-color h4, .ab-bw-row  .vc_column-inner
    {
    -webkit-transition: filter .9s ease 0s;
    -moz-transition: filter .9s ease 0s;
    -o-transition: filter .9s ease 0s;
    transition: filter .9s ease 0s;
    /* visibility: visible; */
}
.box-a{
    /* visibility: hidden; */
}
.ab-fx-wrap .box-a img, .ab-fx-wrap .box-b img , .ab-fx-wrap .box-c img{
    -webkit-transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s;
    transition: all .9s ease 0s;
    /* visibility: visible; */
}

.ab-disable-scroll {
    overflow: hidden!important;
}

.ab-scrolled .custom-logo-link img {
    /* max-height: 30px;
    left: -96px;
    top:10px;
    position: relative; */
}
.ab-scrolled .header_top {
    line-height: 30px;
}

.custom-logo-link{
    width: 20%;
    position: relative;
    z-index: 999;
}

body .wpml-ls-legacy-list-horizontal{
    padding: 0;
}

/*------------------------------------------------------------------
[ lines ]
*/
.col-xs-4 {
    width: 50%;
    position: relative;
    min-height: 1px;
    float: left;
}

.page-lines {
    position: fixed;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.page-lines .line {
    position: absolute;
    left: 0;
    width: 1px;
    height: 100vh;
    background-color: #f4f4f4;
    opacity: 0.1;
}
.page-lines .col-line:first-child .line{
    left: -15px;
}
.page-lines .col-line:nth-child(2) .line{
    left: 0px;
}
.page-lines .col-line:nth-child(3) .line{
    left: 5px;
}
/* .page-lines:nth-child(2) .line{
    left: 10px;
} */
.page-lines .col-line:last-child .line:last-child {
    left: auto;
    right: -15px;
}

.home.ab-fixed-header.ab-top-header .ab-content-wrapper{
        padding-top: 0px;
}

.entry-header.ab-main-title{
    width: 100%;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.ab-left-contact{
    position: fixed;
    bottom: 0;
    z-index: 1;
}
.ab-left-contact a{
    color: #fff;
}
/*------------------------------------------------------------------
[ Меню хедър ]
*/
.ab-header-bg{
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}
body .ab-hide-page{
    margin: 0;
}
.custom-logo-link img {
    /* position: relative;
    left: 0;
    top: 10px;
    max-height: 40px;
    width: auto; */
    padding-top: 10px;
}
.bg-primary {
    padding-bottom: 0px;
    padding-top: 0px;
    /* box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.15); */
}


/*------------------------------------------------------------------
[ FX ]
*/

body .vc_row[data-vc-full-width]{
    overflow: visible;
}
.ab-fx-wrap{
    position: relative;
    display: inline-block;
}
.box-a{
    /* opacity: 0.5; */
    margin-right: 15px;
    position: relative;
    z-index: 5;
    /* padding-left: 30px; */
}
.ab-right-pf .box-a{
    margin-right: 35px;
    margin-left: -15px;
}
 .ab-added-div{
    z-index: 5;
    position: relative;
}
/*.ab-fx-wrap:hover .ab-added-div{
    transform: scale(1.05);
} */
.ab-fx-wrap:hover .box-a img{
transform: scale(1.04);
box-shadow: 0px 0px 60px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 0px 60px 10px rgb(0 0 0 / 30%);
}
.box-a img{
    border-radius: 20px;
    /* overflow: hidden; */
    margin-left: 30px;
    max-width: 100%;
    height: auto;
}
.ab-right-pf .box-a img{
    margin-left: 0px;
    margin-right: 30px;
}
.box-b{
    position: absolute;
    top: -30px;
    z-index: 4;
    border-radius: 20px;
    overflow: hidden;
    margin-left: -15px;
    margin-right: 90px;
}
.ab-right-pf .box-b{

    margin-right: -15px;
    margin-left: 90px;
    right: 0;
}
.ab-red-color:hover .box-b, .ab-red-color:hover .box-a{
    /* -webkit-filter: grayscale(0%);
  filter: grayscale(0%); */
}
.box-c{
    position: absolute;
    z-index: 3;
    width: 170%;
    height: 170%;
    margin-left: -15%;
    top: -75%;
    pointer-events: none;

}
.box-c img{
    opacity: 0;
}
.ab-right-pf .box-c{
    right: 0;
}
.box-c img{
    /* opacity: 0.7; */
    width: 100%;
}
.ab-add-color .box-a, .ab-add-color .box-b , .ab-add-color .box-c , .ab-add-color h3, .ab-add-color h4 {
    -webkit-filter: grayscale(100%) brightness(40%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(40%);
}


.ab-add-color:hover .box-a, .ab-add-color:hover .box-b, .ab-add-color:hover .box-c, .ab-add-color:hover h3, .ab-add-color:hover h4{
    -webkit-filter: grayscale(0%) brightness(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) brightness(100%);
}
.ab-add-color:hover .box-c img{
    opacity: 1;
}

.ab-mega-title h2{

    font-size: calc(45 * 1px + (200 - 50) * ((100vw - 320px) / 2340));
    font-weight: 900;
    /* font-size: 180px; */
    letter-spacing: -3px;
    line-height: 0.9;
    color: #fff;
    position: relative;
}

.ab-mega-title.ab-alt h2{
    font-size: calc(45 * 1px + (140 - 50) * ((100vw - 320px) / 2340));
    text-transform:none;
    letter-spacing: -1px;
    opacity: 1!important;
}
.ab-mega-title.ab-alt h2 span{
    margin-left: -7px;
}

.ab-mega-title.ab-alt2 h2 .ab-title-fx-left{
    font-size: calc(40 * 1px + (180 - 50) * ((100vw - 320px) / 2340));
    text-transform: none;
    letter-spacing: 0;
    visibility: visible;
}
.ab-mega-title.ab-alt2 h2 .ab-title-fx-right{
    font-size: calc(30 * 1px + (120 - 50) * ((100vw - 320px) / 2340));
    text-transform: none;
    letter-spacing: 0;
    visibility: visible;
}

.ab-mega-title.ab-alt3 h2 .ab-title-fx-left{
    font-size: calc(40 * 1px + (130 - 50) * ((100vw - 320px) / 2340));
    text-transform: none;
    letter-spacing: 0;
    visibility: visible;
}
.ab-mega-title.ab-alt3 h2 .ab-title-fx-right{
    font-size: calc(30 * 1px + (80 - 50) * ((100vw - 320px) / 2340));
    text-transform: none;
    letter-spacing: 0;
    visibility: visible;
}
.ab-mega-title{
    margin-bottom: 0!important;
}
.ab-pf-title{
    padding-top: 240px;
}
/* .ab-title h2::before {
    content: "";
    width: 1px;
    height: 40px;
    left: 0px;
    position: absolute;
    top: -50px;
    background: #fff;
}
.ab-title h2::after {
    content: "";
    width: 1px;
    height: 40px;
    left: 0px;
    position: absolute;
    bottom: -40px;
    background: #fff;
} */
.ab-title-fx-left{
    display: block;
    opacity: 0.5;
    visibility: visible;
}
.ab-title-fx-right{
    display: block;
}

.ab-top-line{
    width: 1px;
    height: 40px;
    left: -15px;
    position: absolute;
    top: -50px;
    background: #fff;
}
.ab-bottom-line{
    width: 1px;
    height: 40px;
    left: -15px;
    position: absolute;
    bottom: -40px;
    background: #fff;
}

.ab-pf-info{
    padding-left: 50px;
}
/*------------------------------------------------------------------
[ Заглавие ]
*/
.entry-header {
    width: 100%;
    height: 135px;
    background-size: cover;
    background-position: center;

}

.ab-breadcrumbs-wrap{
    position: absolute;
    top: 168px;
    z-index: 5;
    left: 0;
    right: 0;
    text-align: center;
}
#breadcrumbs{
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 500px;
    margin: auto;
    position: relative;
    z-index: 2;
}
#breadcrumbs a{
    color: #DDDDDD;
}
#breadcrumbs a{
    color: #DDDDDD;
}
 .breadcrumb_last{
    opacity: 0.7;
}
.ab-title-img{
    /* height: 70vh;
    position: absolute;
    z-index: -1;
    width: 100%; */
    height: 1200px;
    position: absolute;
    z-index: -1;
    width: 100%;
    /* margin-left: -20%; */
    background-size: 110% !important;
    background-position: 50% 0% !important;
    margin-top: -30px;
}

/*------------------------------------------------------------------
[ Home /  Начало ]
*/

body .slick-dotted.slick-slider{
    margin-bottom: 50px;
}

/*------------------------------------------------------------------
[ Stats Slider ]
*/
.ab-slider-bg{
    position: absolute;
    top: -300px;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}
.ab-slider-bg.ab-alt{
    top: auto;
    bottom: -400px;
    z-index: 0;
}
.ab-stats-row{
    background: rgb(10 10 10 / 100%);
    padding: 30px 0px 20px;
    position: relative;
    z-index: 3;

}
.ab-stats-slider{
    z-index: 3;
    position: relative;
}
body .ab-stats-slider.ab-alt{
    /* margin-left: -10px; */
}
.ab-stats-slider > .wpb_column{
    /* background: #171717; */
    background: rgb(10 10 10 / 55%);
    /* margin-top: 80px; */
    position: relative;
    border-radius: 20px;
}
.ab-stats-slider.ab-alt > .wpb_column{
    background: rgb(10 10 10 / 0%);
}

.ab-stats-slider> .wpb_column::before, .ab-services-row:before{
    width: 80px;
    height: 80px;
    display: inline-block;
    position: absolute;
    content: "";
    /* background: #8E55C3; */
    left: -10px;
    top: -10px;
    z-index: -11;
    border-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 10px solid #8E55C3;
    border-left: 10px solid #8E55C3;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.ab-services-row.ab-anim-right:before{
    border-top: 10px solid #55BBC3;
    border-left: 10px solid #55BBC3;
}
.ab-stats-slider.ab-alt> .wpb_column::before{
    display: none;
}
.ab-stats-slider .tdt-slider-heading{
    display: none;
}

.ab-stats-slider> .wpb_column::after{
    width: 80px;
    height: 80px;
    display: inline-block;
    position: absolute;
    content: "";
    right: -10px;
    bottom: -10px;
    z-index: -1;
    border-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 10px solid #55BBC3;
    border-bottom: 10px solid #55BBC3;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
}
.ab-stats-slider.ab-alt> .wpb_column::after{
    display: none;
}
.ab-stats-slider .vc_column_container>.vc_column-inner{
    padding: 0;
}
.ab-stats-slider .slick-list{
    padding: 25px 0;
}
.ab-stats-slider .slick-track{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
}
.ab-stats-slider .tdt-slider .slick-slide > div{
    height: 100%;
}
.ab-stats-slider .tdt-slider .slick-slide {
    height: auto;
    margin-left: -1px;
}
.ab-stats-slider .tdt-slider .slick-slide .content-section{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.ab-stats-slider.vc_row{
    margin-left: 0;
    margin-right: 0;
}
.ab-stats-slider .tdt-slider-heading{
    margin-top: 20px;
}
.ab-stats-slider .slick-dotted.slick-slider{
    margin-bottom: 0;
}
.ab-stats-slider .slick-dots{
    bottom: -50px;
}
.ab-stats-slider.ab-alt .slick-dots{
    bottom: -20px;
}
.ab-stats-slider .slick-dots li{
    /* width: 14px; */
}
.ab-stats-slider h3{
    font-size: 70px!important;
    margin-bottom: 10px;
}
.ab-stats-slider p{
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 800;
}
.ab-stats-slider.ab-alt p{
    font-size: 16px;
}
.ab-stats-slider .ab-subtitle-1{
    font-size: 18px;
    font-weight: 300;
}
.ab-stats-slider.ab-alt .ab-subtitle-1{
    font-size: 14px;
    margin-bottom: 5px;
    opacity: 0.6;
}
.ab-stats-slider.ab-alt img{
    margin: inherit;
}
.ab-stats-slider .ab-subtitle-2{
    margin-top: 10px;
    font-size: 14px;
    opacity: 0.5;
    font-weight: 300;
}
body .ab-stats-slider .slick-slider{
    margin-right: -1px;
}

.ab-stats-slider .content-section{
    border-right: 1px solid rgba(255,255,255,0.1);
    padding-top: 30px;
    padding-bottom: 30px;
}
.ab-stats-slider.ab-alt .content-section{
    padding-left: 15px;
    padding-right: 15px;
}
.ab-awards-flex{
    display: flex;
    flex-direction: row;
    padding-right: 10px;
    justify-content: center;
}
body .ab-awards-flex img{
    max-width: 80px;
    max-height: 50px;
    margin: 0 0px 0 10px;
}
.ab-awards-txt{
    line-height: 1.2;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 300;
}
body .slick-slider .slick-dots li button:before{
    color: #dedede;
    content: "";
    background: #00000099;
    background: rgb(255 255 255 / 10%);
    border: 1px solid transparent;
    width: 14px;
    height: 14px;
    left: 4px;
}
body .slick-dots li.slick-active button:before{
    color: #8E55C3;
    background: #8E55C3;
}
body .ab-stats-slider.ab-alt .slick-dots li.slick-active button:before{
    color: #fff;
    background: #fff;
}
body .slick-prev, body .slick-next, body .slick-prev:focus, body .slick-next:focus{
    border: 1px solid #8E55C3!important;
    line-height: 40px;
    width: 50px;
    height: 50px;
    color: #8E55C3!important;
}
body .slick-prev:before, body .slick-next:before{
    font-size: 24px;
    line-height: 45px;
    color: #8E55C3;
}
body .slick-prev:hover,  body .slick-next:hover{
    background:#8E55C3;
    color: #fff;
}
body .slick-prev:hover:before, body .slick-next:hover:before{
    color: #fff!important;
}


/*------------------------------------------------------------------
[ SERVICES /  УСЛУГИ ]
*/

/* .ab-services-row > .vc_column-inner > .wpb_wrapper{ */
.ab-services-row {
    /* background: rgb(10 10 10 / 100%); */
    /* background: rgb(14 14 14 / 65%); */
    background: rgb(40 40 40 / 50%);
    padding: 40px 15px 40px;
    position: relative;
    z-index: 3;
    border-radius: 20px;
    /* backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); */
max-width: calc(50% - 55px);
margin-right: 54px;
margin-left: 1px;
}
body .ab-services-row:last-child{
    margin-top: 200px;
    margin-bottom: -135px;
}
body .ab-services-row.ab-last:last-child{
    margin-bottom: 0;
}
/* body .ab-services-row{
    padding-right: 15px;
} */

.ab-services-row.ab-alt > .vc_column-inner > .wpb_wrapper{
    /* background: rgb(10 10 10 / 100%); */
    background: rgb(14 14 14 / 65%);
    /* background: rgb(10 10 10 / 95%); */
    height: 100%;
}
.ab-services-row h3{
    font-size: 30px;
}
.ab-services-ico{
    border-right: 1px solid rgba(255,255,255,0.1);
}
.ab-services-row .ab-custom-li{
    padding-left: 30px;
    margin-bottom: 0;
}


/*------------------------------------------------------------------
[ Images]
*/
.ab-border-image{
    border-radius: 20px;
    overflow: hidden;
}
.ab-bw-row  .vc_column-inner{
    -webkit-filter: grayscale(100%) brightness(40%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(40%);
}
.ab-bw-row .vc_column-inner:hover{
    -webkit-filter: grayscale(0%) brightness(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) brightness(100%);
}
.ab-quote-symb{
    font-size: 90px;
    line-height: 0;
    font-weight: 800;
    position: relative;
    top: 40px;
}
.ab-custom-bg{
    min-height: 900px;
    position: absolute;
}

.ab-work-title{
    position: absolute;
    margin-top: -70px;
    z-index: 111111;
    background: rgb(25 25 25 / 70%);
    backdrop-filter: blur(7px);
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.ab-work-title h5{
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 0;
}
.ab-pf-img{
    border-radius: 20px;

}
.ab-pf-img.ab-l-01{
    filter:  brightness(25%);
    opacity: 0.7;
}
.ab-pf-img.ab-l-02{
    filter:  brightness(44%);
    opacity: 1;
}
.ab-popup-slide{
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    /* height: 100%; */
}

/*------------------------------------------------------------------
[ Custom Li]
*/
.ab-custom-li ul, .ab-custom-li2 ul {
    list-style: none;
    padding: 0;
}
.ab-custom-li li {
    margin-bottom: 0px;
    font-size: 17px;
    padding-left: 40px;
}
.ab-custom-li li::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    /* background-color: #ED1C24; */
    background: url(../images/sbWgdLFFndZ0.svg) no-repeat;
    /* -webkit-mask-size: cover; */
    margin-left: -37px;
    margin-bottom: -7px;
}

.ab-custom-li.ab-alt li::before {
    background: url(../images/djz4t3nAwYUu.svg) no-repeat;
}
.ab-custom-li.ab-alt2 li::before {
    background: url(../images/hTI3PeLNp73w.svg) no-repeat;
}





/*------------------------------------------------------------------
[ Offers /  Оферти ]
*/
.ab-fixed-header.post-type-archive-portfolio .ab-content-wrapper{
     padding-top: 200px;
     padding-bottom: 0px;
}
.ab-no-click{
    pointer-events: none;
}

/*------------------------------------------------------------------
[ Пейджбилдър елементи ]
*/

.ab-plus-btn{
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #8f3f97;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    /* box-shadow: 0 1pt 12pt rgba(0, 0, 0, .15); */
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: scale(1);
    animation: ab-pulse-btn 3s infinite;
}

@keyframes ab-pulse-btn {
	0% {
		transform: scale(0.8);
		box-shadow: 0 0 0 0 rgba(143, 63, 151, 0.6);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(143, 63, 151, 0);
	}

	100% {
		transform: scale(0.8);
		box-shadow: 0 0 0 0 rgba(143, 63, 151, 0);
	}
}
body div.dark_square .pp_close{
    position: fixed;
    top: auto;
    bottom: 40px;
    margin-right: -20px;
    padding: 26px;
    background-color: #C69B71;
    background-position: -35px 14px!important;
}
body a.pp_next{
    margin-right: 0;
    width: 40%;
}
body a.pp_previous{
    margin-left: 40px;
    width: 40%;
}
.ab-custom-slier .tdt-slider .slick-slide a{
    margin: 15px!important;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    transform: scale(1);
}
.ab-custom-slier .slick-slide a:hover  {
    transform: scale(1.05);
}
.ab-custom-slier a img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    /* height: 200px; */
    transform: scale(1.1);
    margin-bottom: 0!important;
}

.ab-custom-slier a:hover img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
body .vc_btn3-container.ab-custom-btn a, body .vc_btn3-container.ab-custom-btn a:active, body .vc_btn3-container.ab-custom-btn div {
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    border: 1px solid #fff!important;
    width: 200px;
    height: 50px;
    padding: 16px 26px 16px 0px!important;
    line-height: 17px;
    color: #fff!important;
    transition: all ease .5s;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent!important;
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.6)!important;
    border-color: rgba(255, 255, 255, 0.6)!important;
}
body .vc_btn3-container.ab-custom-btn a:hover {
    color: rgba(255, 255, 255, 1)!important;
    border-color: rgba(255, 255, 255, 1)!important;
    background: transparent!important;
    border-color: transparent!important;
    background: #8E55C3!important;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);
}
.ab-gold-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #c69b71!important;
    background: #c69b71!important;
}
.ab-lbrown-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #b2a585!important;
    background: #b2a585!important;
}
.ab-green-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #56b52f!important;
    background: #56b52f!important;
}
.ab-dgreen-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #00682e!important;
    background: #00682e!important;
}
.ab-lgreen-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #000!important;
    border-color: #BCD89E!important;
    background: #BCD89E!important;
}
.ab-red-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #ff292a!important;
    background: #ff292a!important;
}
.ab-lblue-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #0dabfa!important;
    background: #0dabfa!important;
}
.ab-pblue-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #2c63e2!important;
    background: #2c63e2!important;
}
.ab-orange-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #f58727!important;
    background: #f58727!important;
}
.ab-yellow-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #f6be00!important;
    background: #f6be00!important;
}
.ab-blue-color .vc_btn3-container.ab-custom-btn a:hover{
    color: #fff!important;
    border-color: #6095b4!important;
    background: #6095b4!important;
}


.ab-offers-card:hover .vc_btn3-container.ab-custom-btn div, .ab-map-txt .vc_btn3-container.ab-custom-btn a:hover,
body rs-module-wrap .vc_btn3-container.ab-custom-btn a:hover{
    color: rgba(255, 255, 255, 0.7)!important;
    border-color: rgba(255, 255, 255, 0.7)!important;
    background: transparent!important;
}
body .vc_btn3-container.ab-custom-btn a:before, body .vc_btn3-container.ab-custom-btn div:before  {
    content: "";
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    width: 30px;
    height: 1px;
    right: -185px;
    top: 6px;
    float: left;
    transition: all ease .5s;
}
body .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: #fff!important;
}
/* body.ab-gold-color .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: #a47d56!important;
}
body.ab-green-color .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: #41971d!important;
}
body.ab-lgreen-color .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: #9ebd7d!important;
}
body.ab-red-color .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: #ff292a!important;
} */
body .vc_btn3-container.ab-custom-btn a:hover:before {
    right: 15px;
    border-color: transparent!important;
}
.ab-z-index-1{
    z-index: 5;
    position: relative;
}

body .wpcf7 form.invalid .wpcf7-response-output, body .wpcf7 form.unaccepted .wpcf7-response-output, body .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background: #ffb900;
    color: #fff;
    padding: 15px;
    border-radius: 0px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
}
body .wpcf7-spinner{
    position: relative;
    margin-bottom: -7px;
    margin-left: 10px;
    background-color: #8e55c3;
}
body .wpcf7 form.sent .wpcf7-response-output{
    border-color: #C69B71;
    background: #C69B71;
    color: #fff;
    padding: 15px;
    border-radius:0px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}


/*------------------------------------------------------------------
[ YouTube плеар ]
*/
.mpc-ab-yt-wrap{
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}
.youtube {
    background-color: #fff;
    /* margin-bottom: 30px; */
    position: relative;
    padding-top: 56.2%;
    overflow: hidden;
    cursor: pointer;
    border: 10px solid #fff;
}
.youtube img{
    transition: all 0.3s;
}
.youtube:hover img{
    transform: scale(1.1);
}
.ab-r-background .youtube{
    border-color: #fff;
}
.youtube img {
    width: 107%;
    top:0;
    left: 0;
}
.youtube .play-button {
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.95;
    border-radius: 50%;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 22px 0 22px 31px;
    margin-left: 5px;
    border-color: transparent transparent transparent #424242;
}
.youtube .play-button:hover{
    background-color: #424242;
}
.youtube .play-button:hover:before {
    border-color: transparent transparent transparent #fff;
}
.youtube .play-button {
    width: 100px;
    height: 100px;

    z-index: 1;
    opacity: 0.95;
}
.ab-yt-title{
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 0px 10px 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.5;
}


@keyframes ab-pulse {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  80% {
      opacity: 0;
      transform: scale(2);
  }
  100% {
      opacity: 0;
      transform: scale(3);
  }
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/*------------------------------------------------------------------
[ футер ]
*/
#wrapper-footer {
    position: relative;
    font-size: 14px;
}

#wrapper-footer-full a {
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

#wrapper-footer-full a:hover {
    opacity: 0.6;
}

#wrapper-footer-full h3 {
    margin-bottom: 20px;
    font-size: 17px;
}

#wrapper-footer-full a {
    color: #fff;
}

#wrapper-footer-full ul {
    list-style: none;
    padding-left: 0;
}

#wrapper-footer-full ul li {
    padding-left: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 5px 0 7px;
}

#wrapper-footer-full {
    padding:40px 0px 30px;
}

.site-footer {
    color: rgb(255 255 255 / 80%);
}

.site-footer a {
    color:#232323;
    opacity: 0.7;
}

.site-footer p {
    margin-bottom: 0;
}

.site-footer .ab-left {
    float: left;
    text-align: left;
    width: 50%;
    padding: 17px 0;
}

.site-footer .ab-right {
    float: right;
    width: 50%;
    text-align: right;
    padding: 17px 0;
}
#wrapper-footer-full .col-md-4{
    flex: 0 0 20%;
    max-width: 20%;
}

/*------------------------------------------------------------------
[ Блог / сайдбар ]
*/
/* .col-md-4.widget-area {
    background: #fff;
    margin-top: 0px;
    padding: 30px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
}

.widget_search input.field {
    width: 65%;
    background: #fff;
}

.widget_search input[type="submit"] {
    min-width: auto;
    width: 32%;
    margin-left: 1%;
}

#right-sidebar .widget ul {
    list-style: none;
    padding-left: 0;
}

#right-sidebar .widget {
    margin-bottom: 10px;
}

#right-sidebar .widget li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#right-sidebar .widget-title{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 22px;
}

#right-sidebar .widget li a {
    color: #232323;
    line-height: 1.1;
    width: 100%;
}
#right-sidebar .widget li:hover a{
    color: #C69B71;
}

.ab-fixed-footer-nav label {
    margin-bottom: 0;
    font-size: 12px;
}

.rpwwt-post-date {
    color: #a3a3a3;
    font-size: 12px;
}
.rpwwt-post-excerpt{
    line-height: 1.3;
}

.rpwwt-post-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    -webkit-box-orient: vertical;
}
body .rpwwt-widget ul li img{
    margin-top: 0;
}

.widget_tag_cloud .tagcloud a{
    border: 1px solid #C69B71;
    padding: 8px 15px;
    border-radius: 50px;
    color: #232323;
    font-size: 14px!important;
}
.widget_tag_cloud .tagcloud a:hover{
    border: 1px solid #C69B71;
    color: #C69B71;
} */

/*------------------------------------------------------------------
[ Блог / Пост ]
*/

/* body.blog #main, body.archive #main {
    display: inline-block;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

body.post-type-archive-products article, body.blog article, body.archive:not(.post-type-archive-accomodation) article {

    max-width: 48%;
    max-width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
}
body.category .page-header, body.archive .page-header{
    width: 100%;
    margin-bottom: 10px;
}
body.category .page-header h1, body.archive .page-header h1{
    font-size: 38px;
}
.blog .ab-main-title.entry-header, .search .ab-main-title.entry-header, .single-post .ab-main-title.entry-header, .videos-template-default .ab-main-title.entry-header{
    height: 190px;
    position: relative;
    z-index: 1;
}
.blog #index-wrapper, #archive-wrapper, .single-post  #single-wrapper, #search-wrapper{
    padding-top: 85px;
}
.single-post article .entry-footer{
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 13px;
}
.ab-main-title h1{
    font-size: 50px;
    text-transform: uppercase;
}
.entry-header h1, .search-results article .entry-title{
    padding-top: 35px;
    padding-top: 0;

}
.ab-main-title h1{
    position: relative;
    z-index: 2;
}
.ab-main-title h1 span{
    font-weight: 500;
}
.ab-main-title .container {
    padding-top: 50px;
}

img.wp-post-image, .ab-archive-postimg a{
    width:100%;
    height: auto;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;

}
.ab-archive-postimg a{
    overflow: hidden;
    border-radius: 0px;
    display: inline-block;
    width: 100%;]
}
.ab-archive-postimg a:hover{
    transform: scale(1.06);
}
.ab-archive-postimg, .single-post article .attachment-large.wp-post-image {
    margin-bottom: 10px;
}
.ab-archive-postimg a img.wp-post-image{
    transform: scale(1.06);
}
.ab-archive-postimg a:hover img.wp-post-image{
    transform: scale(1.03);
}
.understrap-read-more-link{
    margin-left: 0;
    margin-bottom: 0;
}
.wpb_animate_when_almost_visible{
    opacity: 0;
}
.blog article:last-child, .search-results article:last-child{
    margin-bottom: 0;
}
.blog article .entry-title, .single article .entry-title , .search-results article .entry-title{
    padding-top: 0;
}
.blog article .entry-title, .search-results article .entry-title, .archive article .entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.updated,.byline{
    display: none;
}

article .entry-title a{
    transition: color 0.3s;
}
article .entry-header, .search-results article .entry-header {
    height: auto;
    margin-top: 0px;
}
.single  article .entry-header{
    height: auto;
    margin-top: 30px;
}

article .entry-meta{
padding-bottom: 5px;
}
.single article .entry-meta{
    margin-bottom: 0px;
}
.nav-previous{
    overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-width: 50%;
      padding-right: 15px;
}
.nav-next{
    overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-width: 50%;
      text-align: right;
      padding-left: 15px;
      margin-left: auto;

}
.posted-on .updated, #archive-wrapper .page-title, .search .page-title{

}
article .entry-title a, article h1.entry-title{
    color: #232323;
    font-size: 22px;

}
.single-post article h1.entry-title{
    font-size: 40px;
    line-height: 1.3;
}

.mega-post-date, .entry-meta{
    font-size: 12px;
    letter-spacing: 1px;
    color: #B1B1B1;
}
.ab-cat-tag{
    position: absolute;
    z-index: 3;
    background: #C69B71;
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 2px 8px;
    border-radius: 50px;
}
.ab-cat-tag a{
    color: #fff;
}
.ab-cat-tag:hover{
    background: #C69B71;
}
.ab-news-btn{
    font-size: 15px;
    font-weight: 500;
    color: #C69B71;
    text-transform: uppercase;
}
.ab-news-btn:hover{
    color: #C69B71;
    opacity: 0.7;
}
.ab-news-slider .ab-deals-cards {
    margin-left: -15px;
    margin-right: -15px;
}
.ab-deals-cards .ab-news-wrapper a:hover .ab-news-btn, .ab-deals-cards .ab-news-wrapper a:hover h3{
    color: #C69B71;
}
.ab-deals-cards .ab-news-wrapper a:hover .ab-news-btn{
    opacity: 0.7;
}
article .entry-title:hover a{
    text-decoration: none;
    color: #C69B71;
}

#right-sidebar .widget_categories li, #right-sidebar .widget_product_categories li{
    display: flex;
    justify-content: space-between;
}
#right-sidebar .widget_categories .cat-item span, #right-sidebar .widget_product_categories .cat-item span.count{
    border: 1px solid #C69B71;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 12px;
    width: 30px;
    text-align: center;
}
#right-sidebar .widget_categories .cat-item.current-cat span, #right-sidebar .widget_product_categories .cat-item.current-cat span.count{
    background: #C69B71;
    border-color: #C69B71;
    color: #fff;
}
#right-sidebar .widget_categories li:hover span, #right-sidebar .widget_product_categories li:hover span.count{
    border-color:#C69B71;
    color: #C69B71;
}
nav.post-navigation{
    margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DDDDDD;
        padding-left: 30px;
    padding-right: 30px;
}

nav .nav-links{
    justify-content: space-between;
}
nav .nav-links a{
    color: #232323;
}
nav .nav-links a:hover{
    color: #C69B71;
}
.single-post .slick-list{
    padding-left: 0;
    padding-right: 0;
}

body .ab-section-004 .vc_column-inner{
    padding-left: 0;
    padding-right: 0;
} */

/*------------------------------------------------------------------
[ Странициране / сайдбар ]
*/
nav{
    margin: auto;
}
.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0px 0 250px;
    padding: 0;
}

nav ul.pagination {
    margin-top: 100px;
}

nav ul.pagination li {
    display: inline-block;
    overflow: hidden;
    margin: 2px;
}

nav ul.pagination li span, nav ul.pagination li a {
    text-decoration: none;
    display: block;
    min-width: 75px;
    min-height: 40px;
    line-height: 40px;
    color: #ffffff8c;
    border-radius: 67px;
    padding-top: 1px;
    font-weight: 900;
    border: 1px solid #fff3;

}
nav ul.pagination li.active span {
        background: #8E55C3;
        border-color: #8E55C3;
        color: #fff;
}
nav ul.pagination li.active:hover span {
        color: #fff;
}
nav ul.pagination li:hover span ,nav ul.pagination li:hover a {
        /* border-color: #8E55C3;
        color: #8E55C3; */

        background: #8E55C3;
    border-color: #8E55C3;
    color: #fff;
}

.ab-cat-links{
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 10px;
    /* padding-left: 15px; */
    display: inline-block;
    width: 100%;
}
.ab-cat-wrap a{
    font-size: 14px;
    color: #fff;
    padding-right: 10px;
    margin-left: 10px;
    border-right: 1px solid rgba(255,255,255,0.2);
    display: inline-block;
}
.ab-cat-wrap a:last-child{
    border: none;
}
.ab-cat-wrap a.ab-is-active{
    color: #8E55C3;
    font-weight: bold;
}
.ab-cat-cat{
    font-size: 16px;
    opacity: 0.5;
}
.ab-cat-wrap a:hover{
    opacity: 0.8;
    /* color: #482965; */
}
.ab-cat-wrap a strong{
    color: #8E55C3;
    color: rgba(255, 255, 255, 0.5);
    font-weight: normal;
}
.ab-cat-wrap a.ab-is-active strong{
    color: #8E55C3;
    font-weight: bold;
}
.ab-cat-wrap a span{
    display: inline-block;
    width: 16px;
    height: 12px;
    content: "";
    background: url(../images/cPxS7miRGnun.svg);
    background-size: cover;


}

/*------------------------------------------------------------------
[ 404 ]
*/

.error-404.not-found{
text-align: center;
max-width: 700px;
margin: 80px auto 100px;
}
.error-404.not-found .page-header{
    margin-bottom: 30px;
}
.error-404.not-found input, .error-404.not-found select{
    max-width: 280px;
}

/*------------------------------------------------------------------
[ Няма резултати ]
*/
#search-wrapper input{
    max-width: 280px;
}

/*------------------------------------------------------------------
[ Фиксове ]
*/
body .wpb_animate_when_almost_visible.vc_row[data-vc-full-width] {
    opacity: 0;
}



/*------------------------------------------------------------------
[ Modal ]
*/
#winModal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	transition: opacity 0.4s;
	visibility: hidden;
	opacity: 0;

}
#winModal:target {
	visibility: visible;
	opacity: 1;
}

.win-modal-content {
    background: #fff;
    position: absolute;
    top: 50%;
    width: calc( 100vw - 72px);
    max-width: 750px;
    min-height: calc( 70vh - 240px);
    max-height: calc( 100vh - 240px);
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    overflow-y: scroll;
    border-radius: 1px;
    overflow-wrap: break-word;
    border-bottom: 10px solid rgb(255 255 255 / 30%);
}
.win-modal-content.show{
    display: block;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 15%);
}
.close {
	position: absolute;
	top: 10px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
    z-index: 5;
}
.win-modal-content .close:hover {
	opacity: 0.7;
    color: #f7be68;
}
#winModal.show {
	visibility: visible !important;
	opacity: 100 !important;
    z-index: 9999;
    background: rgb(27 29 32 / 89%);
}
div.pp_overlay{
    background: rgb(27 29 32 / 100%)!important;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px)!important;
}
.ab-modal-close{
    position: fixed;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


.ab-popup-inner-content{
    padding: 50px 35px 30px;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: -30px;
    background: #fff;
    z-index: 3;
    position: relative;
}

.ab-popup-content .win-modal-content{
    margin-top: 140px;
}
.ab-popup-text{
    padding: 0 60px 30px;
}


/*------------------------------------------------------------------
[ Responsive ]
*/
@media only screen and (max-width: 2056px) {

}
@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
    .ab-fixed-header.ab-top-header .ab-content-wrapper{
        padding-top: 130px;
    }


    /*------------------------------------------------------------------
    [ Home /  Начало ]
    */

    /* body.post-type-archive-products article, body.blog article, body.archive:not(.post-type-archive-accomodation) article{
        max-width: 48%;
        width: 100%;
    } */

    .single .content-area, .single .widget-area{
        width: 100%;
        min-width: 100%;
    }
    .ab-pf-title{
        padding-top: 160px;
    }
    .ab-title-img{
        /* background-size: 180%;
        background-position: -40%; */
        width: 100%;
        margin-left: 0;
        background-size: 180% !important;
        background-position: 40% 0% !important;
        margin-top: -60px;
        /* width: 180%; */
        /* margin-left: -40%; */
    }
    .ab-pf-img{
        border-radius: 10px;

    }

}

@media only screen and (min-width: 768px) {
    .ab-hide-desktop{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .ab-pf-info{
        padding-left: 15px;
        margin-bottom: 0!important;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 18px;
        line-height: 1.6;
    }
    h2, .h2{
        font-size: 2.2rem;
        font-size: 28px;
    }
    article h1.entry-title{
        font-size: 25px;
        line-height: 1.2
    }
    .entry-header{
        height: auto;
        padding-bottom: 15px;
    }
    .site-footer .ab-left,.site-footer .ab-right {
        text-align: center;
        float: none;
        width: 100%;
        padding: 8px 0;
    }
    .site-footer .ab-left{
        padding-bottom: 0;
    }

    .blog .entry-header.ab-main-title h1, .single .entry-header.ab-main-title h1, .ab-main-title h1{
        padding-top: 0px;
        font-size: 28px;
    }
    .ab-main-title .container{
        padding-top: 30px;
    }
    .blog #index-wrapper, .single-post #single-wrapper, #search-wrapper , #archive-wrapper{
        padding-top: 50px;
    }
    .blog .ab-main-title.entry-header, .search .ab-main-title.entry-header, .single-post .ab-main-title.entry-header {
        height: auto;
        padding-bottom: 70px;
    }
    /*------------------------------------------------------------------
    [ Home /  Начало ]
    */
    h3, .h3{
        font-size: 45px;
    }
    .ab-mobile-center{
        text-align: center;
    }

     .blog .content-area, .single .content-area, .archive .content-area{ */
        padding: 20px 15px 30px 15px;
    }
    body.category .page-header h1, body.archive .page-header h1{
        font-size: 24px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .win-modal-content {
        min-height: 100%;
        margin-top: 0px;
        max-height: 100%;
        width: 100%;
        padding:0px;
        border-radius: 0;
    }
    .ab-popup-text{
        padding: 15px;
    }
    #winModal.show{
        backdrop-filter:none;
    }

    .ab-popup-inner-content {
        padding: 35px 15px 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #wrapper-footer-full{
        text-align: center;
    }

    .ab-add-color .box-a, .ab-add-color .box-b , .ab-add-color .box-c , .ab-add-color h3, .ab-add-color h4 {
        -webkit-filter: grayscale(0%) brightness(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%) brightness(100%);
    }
    .ab-right-pf .box-a, .box-a{
        margin-left: 0;
        margin-right: 0;
    }
    .box-a img{
        margin: 0;
    }
    .box-b{
        margin-right: 40px;
    }
    .ab-right-pf .box-b{
        margin-left: 40px;
    }
    .box-c img{
        opacity: 1;
    }

    .ab-services-row {
        /* background: rgb(10 10 10 / 100%); */
        /* background: rgb(14 14 14 / 65%); */
        /* background: rgb(0 0 0 / 50%); */
        padding: 40px 15px 40px;
        border-radius: 20px;
        /* backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    max-width: calc(100% - 30px);
    /* margin-right: 1px; */
    margin-left: 15px;
    }
    body .ab-services-row:last-child{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .ab-services-ico{
        border-right:none;
        margin-bottom: 25px;
    }
    .custom-logo-link img{
        padding-top: 0;
        margin-top: -5px;
    }
    .input.ab-50-prc, .ab-100-prc {
        max-width: 90%;
        float: left;
        margin-right: 5%;
        margin-left: 5%;
    }
    .ab-section-padding-50{
        padding-bottom: 50px;
    }
    .ab-mobile-c{
        display: block !important;
        font-size: 15px;
        margin-bottom: 0;
    }
    /* .ab-cat-links{
        width: 100%;
    } */



    /* body .vc_row[data-vc-full-width]{

        overflow-y: hidden;
    } */

}

@media only screen and (max-width: 576px) {

    .ab-main-info-wrap:not(.ab-alt){
            flex-direction: column;
    }
    .ab-info-box > div{
        min-width: 42px;
        text-align: center;
    }
    .ab-info-box > div img{
        max-height: 24px;
    }

    .ab-main-info-wrap:not(.ab-alt) > div{
        border-right:none;
        padding-left: 0;
    }

    /* .blog article, .single article, .search-results article, .archive article{
        padding: 15px;
    } */
    body .ab-stats-row{
        margin-left: 0;
        margin-right: 0;
    }

    .ab-pf-title{
        padding-top: 140px;
    }
    .ab-title-img{
        /* width: 220%;
        margin-left: -60%; */
        background-size: 220% !important;
        background-position: 50% 0% !important;
        height: 60vh;


    }
    .ab-stats-slider .content-section{
        border-right: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .ab-title-img{
        margin-top: -50px;
    }
    .ab-fx-wrap:hover .box-a img{
    transform: none;
    box-shadow: none;
        -webkit-box-shadow:none;
    }
    .ab-added-div{
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    canvas{
        display: none!important;
    }
    .ab-title-fx-right{
        margin-bottom: 10px;
    }
    .ab-slider-bg.ab-alt{
            bottom: -120px;
    }

}

@media only screen and (max-width: 480px) {
    .navbar{
        /* display: none; */
    }
    /* .blog .content-area, .single .content-area, .archive .content-area, article{
       overflow: hidden;
   }
   .ab-pf-header-img {
       overflow: hidden;
       max-width: 100%;
       display: inline-block;
       width: 100%;
   }
   .ab-title-img {
       position: absolute;
       overflow: hidden;
   } */
   .ab-fixed-header .ab-content-wrapper,#smooth-wrapper{
       max-width: 100%!important;
   }
    .blog .ab-main-title.entry-header, .search .ab-main-title.entry-header, .single-post .ab-main-title.entry-header{
        padding-bottom: 25px;
    }
    .single-post .ab-main-title.entry-header, .blog .ab-main-title.entry-header{
        padding-bottom: 0;
        padding-top: 30px;
    }
    .single-post .ab-bookimg-wrap, .blog .ab-bookimg-wrap{
        display: none;
    }
    .single-post .entry-header.ab-main-title, .blog .entry-header.ab-main-title{
        min-height: 250px;
    }
    .blog #index-wrapper, .single-post #single-wrapper, #search-wrapper, #archive-wrapper {
        padding-top: 10px;
    }
    .ab-fixed-header.ab-top-header .ab-content-wrapper{
        padding-top: 130px;
    }

    .header_top .container{
        padding: 0;
    }

    #main .entry-header h1, .search-results article .entry-title {
        font-size: 1.4rem;
    }
    .wpcf7 form .wpcf7-response-output{
        margin: 0;
    }

    /*------------------------------------------------------------------
    [ LOV ]
    */
    nav .nav-links{
        padding-bottom: 30px;
    }
    body.post-type-archive-products article, body.blog article, body.archive article{
        max-width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .blog .content-area, /* .single .content-area,*/.archive .content-area{
        padding: 0;
    }
    body.category .page-header, body.archive .page-header{
        margin-bottom: 0;
    }
    body .ab-stats-slider h3 span{
        font-size: 32px!important;
    }

    .ab-stats-row.ab-alt .tdt-slider h3{
        font-size: 34px!important;
    }
    .ab-custom-slier .tdt-slider .slick-slide a{
        margin: 8px!important;
    }
    .ab-pf-img{
        border-radius: 6px;

    }
}
@media only screen and (max-width: 370px) {
    .ab-nav-soc a:nth-child(2){
        display: none;
    }
}

.otgs-development-site-front-end{
    display: none;
}





:root {

	--perspective: 1500px;
	--grid-item-ratio: 1.5;
	--grid-width: 100%;
	--grid-height: auto;
	--grid-gap: 2vw;
	--grid-columns: 4;
	--grid-inner-scale: 1;
}

.grid {
	display: grid;
	place-items: center;
	padding: 2rem;
	width: 100%;
	perspective: var(--perspective);
}

.grid-wrap {
	height: var(--grid-height);
	width: var(--grid-width);
	display: grid;
	grid-template-columns: repeat(var(--grid-columns),1fr);
	gap: var(--grid-gap);
	transform-style: preserve-3d;
}

.grid__item {
	aspect-ratio: var(--grid-item-ratio);
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	display: grid;
	place-items: center;
    /* backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    transform: translate3d(0, 0, 0);
background:#1e1e1eb8;
background: rgb(21 21 21 / 80%);

border: 1px solid #ffffff08;
background: rgb(17 17 17 / 100%);
}

}
.ab-add-blur .grid__item{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.grid__item-inner {
	position: relative;
	width: calc(1 / var(--grid-inner-scale) * 100%);
	height: calc(1 / var(--grid-inner-scale) * 100%);
	background-size: cover;
	background-position: 50% 50%;
}

    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .grid__item, .ab-services-row{
        backdrop-filter:none;
-webkit-backdrop-filter: none;
    }


}