/* screens
@media (max-width: 700px)
@media (min-width: 769px)
@media (min-width: 701px)
@media (min-width: 1024px)
@media (min-width: 1171px)
@media screen and (max-width: 1170px) and (min-width: 1026px)
@media screen and (max-width: 1025px) and (min-width: 881px)
@media screen and (max-width: 880px) and (min-width: 701px)
@media screen and (max-width: 700px) and (min-width: 481px)
@media (max-width: 480px)
@media (max-width: 768px) { SMALL SCREEN BURGER MENU 
@media (min-width: 701px) { BIG SCREEN 
@media (max-width: 700px) { SMALL SCREEN
@media (max-width: 660px)
@media (min-width: 661px)
@media screen and (max-width: 1025px) and (min-width: 982px)
*/


/* Hide Page Title*/
.page-header, .page article .entry-header {
    display: none;
}
/* Title Color */
.mark {
    color: #ed7b00;
    white-space: nowrap;
}

body, button, input, select, textarea {
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140%;
	color: #605757;
}

@media (max-width: 700px) {
.container {
    padding: 0 0;
}
.site-content {
	padding: 0 8%;
}
}
/* Рамка с тенью - Разметка включения меню Бургер*/
@media (min-width: 769px) { 
  .site-main {
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.06);
  /*  border:1px solid #E6E6E6; */
  border: 1px solid #efefef;
/*  padding: 30px 60px 30px 60px;*/
	padding: 25px 4% 25px 4%;
  margin: 8px;
}
#colophon.footer-active-sidebar {
    border-top: 0px solid #ebebeb !important;
	margin-top: 10px !important;
}

}
.container {
    width: unset !important;
	/*max-width: 1190px;*/
	max-width: 1390px;
}


/*Head*/

.vs-header-row {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        -ms-justify-content: space-between;
        justify-content: space-evenly;
        align-content: center;
        align-items: stretch;
		align-items: center;
}
.vs-header-sell-1 {
align-self: auto;
        width: 28%;
}
.vs-header-sell-1-mobile {
align-self: auto;
        display: none;
}
.vs-header-sell-2 {
align-self: auto;
        width: 17%;
}
.vs-header-sell-3 {
align-self: auto;
        width: 17%;
}
.vs-header-sell-4 {
align-self: auto;
        width: 19%;
}
.vs-header-sell-5 {
align-self: auto;
        width: 19%;
}
.vs-header-sell-6 {
align-self: auto;
display: none; 
}
h5.sow-headline:hover, h6.sow-sub-headline:hover, .vs-header-sell-4:hover, .vs-header-sell-4 a:hover  {
	color: #ed7b00 !important;
}
.iw-so-button-base { /*Узнать стоимость & Написать сообщение */
    text-transform: uppercase !important;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
	text-align: center;
}
h5.sow-headline { /* Toll Free & Local call */
    font-size: 22px !important;
}
h6.sow-sub-headline { /* 1 (888) 415-9940 & 1 (905) 637-2875 */
    text-align: center;
    line-height: 1.4em;
	font-size: 16px !important;
}
.sow-headline-container .decoration {
    line-height: 0em;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 8px;
}
.sow-headline-container .decoration .decoration-inside {
    height: 1px;
    display: inline-block;
    border-top: 1px solid #eeeeee;
    width: 100%;
    max-width: 80%;
}
.sow-headline-container .decoration {
    line-height: 0em;
    text-align: center;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 30
}
.material-symbols-outlined {
    display: block !important;
    padding-bottom: 5px;
	text-align: center;
}
/* Иконки в блоках */
.icon-big {
    font-size: 100px !important;
    text-align: center;
    line-height: 1;
    padding-bottom: 0px;
    font-variation-settings: 'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 30;
    color: #2f545b;
}


.logo-vs {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/* Menu */


.sticky-bar-sentinel {
    height: 0px !important;
}
.sticky-menu.sticky-bar-out #masthead .sticky-bar {
        border-bottom-width: 0px !important;
        border-bottom-color: #ed7b00 !important;
        border-radius: 0px !important;
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.12) !important;
        -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.12) !important;
	/*	box-shadow: 0px 5px 10px rgba(237 123 0 / 25%) !important;
		-webkit-box-shadow: 0px 5px 10px rgb(237 123 0 / 25%) !important;*/
		animation: stickyMh .6s ease-in;
}


#masthead .main-navigation-bar {
    border-top: 0px solid #ebebeb !important;
}
#masthead {
    border-bottom: 0px solid #ebebeb !important;
    margin-bottom: 10px !important;
}
#masthead #masthead-widgets {
    margin: 10px auto 0px auto !important;
}

#colophon .widget a:hover, #masthead-widgets .widget a:hover, #secondary .widget a:hover {
    color: #ed7b00 !important;
}
#colophon .widget a, #masthead-widgets .widget a, #secondary .widget a {
    color: #2f545b;
}
/* Menu - Button*/


.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    color: #ed7b00;
	background: #fdfdfd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-weight: bold !important;
	text-transform: none !important;
	letter-spacing: 0.1px;
}
.main-navigation>div li a {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ffffff;

    margin: 0 auto;
    position: relative;
    display: block;
    height: 36px;
    cursor: pointer;
    text-decoration: none;
    color: #2f545b;
    line-height: 35px;
    text-align: center;
}
[aria-current]:not([aria-current="false"]) {
  font-weight: bold;
	color: #ed7b00 !important;
	background: #fdfdfd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding: 0 16px;
    margin: 0 auto;
    color: #ed7b00;
}

/* Titles */
.title-plus {
    color: #ed7b00;
    font-weight: 300;
    font-size: 17px;
    margin: 0px 0px 0px 0px;
   display: none;
}
.h1-homepage {
    color: #2f555c;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
	margin: 0;	
}
 h1 {
    color: #2f555c;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
	margin: 0;
	
}
	
  h2 {
	color: #484848;
    font-style: normal !important;
    font-weight: 700 !important;
    padding-bottom: 15px !important;
    text-transform: none !important;
    line-height: 1.2 !important;
	margin: 0;
	letter-spacing: -1px;
  }
  h3 {
	  color: #484848;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
	  margin: 0;
  }
  h4 {
	color: #484848;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    padding-bottom: 20px !important;
    text-transform: none !important;
	margin: 0;
  }
  h5 {
	  color: #2f545b;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
	  margin: 0;
  }
h6 {
  color: #3d3d3d;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
	margin: 0;
}	

.vs-title-box {
    position: relative;
    line-height: inherit;
   /* color: #d0d9da40;*/
	/*color: #f3f8f9;*/
	color: #d7e3e6;
    font-weight: 900;
	word-wrap: normal;
}
h6.vs-h6-title-box {
    color: #2f545b;
	letter-spacing: normal; 
	font-weight: 300 !important;
	background-color: #ffffff5c;
	text-shadow: 0px 0px 1px #00000075;	
}
a.vs-text-link {
    color: #000 !important;
    background-color: #ffd370 !important;
    border-radius: 7px !important;
    border-bottom: 1px solid #dedede !important;
    white-space: nowrap !important;
    font-weight: 600;
    letter-spacing: -0.2px !important;
}
a.vs-text-link:hover {
    /*color: #ed7b00  !important;*/
	color: #fff  !important;
	/*background-color: #fdfdfd  !important;*/
	background-color: #ed7b00  !important;
	border-bottom: 1px solid #ededed !important;
    border-right: 0px solid #ededed !important;
    border-top: 0px solid #ededed !important;
    border-left: 0px solid #ededed !important;
    box-shadow: 0px 7px 15px #ededed !important;
}
.title-plus-market {
    display: none;
}
.title-plus-dev {
    display: none;
}

/* Blocs */
.vs-home-blocks-title {
	padding-top: 0px;
}
.vs-blocks-top {
    margin: 65px -10px 60px -10px;
    /* text-align: center; */
    border-radius: 30px 30px 0px 0px;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 4%;
    padding-right: 4%;
   /* box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.05), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.05);*/
	/* box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.03), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.03);*/
	box-shadow: 0px -20px 20px -20px rgba(0, 0, 0, 0.07), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.03);
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-top-style: solid;
    border-top-width: 1px;
   /* border-top-color: #EB7900;*/
	border-top-color: #ededed;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
	/*align-items: flex-start !important;*/
    align-items: center !important;
	gap: 5%;
}
.vs-blocks-bottom {
    margin: 40px -10px 35px -10px;
    /* text-align: center; */
    border-radius: 0px 0px 30px 30px;
    padding-top: 55px;
    padding-bottom: 40px;
    padding-left: 4%;
    padding-right: 4%;
   /* box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05), inset 0px 10px 10px -10px rgba(0, 0, 0, 0.05); */
	/*box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03), inset 0px 10px 10px -10px rgba(0, 0, 0, 0.03);*/
	box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.07), inset 0px 10px 10px -10px rgba(0, 0, 0, 0.03);
    background-color: #ffffff5c;
   /* text-shadow: 0px 0px 1px #00000075; */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /* border-bottom-color: #EB7900; */
	border-bottom-color: #ededed;
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #ededed;
	align-items: flex-start !important;
}
.under-title-0 {
    padding-bottom: 15px;
    font-size: 21px;
    font-weight: 700;
    color: #ed7b00;
}
.under-title-1 {
    font-size: 23px;
    font-weight: 200;
    line-height: 31px;
    display: inline-block;
    /* width: 100%; */
    /* border-top: 1px solid #eeeeee; */
    color: #2f545b;
}
.under-title-2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    width: 88%;
    display: inline-block;
    border-top: 1px solid #ededed;
    padding: 15px 0px 0px 0px;
    margin: 16px 0px;
    color: #484848;
    /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) !important; */
}
.under-title-3 {
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    font-weight: 200;
    /* line-height: 19px; */
    width: 88%;
    display: inline-block;
}
.footer-title-1 {
    font-size: 30px;
    font-weight: 200;
    line-height: 39px;
    display: inline-block;
    letter-spacing: -0.3px;
    color: #484848;
    text-shadow: 2px 2px 5px #2f545b3d;
}
.footer-title-2 {
	    font-size: 20px;
    font-weight: 700;
    /* line-height: 19px; */
    display: inline-block;
    border-top: 1px solid #ededed;
    padding: 15px 0px 0px 0px;
    margin: 16px 0px;
    color: #605757;
    /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) !important; */
background-color: #ed7b00;
    padding: 5px 11px;
    border-radius: 7px 7px 7px 7px;
    color: #fff;
  /*  white-space: nowrap; */
}

/* Постоянные друзья / клиенты */
.vs-clients-slide-title {
    /* padding-left: 3.7%; */
    /* padding-right: 3.7%; */
    /* margin: 10px 0px 0px 0px; */
    /* padding-bottom: 0px !important; */
    font-size: 34px;
    line-height: 44px;
    font-weight: 200 !important;
    color: #484848;
    padding: 30px 26% 31px 5%;
    margin: 5px 0 10px !important;
   /* border-left: 0.2em solid;*/
    border-color: #006875 !important;
	border-radius: 15px 15px 15px 15px;
    /* border-radius: 5px 10px 10px 5px; */
    box-shadow: 5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #ecf6f8;
    letter-spacing: -0.2px;
    text-shadow: 2px 2px 5px #2f545b3d;
}
.vs-clients-slider {
    /* display: block; */
    position: relative;
}
.vs-develop-clients-slide-year {
    position: absolute;
    top: -5px;
    left: -6px;
    z-index: 100;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    background: #ed7b00;
    padding: 4px 17px;
    /* border: 1px solid #d9d9d9 !important; */
    border-radius: 5px 0px 5px 0px;
    box-shadow: 2px 3px 5px #6261616e !important;
}
.vs-develop-clients-slide-city {
    position: absolute;
    top: 32px;
    left: -6px;
    z-index: 100;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    background: #006875;
    padding: 7px 17px;
    /* border: 1px solid #d9d9d9 !important; */
    border-radius: 0px 5px 5px 0px;
    box-shadow: 2px 3px 5px #6261616e !important;
}
p.sow-carousel-item-title {
    font-weight: 800;
    font-size: 19px;
    color: #484848;
    letter-spacing: -1px;
}
.vs-develop-clients-slide {
    margin: 20px 8px 0px 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}
.so-widget-sow-anything-carousel .sow-carousel-container {
    margin-left: -1.2% !important;
	margin-right: -1.2% !important;
}
.slick-slide img {
    border: 1px solid #d9d9d9 !important;
    border-radius: 14px;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.10) !important;
    background-color: #d9d9d9;
}
.vs-develop-clients-slide-services-all-tags {
    margin: 20px 7px -7px 7px;
}
.vs-develop-clients-slide-services-scope {
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    color: #ed7b00;
    /* padding: 7px 7px; */
    margin: 0px 5px 0px 3px;
    border-radius: 4px 4px 4px 4px;
    line-height: 10px;
    letter-spacing: -0.9px;
}
.vs-develop-clients-slide-services-tags {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    background: #ecf6f8;
    color: #2f545b;
    padding: 7px 7px;
    margin: 2px 1px 3px 0px;
    border-radius: 4px 4px 4px 4px;
    line-height: 10px;
    letter-spacing: -0.5px;
}

.vs-serves-category {
    font-size: 123px;
    margin-top: 80px;
    margin-bottom: 1px;
    margin-left: 3%;
    /* text-align: center; */
    letter-spacing: -7px;
    /* position: relative; */
    /* line-height: inherit; */
    color: #d7e3e6;
    font-weight: 900;
    word-wrap: normal;
    /* position: absolute; */
    /* z-index: -1; */
    line-height: 75px;
    /* background-color: #ffffff5c; */
    /* text-shadow: 7px 6px 1px #00000010; */
}
.vs-serves-category-sm {
    font-size: 89px;
    margin-top: 16px;
    margin-bottom: 1px;
    margin-left: 0%;
    /* text-align: center; */
    letter-spacing: -5px;
    /* position: relative; */
    /* line-height: inherit; */
    color: #d7e3e6;
    font-weight: 900;
    word-wrap: normal;
    /* position: absolute; */
    /* z-index: -1; */
    line-height: 60px;
    /* background-color: #ffffff5c; */
    /* text-shadow: 7px 6px 1px #00000010; */
}

        /* ==========================================================================
           Стили для блока услуг (vs-marketing-services)
           Адаптировано под корпоративный стиль (белый фон, оранжевые акценты)
           ========================================================================== */
        
        :root {
            --vs-marketing-primary: #ef7b00;       /* Фирменный оранжевый цвет акцентов */
            --vs-marketing-primary-light: #fff3e8; /* Очень светлый оранжевый фон для иконок */
            --vs-marketing-text-main: #2f545b;     /* Темно-зеленый цвет заголовков */
            --vs-marketing-text-muted: #666666;    /* Классический серый для текста списка */
            --vs-marketing-bg: #ffffff;            /* Чистый белый общий фон */
            --vs-marketing-card-bg: #ffffff;       /* Белый фон карточки */
            --vs-marketing-border: #eaeaea;        /* Очень легкий серый цвет границ */
            --vs-marketing-checkmark: #ef7b00;     /* Цвет галочек */
        }

        .vs-marketing-services-section {
           /* font-family: "Open Sans", sans-serif;*/
           /* background-color: var(--vs-marketing-bg);*/
            padding: 1rem 0% 3rem 0%;
			border-right: 0px dashed #ebf5ff;
			border-bottom: 0px dashed #ebf5ff;
			border-top: 0px dashed #ebf5ff;
			border-left: 0px dashed #ebf5ff;
        }
		

        .vs-marketing-section-header {
            text-align: center;
            margin-bottom: 4rem;
        }

        .vs-marketing-section-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--vs-marketing-text-main);
            margin: 0 0 1rem 0;
            letter-spacing: -0.01em;
        }

        /* Выделение части заголовка оранжевым цветом, как на макете */
        .vs-marketing-section-title span {
            color: var(--vs-marketing-primary);
        }

        /* * CSS GRID: Умная адаптивная сетка */
        .vs-marketing-services-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
        }

        @media (min-width: 701px) {
            .vs-marketing-services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .vs-marketing-services-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* Стили самой карточки */
        .vs-marketing-service-card {
            background: var(--vs-marketing-card-bg);
            border: 1px solid var(--vs-marketing-border);
            border-radius: 15px; /* Чуть менее скругленные углы для строгости */
            padding: 2.5rem 2.6rem;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); /* Очень мягкая тень */
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;
        }

        /* Оранжевая полоска сверху при наведении */
        .vs-marketing-service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--vs-marketing-primary);
            transform: scaleX(0);
            transition: transform 0.3s ease;
            transform-origin: left;
        }

        .vs-marketing-service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); /* Тень становится глубже */
            border-color: transparent;
        }

        .vs-marketing-service-card:hover::before {
            transform: scaleX(1);
        }

        /* Шапка карточки (Иконка + Заголовок) */
        .vs-marketing-card-header {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 1.5rem;
        }

        /* Иконка в карточке */
.vs-marketing-icon-wrapper {
    width: 70px;
    height: 70px;
    background-color: var(--vs-marketing-primary-light);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vs-marketing-primary);
    flex-shrink: 0;
}

        /* Настройки для шрифтовых иконок Google */
.vs-marketing-icon-wrapper .material-symbols-outlined {
    font-size: 75px !important;
    padding-bottom: 0px !important;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.03);
    border-radius: 50px;
}

        /* Заголовок карточки */
        h3.vs-marketing-service-title {
            font-size: 1.40rem !important;
            font-weight: 700 !important;
            color: var(--vs-marketing-text-main) !important;
            margin: 0 !important;
            line-height: 1.3 !important;
			text-transform: none !important;
			padding-bottom: 0px !important;
			padding-top: 0px !important;
			letter-spacing: normal !important;
        }

        /* Список услуг внутри карточки */
        .vs-marketing-service-list {
            list-style: none;
            padding: 0;
            margin: 0;
            flex-grow: 1;
        }

        .vs-marketing-service-list li {
            position: relative;
            padding-left: 27px;
        /*    margin-bottom: 0.75rem; */
			margin-bottom: 0.4rem;
            color: var(--vs-marketing-text-muted);
            font-size: 1.10rem;
            line-height: 1.25;
        }

        .vs-marketing-service-list li:last-child {
            margin-bottom: 0;
        }

        /* Галочка для пунктов списка */
        .vs-marketing-service-list li::before {
            content: '+';
            position: absolute;
            left: 0;
            top: 0;
            color: var(--vs-marketing-checkmark);
            font-weight: 300;
            font-size: 1.0rem;
        }


/* ==========================================================================
           Button styles (prefix vs-marketing-btn)
           ========================================================================== */

        /* * Base styles for all buttons
         */
        .vs-marketing-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px; /* Space between text and icon */
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            padding: 12px 32px 9px 32px;
			margin-top: 15px;
			border-radius: 25px;
            border: 2px solid transparent;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth animation for all properties */
            outline: none;
        }

        /* Icon (arrow) animation inside the button */
        .vs-marketing-btn svg {
            width: 20px;
            height: 20px;
            transition: transform 0.3s ease;
        }

        /* On hover, the arrow moves slightly to the right */
        .vs-marketing-btn:hover svg {
            transform: translateX(4px);
        }

        /* ==========================================================================
           Variant 1: Primary filled button
           ========================================================================== */
        .vs-marketing-btn-primary {
            background-color: #ed7b00;
            color: #ffffff;
            box-shadow: 0 4px 10px rgba(239, 123, 0, 0.2); /* Soft orange shadow */
        }

        .vs-marketing-btn-primary:hover {
            background-color: #d96e00;
            box-shadow: 0 6px 15px rgba(239, 123, 0, 0.35); /* Enhance the shadow */
            transform: translateY(-2px); /* Button moves up */
            color: #ffffff;
        }




@media (min-width: 1171px) {
body, button/*, input, select, textarea*/ {
    font-size: 17px !important;
}

.main-navigation>div li {
  /*  float: left;*/
    padding: 0 20px 0 0;
   /* position: relative;*/
}
.h1-homepage-1, .h1-homepage-2 {
 white-space: nowrap;
 font-size: 30px !important;
/* font-family: "Nunito Sans", sans-serif;*/
 font-weight: 800 !important;
 letter-spacing: -1px;
}
 h1 {
	font-size: 33px !important;
}
h2 {
    font-size: 37px !important;
  }
h3 {
    font-size: 19px !important;
  }
  h4 {
    font-size: 19px !important;
  }
  h5 {
    font-size: 19px !important;
  }
    .h5-homepage-1, .h5-homepage-2 {
    font-size: 21px !important;
	padding-top: 5px;
}
a.vs-text-link {
    padding: 1px 10px 2px 10px !important;
    margin: 0px 4px 0px 7px !important;
    font-size: 16px;
}
.more-service {
    font-size: 14px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 17px !important;
	padding: 0 17px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 17px;
}
#pg-w66fee369dce80-1, #pg-w66fee369dce80-2, #pg-w66fee369dce80-3 {
	display: none;
}
h1.vs-viba-portfolio-entry-title.entry-title {
    font-size: 30px !important;
}
.vs-crumbs-subtitle {
    font-size: 15px !important;
    margin: 12px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 28px;
}
.material-symbols-outlined { /* Иконки */
    font-size: 30px !important;
}
.vs-title-box {
    font-size: 100px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: -6px;
}
h6.vs-h6-title-box {
    font-size: 21px !important;
    text-align: center !important;
    margin-bottom: -5px;
	transform: translateY(-19%);
	padding-top: 58px;
	padding-bottom: 37px;
	padding-left: 10%;
    padding-right: 10%;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 50%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    text-align: right;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 36px !important;
    padding: 20px 30px 20px 120px !important;
}
.vs-icons-services-text {
    line-height: 27px !important;
	font-size: 18px !important;
}
}
@media screen and (max-width: 1170px) and (min-width: 1026px) {
body, button/*, input, select, textarea*/ {
    font-size: 17px !important;
}
.main-navigation>div li {
  /*  float: left;*/
    padding: 0 12px 0 0;
   /* position: relative;*/
}
h1 {
	font-size: 30px !important;
	font-weight: 800 !important;
	letter-spacing: -1px;
}
h2 {
    font-size: 32px !important;
  }
h3 {
    font-size: 18px !important;
  }
  h4 {
    font-size: 19px !important;
  }
  .h5-homepage-1, .h5-homepage-2 {
    font-size: 20px !important;
}
  h5 {
    font-size: 19px !important;
  }
 h6  {
    font-size: 18px !important;
  }
  
a.vs-text-link {
    padding: 1px 10px 2px 10px !important;
    margin: 0px 4px 0px 7px !important;
    font-size: 16px;
}
.more-service {
    font-size: 14px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 15px !important;
	padding: 0 14px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 14px;
}
#pg-w66fee369dce80-1, #pg-w66fee369dce80-2, #pg-w66fee369dce80-3 {
	display: none;
}
.vs-crumbs-subtitle {
    font-size: 18px !important;
    margin: 10px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 28px;
}
.material-symbols-outlined { /* Иконки */
    font-size: 30px !important;
}
.vs-title-box {
    font-size: 95px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: -4px;
}
h6.vs-h6-title-box {
    font-size: 20px !important;
    text-align: center !important;
    margin-bottom: -16px;
	transform: translateY(-20%);
	padding-top: 55px;
	padding-bottom: 37px;
	padding-left: 10%;
    padding-right: 10%;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 37%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: right;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 32px !important;
    padding: 20px 30px 20px 110px !important;
}
.vs-icons-services-text {
    line-height: 25px !important;
	font-size: 19px !important;
}
}
@media screen and (max-width: 1025px) and (min-width: 881px) {
body, button/*, input, select, textarea*/ {
    font-size: 17px !important;
}
.main-navigation>div li {
  /*  float: left;*/
    padding: 0 12px 0 0;
   /* position: relative;*/
}
.h1-homepage-1, .h1-homepage-2 {
 white-space: nowrap;
 font-size: 27px !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px;
}
h1 {
	font-size: 28px !important;
}
h2 {
    font-size: 27px !important;
  }
h3 {
    font-size: 18px !important;
  }
  h4 {
    font-size: 19px !important;
  }
  h5 {
    font-size: 19px !important;
  }
  h6  {
    font-size: 18px !important;
  }
  
a.vs-text-link {
    padding: 1px 10px 2px 10px !important;
    margin: 0px 4px 0px 7px !important;
    font-size: 16px;
}
.more-service {
    font-size: 14px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 14px !important;
	padding: 0 9px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 9px;
}
#pg-w66fee369dce80-1, #pg-w66fee369dce80-2, #pg-w66fee369dce80-3 {
	display: none;
}
h1.vs-viba-portfolio-entry-title.entry-title {
    font-size: 28px !important;
}
.vs-crumbs-subtitle {
    font-size: 15px !important;
    margin: 10px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 26px;
}
.material-symbols-outlined { /* Иконки */
    font-size: 30px !important;
}
.vs-title-box {
    font-size: 90px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: -3px;
}
h6.vs-h6-title-box {
    font-size: 18px !important;
    text-align: center !important;
    margin-bottom: -5px;
	transform: translateY(-22%);
	padding-top: 55px;
	padding-bottom: 37px;
	padding-left: 10%;
    padding-right: 10%;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 26%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    text-align: right;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 23px !important;
    padding: 20px 25px 20px 80px !important;
}
.vs-icons-services-text {
    line-height: 23px !important;
	font-size: 18px !important;
}
.vs-serves-category-sm {
		font-size: 78px;
        margin-top: 10px;
        line-height: 52px;
}

}



@media screen and (max-width: 880px) and (min-width: 701px) {
body, button/*, input, select, textarea*/ {
    font-size: 16px !important;
}
.main-navigation>div li {
  /*  float: left;*/
    padding: 0 12px 0 0;
   /* position: relative;*/
}
.h1-homepage-1, .h1-homepage-2 {
 white-space: nowrap;
 font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: -0.9px;
}
h1 {
	font-size: 28px !important;
}
h2 {
    font-size: 23px !important;
  }
h3 {
    font-size: 17px !important;
  }
  h4 {
    font-size: 18px !important;
  }
  h5 {
    font-size: 17px !important;
  }
  
a.vs-text-link {
    display: inline-block !important;
    padding: 7px 14px 7px 14px !important;
    margin: 18px 0px 0px 0px !important;
    width: fit-content;
    font-size: 18px;
}

.more-service {
    font-size: 13px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 14px !important;
	letter-spacing: -0.3px !important;
	padding: 0 3.5px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 3.5px;
}
#pg-w66fee369dce80-0, #pg-w66fee369dce80-2, #pg-w66fee369dce80-3 {
	display: none;
}
.vs-crumbs-subtitle {
    font-size: 17px !important;
    margin: 9px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 25px;
}
/* HEADER */
.vs-header-sell-1 {
        width: 38%;
}
.vs-header-sell-1-mobile {
align-self: auto;
        display: none;
}
.vs-header-sell-2 {
        width: 16%;
}
.vs-header-sell-3 {
        width: 18%;
}
.vs-header-sell-4 {
        width: 19%;
}
.vs-header-sell-5 {
		display: none;
}
.vs-header-sell-6 {
        width: 9%;
		display: block;
}
.material-symbols-outlined { /* Иконки */
    font-size: 30px !important;
}
.iw-so-button-base { /*Узнать стоимость & Написать сообщение */
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
}
h5.sow-headline { /* Toll Free & Local call */
    font-size: 19px !important;
	padding-top: 6px;
}
h6.sow-sub-headline { /* 1 (888) 415-9940 & 1 (905) 637-2875 */
    line-height: 1.4em;
	font-size: 14px !important;
}
.vs-title-box {
	font-size: 80px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: -3px;
}
h6.vs-h6-title-box {
    font-size: 16px !important;
    text-align: center !important;
	margin-bottom: -5px;
	transform: translateY(-23%);
	padding-top: 50px;
	padding-bottom: 35px;
	padding-left: 10%;
    padding-right: 10%;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 31px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 23%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    text-align: right;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 19px !important;
    padding: 20px 16px 20px 55px !important;
}
.vs-icons-services-text {
    line-height: 22px !important;
	font-size: 18px !important;
}
.vs-serves-category-sm {
    font-size: 70px;
    margin-top: 7px;
    line-height: 47px;
}
}
@media screen and (max-width: 700px) and (min-width: 481px) {
body, button/*, input, select, textarea*/ {
    font-size: 16px !important;
}

h1 {
	font-size: 25px !important;
}
h2 {
    font-size: 31px !important;
  }
h3 {
    font-size: 16px !important;
  }
  h4 {
    font-size: 17px !important;
  }
  h5 {
    font-size: 16px !important;
  }
  
a.vs-text-link {
    display: block !important;
    padding: 7px 14px 7px 14px !important;
    margin: 18px 0px 0px 0px !important;
    width: fit-content;
    font-size: 18px;
}
.more-service {
    font-size: 13px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 14px !important;
	padding: 0 2px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 2px;
}
#pg-w66fee369dce80-0, #pg-w66fee369dce80-1, #pg-w66fee369dce80-3 {
	display: none;
}
h1.vs-viba-portfolio-entry-title.entry-title {
    font-size: 28px !important;
}
.vs-crumbs-subtitle {
    font-size: 15px !important;
    margin: 10px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 26px;
}
/* HEADER */
.vs-header-row {
padding: 0 5%;
}
.vs-header-sell-1 {
		display: none;
}
.vs-header-sell-1-mobile {
	width: 40%;
	display: block;
}
.vs-header-sell-2 {
        width: 25%;
}
.vs-header-sell-3 {
        width: 25%;
}
.vs-header-sell-4 {
	display: none;
}
.vs-header-sell-5 {
		display: none;
}
.vs-header-sell-6 {
        width: 10%;
		display: block;
}
.material-symbols-outlined { /* Иконки */
    font-size: 35px !important;
}
.iw-so-button-base { /*Узнать стоимость & Написать сообщение */
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
}
.vs-title-box {
	font-size: 66px;
    margin-top: 14px;
    text-align: left;
    letter-spacing: -5px;
}
h6.vs-h6-title-box {
    font-size: 16px !important;
    text-align: left !important;
	margin-bottom: -5px;
    transform: translateY(-19%);
	padding-top: 45px;
    padding-bottom: 22px;
    padding-left: 0%;
    padding-right: 3%;
    box-shadow: 10px 10px 11px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 31px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 14%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 25px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 0%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 36px !important;
    padding: 20px 30px 20px 120px !important;
}
.vs-icons-services-text {
    line-height: 27px !important;
	font-size: 21px !important;
}
.vs-serves-category-sm {
    font-size: 75px;
    margin-top: 36px;
    line-height: 50px;
}
}

@media (max-width: 480px) {
body, button/*, input, select, textarea*/ {
    font-size: 18px !important;
}

h1 {
	font-size: 37px !important;
}
h2 {
    font-size: 28px !important;
    letter-spacing: -1px;
  }
h3 {
    font-size: 24px !important;
	letter-spacing: 1px;
  }
  h4 {
    font-size: 23px !important;
	letter-spacing: -1px;
  }
h5 {
    font-size: 21px !important;
  }
a.vs-text-link {
    display: block !important;
    padding: 7px 14px 7px 14px !important;
    margin: 18px 0px 0px 0px !important;
    width: fit-content;
    font-size: 18px;
}

.title-screen-small {
	font-size: 33px !important;
}
.more-service {
    font-size: 21px;
}
.main-navigation>div li a, .main-navigation>div li a:link, .main-navigation>div li a:visited, .main-navigation>div li a.active, .main-navigation>div li a:hover {
    font-size: 14px !important;
	padding: 0 3px;
}
.main-navigation>div li.focus>a, .main-navigation>div li:hover>a {
    padding: 0 3px;
}
#pg-w66fee369dce80-0, #pg-w66fee369dce80-1, #pg-w66fee369dce80-2 {
	display: none;
}
h1.vs-viba-portfolio-entry-title.entry-title {
    font-size: 28px !important;
}
.vs-crumbs-subtitle {
    font-size: 15px !important;
    margin: 10px 10px 10px 8px;
}
.vs-crumbs {
    font-size: 26px;
}
/* HEADER */
.vs-header-row {
padding: 0 6%;
}
.vs-header-sell-1 {
		display: none;
}
.vs-header-sell-1-mobile {
	width: 45%;
	display: block;
}
.vs-header-sell-2 {
        width: 40%;
}
.vs-header-sell-3 {
    display: none;
}
.vs-header-sell-4 {
    display: none;
}
.vs-header-sell-5 {
		display: none;
}
.vs-header-sell-6 {
        width: 15%;
		display: block;
}
.material-symbols-outlined { /* Иконки */
    font-size: 35px !important;
}
.iw-so-button-base { /*Узнать стоимость & Написать сообщение */
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
}
.vs-title-box {
	font-size: 48px;
    margin-top: 3px;
    text-align: left;
    letter-spacing: -3px;
}
h6.vs-h6-title-box {
    font-size: 15px !important;
    text-align: left !important;
	margin-bottom: 2px;
    transform: translateY(-17%);
	padding-top: 35px;
    padding-bottom: 15px;
    padding-left: 0%;
    padding-right: 5%;
    box-shadow: 10px 14px 20px 0px rgba(0, 0, 0, 0.05);
}
/* Услуги на главной - Иконка и заголовок */
.vs-services-top-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -1px;
    padding-right: 12%;
    margin: 0px 0px 5px 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 2%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-services-top-title-left {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
    display: inline-block;
    color: #2f545b;
    letter-spacing: 0px;
    padding-right: 8%;
    margin: 0px 0px 5px 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 0%;
    background-color: #ffffff5c;
    text-shadow: 0px 0px 1px #00000075;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
}
.vs-icons-services {
    font-size: 25px !important;
    padding: 15px 20px 15px 88px !important;
}
.vs-icons-services-text {
    line-height: 21px !important;
    font-size: 17px !important;
}
.footer-title-1 {
    font-size: 27px;
    font-weight: 200;
    line-height: 33px;
    display: inline-block;
    color: #2f545b;
    letter-spacing: -0.4px;
}
.vs-serves-category-sm {
    font-size: 60px;
    margin-top: 25px;
    line-height: 40px;
}
.title-plus-market {
    color: #d6e3e5;
    font-weight: 500;
    font-size: 30px;
    position: absolute;
    top: 56px;
    left: 66%;
    display: initial;
    letter-spacing: 4px;
}
.title-plus-dev {
    color: #e2e3cf;
    font-weight: 500;
    font-size: 30px;
    position: absolute;
    top: 87px;
    left: 49%;
    display: initial;
    letter-spacing: 4px;
}
}

/* Home Page*/

/* Разработка сайтов */


@media (max-width: 768px) { /* SMALL SCREEN BURGER MENU */
.sticky-menu:not(.sticky-bar-out) #masthead .sticky-bar {
    position: absolute;
    top: 25px;
    right: 28px;
}
#mobile-navigation ul {
    /* list-style: none; */
    /* margin: 0; */
    /* padding: 0; */
    position: absolute;
        right: -5px;
        top: 10px;
    width: 250px;
	box-shadow: -7px 8px 40px rgba(0, 0, 0, 0.20) !important;
	-webkit-box-shadow: -7px 8px 40px rgba(0, 0, 0, 0.20) !important;
}
.to-close {
    background-color: #f7f7f7 !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) !important;
    line-height: 40px;
  /*  padding-bottom: 5px !important;*/
}
#mobile-navigation ul li {
    background: #fff;
}
#mobile-navigation ul li a {
    color: #626262;
    display: block;
    /* font-family: Lato,sans-serif; */
    font-size: 14px;
    /* font-size: 0.8rem; */
    /* letter-spacing: .1em; */
    line-height: normal;
    padding: 14px 0 12px 20px;
    text-transform: uppercase;
    /* width: 100%; */
    /* font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; */
    /* font-weight: bold !important; */
    /* text-transform: none !important; */
    letter-spacing: 0.1px;
}
.logo-vs {
    margin-left: 0px;
}
.header-design-3 .main-navigation-bar>.container {
    background-image: url("/ru/wp-content/uploads/voronin-studio-logo-big.png");
    background-size: 225px;
    background-repeat: no-repeat;
	 background-clip: content-box;
     background-position: calc(35px - 20px) center;
	/*padding-left: 25%;*/
	/*justify-content: flex-end;*/
}
.menu-toggle {
    background: #fff;
    padding: 0px 12px 0px 12px;
	        right: 7%;
        position: absolute;
}
#colophon .widgets {
    padding: 12px 0 12px 0 !important;
    border-bottom: 1px solid #ebebeb !important;
    border-top: 1px solid #ebebeb !important;
}
#colophon.footer-active-sidebar {
	margin-top: 50px !important;
}

.sow-carousel-container .sow-carousel-navigation {
    display: none;
}
.vs-clients-slide-title {
    font-size: 30px;
    line-height: 38px;
    padding: 30px 5% 32px 9%;
    margin: 15px -5px 5px -10px !important;
}
}


@media (min-width: 701px) { /* BIG SCREEN */

.vs-mobile-image {
	display: none;
}
.vs-slider-media {
	margin: 40px 0px 0px 0px;
}
#pg-2428-2, #pg-2428-6, .acf-iw-so-divider-title-home, .acf-iw-so-divider-title-home-line {
    display: none;
}
.h1-homepage-1, .h5-homepage-1 {
	text-align: right;
	padding-bottom: 0px !important;
}
.h1-homepage-2, .h5-homepage-2 {
	text-align: left;
	padding-bottom: 0px !important;
}

.h4-homepage {
	padding-bottom: 5px !important;
	padding-top: 7px !important;
}

.vs-row {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: nowrap;
        -ms-justify-content: space-between;
        justify-content: center;
		align-items: center;
        align-content: center;
		padding-bottom: 25px;
}
/* Old style */
/*
.vs-sell-1 {
		align-self: auto;
        width: 44%;
        box-sizing: border-box;
        height: 100%;
        padding: 0 4% 20px 0;
        margin: 0 0 5px 0;
        border-right-style: dashed;
        border-right-width: 0px;
        border-right-color: #ed7b00;
}
*/
.vs-sell-1 {
    align-self: auto;
    width: 46.6%;
    box-sizing: border-box;
    height: 100%;
    padding: 4px 28px 24px 28px;
    margin: 20px 2% 5px 0;
    border-radius: 24px;
    box-shadow: 5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #ecf6f8;
	border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
/* Old style */
/*
.vs-sell-2 {
align-self: auto;
        width: 44%;
        box-sizing: border-box;
        height: 100%;
        padding: 0 0 20px 4%;
        margin: 0 0 5px 0;
        border-left-style: dashed;
        border-left-width: 0px;
        border-left-color: #ed7b00;
}
*/
.vs-sell-2 {
    align-self: auto;
    width: 46.6%;
    box-sizing: border-box;
    height: 100%;
    padding: 4px 28px 24px 28px;
    margin: 20px 0 5px 2%;
    border-radius: 24px;
    box-shadow: -5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #f6f7e8;
	border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.circle {
    height: 45px;
    width: 45px;
    background-color: #ed7b00;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 0px 0 0;
    text-align: center;
    padding-top: 8px;
    padding-left: 1px;
    color: #fff;
    font-size: 30px;
	-webkit-box-shadow: 0px 8px 3px -2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 3px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 3px -2px rgba(0, 0, 0, 0.1);
}
h3 {
padding-bottom: 15px !important;
}
#pg-2428-0 h2, #pg-2428-4 h2, h1, h4, h5, h6, .more-service, .more-portfolio {
	text-align: center;
}
p {
    margin-bottom: 25px !important;
    margin-top: 1px !important;
}
.acf-iw-so-divider-title-home-line0 {
    border-top-style: solid;
    border-top-width: 18px;
    border-top-color: #ed7b00;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 4%;
}
/* Blocs */
.vs-blocks-top {
    padding-top: 35px;
}
.vs-home-blocks-title {
	padding-top: 20px;
}
.vs-block-center {
    padding: 0% 13% 0% 13%;
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #EB7900;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #EB7900;
}
.vs-block-left-first{
    padding: 0% 8% 0% 2%;
}
.vs-block-left {
    padding: 0% 8% 0% 2%;
}
.vs-block-right {
    padding: 0% 2% 0% 8%;
}
.vs-1-row-blocks {
	margin: 0px 3%;
}
.vs-2-line-blocks {
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #EB7900;
    padding-top: 45px;
    margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
}
.vs-2-line-blocks-last {
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #EB7900;
    padding-top: 45px;
    margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
/*	border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #EB7900;
    padding-bottom: 25px;
    margin-bottom: 0px;*/
}
.vs-service-cat-top-growth {
display: none;
}
.vs-service-cat-top-tech {
display: none;
}

}
@media (max-width: 700px) { /* SMALL SCREEN */
/*.wprt-container {
    padding-left: 7%;
    padding-right: 7%;
}*/
/*
.vs-table-client {
    margin: 0px 0px 0px -17px !important;
    width: 111% !important;
}
*/	

.vs-slide-media-textline {
    margin-top: -80px;
}
.vs-slider-media {
	margin: 40px 0px -15px 0px;
}
	
#pg-2428-1, #pg-2428-5, img.aligncenter, #pgc-w66fee369dce80-2-1 {
    display: none;
}
.more-service {
	padding-bottom: 20px !important;
}
.more-portfolio {
	font-size: 18px !important;
}
.h1-homepage-1, .h5-homepage-1 {
	text-align: left;
}
.h1-homepage-2, .h5-homepage-2 {
	text-align: left;
}
.vs-row {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    /* padding-top: 25px; */
    /* gap: 17px; */
}
.vs-service-cat-top-growth {
    font-size: 70px;
    /* line-height: 30px; */
    margin-top: 30px;
    margin-left: -3px;
    margin-bottom: 3px;
    letter-spacing: -5px;
    color: #d6e3e5;
    font-weight: 900;
    word-wrap: normal;
	position: relative;
    /* text-shadow: 1px 1px 10px #ecf6f8, 1px 1px #2f555c; */
    /* text-transform: uppercase; */
    /* box-shadow: 0px 10px 15px 0px rgb(255 255 255); */
}
.vs-service-cat-top-tech {
    font-size: 70px;
    /* line-height: 30px; */
    margin-top: 30px;
    margin-left: -3px;
    margin-bottom: 3px;
    letter-spacing: -5px;
    color: #e2e3cf;
    font-weight: 900;
    word-wrap: normal;
	position: relative;
    /* text-shadow: 1px 1px 10px #ecf6f8, 1px 1px #2f555c; */
    /* text-transform: uppercase; */
    /* box-shadow: 0px 10px 15px 0px rgb(255 255 255); */
}
.vs-sell-1 {
    padding: 5px 20px 15px 20px;
    margin: 20px 0 17px 0;
    border-radius: 24px;
    box-shadow: 5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #ecf6f8;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.circle {
    /* display: none; */
    height: 70px;
    width: 70px;
    background-color: #ed7b00;
    border-radius: 50%;
    /* border-color: #fff; */
    border: 6px solid #ffffff;
    display: inline-block;
    margin: -35px 0px -35px 35%;
    /* text-align: center; */
    padding-top: 12px;
    /* padding-left: 1px; */
    color: #fff;
    /* font-size: 67px !important; */
    /* -webkit-box-shadow: 0px 8px 3px -2px rgba(0, 0, 0, 0.1); */
    /* -moz-box-shadow: 0px 8px 3px -2px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 5px 5px 3px -2px rgba(0, 0, 0, 0.1); */
    z-index: 10;
}
.vs-sell-2 {
    padding: 5px 20px 15px 20px;
    margin: 17px 0 20px 0;
    border-radius: 24px;
    /* box-shadow: -5px 5px 3px 2px rgba(0, 0, 0, 0.02); */
    box-shadow: 5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #f6f7e8;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.h4-homepage {
    padding-bottom: 5px !important;
    padding-top: 25px !important;
    font-size: 23px !important;
	}
.h1-homepage-1, .h1-homepage-2 {
    font-size: 34px !important;
    font-weight: 900 !important;
    letter-spacing: -2px;
    line-height: 37px !important;
    width: 80%;
    color: #33666feb;
    margin-top: 5px;
    margin-bottom: 5px;
}
.h5-homepage-1, .h5-homepage-2 {
    font-size: 21px !important;
	margin-top: -10px !important;
    margin-bottom: 8px;
}


h2 {
	margin-top: 25px !important;
}
h3 {
padding-bottom: 7px !important;
padding-top: 15px !important;
}
p {
    margin-bottom: 15px !important;
	margin-top: 10px !important;
}
.owl-stage {
    padding-left: 0px !important;
	padding-right: 20px !important;
}
.acf-iw-so-divider-title-home-line1 {
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #ed7b00;
    width: auto;
	/*
    margin-left: -20px;
    margin-right: -20px;
	*/
    margin-top: 45px;
    margin-bottom: 14px;
	border-radius: 10px;
}

.acf-iw-so-divider-title-home-line2
{
    border-top-style: dashed;
    border-top-width: 2px;
    border-top-color: #ed7b00;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    margin-bottom: 15px;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10) !important;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10) !important;
	border-radius: 10px;
}
 /*.block1-top {
    border-top: solid;
    border-top-width: 6px;
    border-top-color: #ed7b00;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 33px !important;
    margin-bottom: 5px; 
    border-radius: 24px;
 }
.block1-bottom {
    border-bottom: solid;
    border-bottom-width: 11px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: #fff;
    border-bottom-color: #ed7b00;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 36px !important;
    padding-bottom: 36px !important;
    border-radius: 0px 0px 25px 25px;
    background-color: #fff;
}*/
/* Blocs */
.vs-blocks-top {
    margin: 75px -25px 60px -25px;
	padding-left: 7%;
    padding-right: 7%;
}
.vs-blocks-bottom {
	margin: 40px -25px 35px -25px;
	padding-left: 7%;
    padding-right: 7%;
}
.vs-block-left-first {
    padding: 4% 0% 10% 0%;
/*    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ed7b00;*/
}
.vs-block-left {
    padding: 10% 0% 10% 0%;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ed7b00;
}
.vs-block-center {
    padding: 10% 0% 10% 0%;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ed7b00;
}
.vs-block-right {
    padding: 10% 0% 10% 0%;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #ed7b00;
}

.vs-1-row-blocks {
	margin: 0px 3%;
}
.vs-2-line-blocks {
    border-top-style: dashed;
    border-top-width: 0px;
    border-top-color: #EB7900;
    padding-top: 0px;
    margin-top: 0px;
	margin-left: 3%;
	margin-right: 3%;
}
.vs-2-line-blocks-last {
    border-top-style: dashed;
    border-top-width: 0px;
    border-top-color: #EB7900;
    padding-top: 0px;
    margin-top: 0px;
	border-bottom-style: dashed;
    border-bottom-width: 0px;
    border-bottom-color: #EB7900;
    padding-bottom: 25px;
    margin-bottom: 0px;
	margin-left: 3%;
	margin-right: 3%;
}
.icon-big {
    font-size: 100px !important;
    text-align: left !important;
}

h3.viba-portfolio-title {
    margin-top: -19px !important;
    /* padding-top: 0px !important; */
    /* margin-bottom: -18px !important; */
    padding-bottom: 10px !important;
    letter-spacing: normal;
}
span.tag-groups-append {
    display: none;
}

.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
    flex-direction: column;
}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    align-self: auto !important;
}
.gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label {
    padding: 16px 0 10px 0 !important;
}
}

/* Line IMG */
img.aligncenter {
    margin: 10px auto 5px auto;
}

/* Slider Portfolio */
.carousel-slider-outer.carousel-slider-outer-image-carousel {
    margin-bottom: 15px;
    margin-top: 10px;
}
.carousel-slider .owl-item img.owl-lazy {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    border-color: rgb(230, 230, 230);
}
.carousel-slider .owl-item img.owl-lazy:hover {
    background-color: #ed7b00;
	border-color: #ed7b00;
}
.carousel-slider .owl-item img {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    border-color: rgb(230, 230, 230);
	border-radius: 10px;
	/*	filter: gray;*/ /* IE6-9 */
  /*-webkit-filter: grayscale(0.3); *//* Google Chrome, Safari 6+ & Opera 15+ */
  /*filter: grayscale(0.8); *//* Microsoft Edge and Firefox 35+ */
  /* transition: all .9s; */
	
}
.carousel-slider .owl-item img:hover {
    background-color: #ed7b00;
	border-color: #ed7b00;
	/*
	-webkit-filter: grayscale(0);
    filter: none;
	*/
}
/* Logos Carousel */
.carousel-slider-outer-3203 .carousel-slider .owl-item img {
	border-width: 1px;
	padding: 15px;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(0.9); /* Microsoft Edge and Firefox 35+ */
  transition: all .5s;
  opacity: 0.6;
}
.carousel-slider-outer-3203 .carousel-slider .owl-item img:hover {
	background-color: #fff;
	border-color: #fff;
	-webkit-filter: grayscale(0);
    filter: none;
	opacity: 1;
}

.more-portfolio {
    margin-bottom: 7px;
}
.more-service {
    margin-top: -10px;
    padding-bottom: 30px;
    color: #9ea9ab;
}
.more-service a, .more-service a:visited, .more-service a:link {
    color: #9ea9ab;
}
.more-service a:hover {
	color: #ed7b00;
}

/* image */
.sow-image-container .so-widget-image {
    margin-bottom: 20px;
}
	




/* Porfolio */

/* Tag Groups *//* Tag Groups *//* Tag Groups *//* Tag Groups */

.vs-note {
    margin: -8px 0px 15px 0px;
    letter-spacing: normal;
    line-height: normal;
	font-weight: 300;
}
.ui-widget {
    padding: 0px;
}
.vs-tag-groups {
    padding: 8px 0px 8px 0px;
}
.ui-widget {
    font-family: unset !important;
}
.tag-groups-tag {
  padding-right: 0px;
  line-height: 30px;
}
.tag-groups-tag a {
  text-decoration: none;
}
.tag-groups-tag a:hover {
  text-decoration: none;
  color: #ed7b00;
  opacity: 1 !important;
}
.tag-groups-append {
  color: #ccc;
}
.tag-groups-label {
  line-height: 20px;
}
.ui-tabs .ui-tabs-nav {
    padding: 0 0 0 0 !important;
}
span.tag-groups-label {
    font-size: 13px !important;
}
span.tag-groups-append {
    font-size: 10px !important;
}
span.tag-groups-tag a {
    padding: 0px 6px 3px 6px !important;
    border-radius: 5px;
    line-height: 15px;
}
span.tag-groups-tag a:hover {
    color: #ffffff !important;
    background-color: #ed7b00;
	opacity: 0.7 !important;
}
.ui-tabs .ui-tabs-panel {
    padding: 0.2em 0.5em !important;
}

/* ACF *//* ACF *//* ACF *//* ACF *//* ACF *//* ACF *//* ACF */
.acf-iw-so-divider {
    border-top-style: solid;
    border-top-width: 12px;
    border-top-color: #ed7b00;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
.acf-iw-so-divider-title {
    border-top-style: solid;
    border-top-width: 7px;
    border-top-color: #ed7b00;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
.acf-header h2 {
    font-weight: 300 !important;
    font-size: 29px !important;
    padding: 30px 0px 4px 0px !important;
    color: #333 !important;
	line-height: 0.8 !important;
	letter-spacing: normal;
}
.acf-header h3 {
    font-weight: bold !important;
    font-size: 15px !important;
    padding: 30px 0px 4px 0px !important;
    color: #333 !important;
	text-transform: none !important;
	letter-spacing: normal;
}

.acf-name {
    padding: 12px 0px 2px 0px;
    font-size: 17px;
    font-weight: 300;
}
.acf-name-li {
    padding: 9px 0px 0px 0px;
    font-size: 14px;
    font-weight: 300;
    display: list-item;
    margin-left: 20px;
    line-height: 19px;
}
.acf-name-li-note {
    font-size: 13px;
	color: #bbb;
}
.acf-defis {
  padding: 0px 0px 0px 10px;
}

.acf-field {
    padding-left: 10px;
    font-size: 23px;
    font-weight: 300;
}
.acf-title-results {
  padding: 2px 0px 2px 0px;
  font-size: 13px;
  font-weight: normal;
}
.acf-header-table {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px !important;
}

thead {
  width: 100%;
}
table {
  width: 100%;
}

/* Portfolio plugin */
.entry-title {
    margin: 0 !important;
    text-align: left !important;
}
.vp-style-default .viba-portfolio .viba-portfolio-title {
    font-size: 15px !important;
    font-weight: 600 !important;
  /*  line-height: 27px !important;*/
    text-transform: none !important;
    border-bottom: 1px solid #ededed !important;
  /*  border-left: 1px solid #f7f7f7 !important;
    border-right: 1px solid #f7f7f7 !important;*/
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02) !important;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02) !important;
    -webkit-border-radius:  0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Portfolio Title - Archive pages */
.viba-portfolio-entry-title {
    padding: 15px 0px 0px 0px;
	font-size: 26px !important;
	color: #2F555C !important;
	font-weight: 300 !important;
}
h1.viba-portfolio-entry-title {
    padding: 0px 0px 0px 0px;
	font-size: 26px !important;
	color: #2F555C !important;
}

.vs-viba-portfolio-entry-title {
    color: #2F555C;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    padding-top: 0px;
    padding-bottom: 5px;
    font-size: 30px;
	padding: 15px 0px 7px 0px !important;
    display: flex !important;
}
.vs-tag-description p {
    font-size: 18px;
    line-height: normal;
    padding: 0px 0px 0px 10px;
    margin-top: 0px !important;
    color: #2f555c;
    font-weight: 300;
}
.vs-crumbs {
    color: #666;
    margin-left: 10px;
}
.vs-crumbs-subtitle {
    color: #ed7b00;
    font-weight: 600;
}
.viba-portfolio-buttons-wrapper {
 /*   display: none;*/
}
.vp-style-default .viba-portfolio .viba-portfolio-categories {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #fff !important;
	line-height: 20px !important;
}

.viba-portfolio-categories hr {
    border-top: 1px solid white;
	margin-bottom: 7px !important;
}
.vs-cms-show-hover {
    font-size: 14px;
}
/* Link to Client website */
a.btn.button.wp-block-button__link.wp-element-button {
	border-radius: 5px !important;
	border: 1px solid #e6e6e6 !important;
    padding: 0px 16px 0px 16px !important;
    margin: 0 auto !important;
    position: relative !important;
  /*  display: block !important;*/
    height: 35px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #2f545b !important;
    line-height: 32px !important;
    text-align: center !important;
	background: #fdfdfd;
	letter-spacing: normal !important;
    text-transform: none !important;
	font-size: 14px !important;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif !important;
    font-weight: bold !important;
    font-style: normal !important;
}

a:hover.btn.button.wp-block-button__link.wp-element-button {
  color: #ed7b00 !important;
}


/* Services title */
.vp-single-meta.viba-portfolio-single-categories h3 {
    font-size: 26px !important;
    font-weight: 300 !important;
	padding-bottom: 8px !important;
	text-transform: none !important;
}
.vp-single-meta.viba-portfolio-single-tags h3 {
	font-size: 1em !important;
    line-height: 1em !important;
    margin: 20px 0 5px 0 !important;
    padding: 0 !important;
	text-transform: none !important;
}
.vp-single-meta span, .vp-single-meta ul {
    opacity: 1 !important;
    text-decoration: none;
}
.vp-single-meta.viba-portfolio-single-categories ul li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    background-color: #ed7b00 !important;
    margin: 1px;
    padding: 6px 16px 8px 16px;
    border-radius: 5px;
    line-height: 39px;
	opacity: 1 !important;
}
.vp-single-meta.viba-portfolio-single-categories ul li a:hover {
    color: #000 !important;
	 background-color: #ef8615 !important;
	 opacity: 1 !important;
}
.viba-portfolio-single-categories a:visited {
    color: #000 !important;
    text-decoration: none;
	opacity: 1 !important;
}

/* vs_our_client_was_seen_in */
.vs-seen-logos li {
    display: inline-block;
    padding: 0px 15px 0 15px;
}
.vs-seen-logos ul {
    text-align: center;
	margin: 0 0 0 0;
}
.vs-acf-iw-so-divider {
    border-top-style: dotted;
    border-top-width: 2px;
    border-top-color: #ed7b00;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
	margin-bottom: 15px;
}
.vs-acf-name {
    padding: 15px 0px 12px 0px;
    font-size: 17px;
    font-weight: 300;
}

/* Portfolio Single page */

.viba-portfolio-single-content {
	margin-bottom: 30px;
}
h1.vs-viba-portfolio-entry-title.entry-title a {
    color: #2F555C;
    text-decoration: none;
}
h1.vs-viba-portfolio-entry-title.entry-title a:hover {
    color: #ed7b00;
	text-decoration: none;
}
.viba-portfolio-gallery-item, .viba-portfolio-single-thumbnail {
    /*border: 1px solid #efefef !important;*/
	border: 1px solid #f5f5f5 !important;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06) !important;
	margin-top: 10px !important;
    margin-bottom: 40px !important;
}
@media (max-width: 660px) {
	.viba-portfolio-gallery-item, .viba-portfolio-single-thumbnail {
		margin-left: 0px !important;
	}
}
@media (min-width: 661px) {
	.viba-portfolio-gallery-item, .viba-portfolio-single-thumbnail {
		margin-left: 10px !important;
	}
}

/* Portfolio Single page - responsive_design*/
.vs_mobile_photo {
	position: relative;
    /*z-index: 9999;*/
    padding: 9px 0 15% 0 !important;
	max-width: 325px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 660px) {
	.vs_mobile_photo {
	width: 95%;
}
}
@media (min-width: 661px) {
	.vs_mobile_photo {
	width: 80%;
}
}
.vs_mobile_photo_border {	
	/*border: 1px solid #f5f5f5 !important;*/
	border: 1px solid #d9d9d9 !important;
	border-radius: 21px;
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12) !important;
	background-color: #d9d9d9;
}
.vs_mobile_photo_topline {
    border-top: 1px solid #ebebeb !important;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10) !important;
    margin-top: 50px;
}
.acf-header_mobile h4 {
	font-weight: 300 !important;
    font-size: 22px !important;
    padding: 40px 0px 15px 0px !important;
    color: #333 !important;
	text-align: center !important;
	line-height: normal !important;
	letter-spacing: normal;
}
/* Portfo Table  */

td, th {
    border: dotted 1px #999999;
    text-align: left;
    font-size: 13px; !important;
    vertical-align: middle;
    line-height: 17px;
    letter-spacing: normal !important;
    text-transform: none !important;
}
table thead th {
    font-size: 15px;
	line-height: 21px;
}
table {
    margin: 10px 1px 1px 1px;
	border-collapse: collapse;
}
/* Portfo Tablepress plugin  */
td.column-1 {
    text-align: left !important;
}
th.column-1.sorting {
 text-align: left !important;
}
.tablepress-table-description {
    text-align: center;
    padding: 25px 0px 12px 0px;
	font-size: 14px !important;
}
.tablepress-table-description h3 {
	font-weight: bold !important;
    font-size: 15px !important;
    padding: 0px 0px 3px 0px !important;
    color: #333 !important;
	letter-spacing: normal !important;
    text-transform: none !important;
}
.wprt-container .table-responsive .table thead+tbody tr:nth-child(odd):hover td {
    background-color: #e9e9e9!important;
}
.wprt-container .table-responsive .table thead+tbody tr:nth-child(even):hover td {
    background-color: #e9e9e9!important;
}
.tablepress {
    --head-bg-color: #fff !important;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #e9e9e9!important;
}





/* <!-- GO vs-client-name --> */
.vs-container-clientname {
  width: 100%;
  display: flex;
  align-items: center;
}

.vs-content-clientname1 {
  width: auto;
  white-space: nowrap;
  padding-right: 20px;
}
.vs-content-clientname2 {
  width: auto;
}





/* <!-- GO vs-client-results + ACF --> */
.vs-client-results {
  font-size: 19px !important;
  color: #2f555c !important;
  font-weight: 300 !important;
  line-height: normal !important;
  margin-top: 10px !important;
  letter-spacing: normal;
}
.vs-client-results-b {
  font-size: 21px !important;
  color: #999 !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  line-height: normal !important;
  margin-top: 10px !important;
  letter-spacing: normal;
}
.vs-container {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ededed !important;
  border-left: 1px solid #f7f7f7 !important;
  border-right: 1px solid #f7f7f7 !important;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03) !important;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
@media (max-width: 660px) {
  .vs-container {
    flex-direction: column;
	padding: 30px 0px 0px 0px;
  }
  .vs-content {
  margin: 0px 25px 15px 25px;
}
}
@media (min-width: 661px) {
  .vs-container {
    align-items: center;
	padding: 0px 0px 0px 0px;
  }
  .vs-content {
  margin: 25px 20px 15px 25px;
}
}
.vs-content1 {
  width: auto;
  /*
  white-space: nowrap;
  */
}
.vs-content2 {
  width: auto;
}

/* chart */
h3.vs-infobar {
    height: 86px;
	letter-spacing: normal;
    display: flex;
	align-items: flex-end;
    justify-content: center;
	color: #2f555c;
    margin-top: 20px;
    width: 268px;
    text-transform: none !important;
    font-size: 21px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}
@media screen and (max-width: 1025px) and (min-width: 982px) {
	h3.vs-infobar {
    width: 240px;
    font-size: 19px !important;
	letter-spacing: normal;
}
}
.grid {
  display: grid;
  margin-bottom: 40px;
  /*
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  */
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-columns: repeat(1, 1fr);
  border-bottom: 1px solid #ededed !important;
    border-left: 1px solid #f7f7f7 !important;
    border-right: 1px solid #f7f7f7 !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03) !important;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    /*
	padding-bottom: 30px;
	*/
}

@media screen and (max-width: 981px) and (min-width: 701px) {
  .grid {
    grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 700px) and (min-width: 481px) {
  .grid {
    grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width: 480px) {
  .grid {
    grid-template-columns: repeat(1, 1fr);
	}
}
.vs-separator {
		margin-bottom: 30px;
}
section {
    padding-bottom: 27px;
    border-right: 1px dashed #ebf5ff;
    border-bottom: 1px dashed #ebf5ff;
    border-top: 1px dashed #ebf5ff;
    border-left: 1px dashed #ebf5ff;
}


/* Блок - Узнать квоту, Клиент (работы)*/

.vs-banner {
  max-width: 85%;
  margin: 0 auto;
  padding: 1em;
 /* background-color: #f7f7f7;*/
  /*
  box-shadow: -8px -8px 16px #fff, 8px 8px 16px #ccd4df;
  */
  text-align: center;
}
.vs-btn {
  display: block;
  width: 150px;
  height: 60px;
  font-size: 16px;
  color: #fff;
  background-color: #69a551;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #d9d9d9;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  margin: 15px auto;
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
}
.vs-btn:hover {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-shadow: 0px 3px 10px #d9d9d9;
}
.vs-subtext {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px !important;
}
section.vs-question {
    display: flex;
    align-items: center;
    padding-top: 25px;
	/*
	background: linear-gradient(227deg, #e6bf0061, #568f9d4a, #9fc01f38);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 27s ease infinite;
    -moz-animation: AnimationName 27s ease infinite;
    -o-animation: AnimationName 27s ease infinite;
    animation: AnimationName 5s ease infinite;
	
	*/
	
}

@media (max-width: 981px) {
  .vs-btn {
  width: 220px;
   height: 40px;
  }
}


/*  FOOTER */

#colophon .site-info {
    padding: 12px 0 12px 0;
	border-top: 0px solid #ebebeb !important;
}
#colophon .widgets {
    padding: 8px 0 12px 0;
    text-align: center;
    font-size: 14px;
	border-bottom: 1px solid #ebebeb !important;
}
ul#menu-nizhnee-menyu {
    display: flex;
    justify-content: center;
    margin: auto;
}
.menu-nizhnee-menyu-container li {
	padding: 0 15px 0 15px;
}
.menu-nizhnee-menyu-container [aria-current]:not([aria-current="false"]) {
    color: #ed7b00 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ed7b00;
	font-weight: normal;
	border: 0px solid #e6e6e6;
	background: #fff;
}
#colophon .widgets .widget {
margin: 0 !important;
}

/* FORMS */
.gform_wrapper.gravity-theme .gform_fileupload_rules {
    width: fit-content !important;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    height: 42px;
	margin-top: 5px;
}

input[type="text"], input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea,
select {
	border-radius: 4px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px 14px !important;
    border: 1px solid #6f6f6f;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15), 0 0 0px 1px rgba(0, 0, 0, 0.05) !important;
  width: auto;
  color: #0073fa !important;
}
textarea:hover, input:hover {
   /* background: #f8f8f8;*/
	background: #d7e3e63d;
}
input::placeholder {
  color: #bbb;
  opacity: 1; /* Firefox */
  font-size: 14px !important;
  margin-left: 10px;
  margin-right: 10px;
}

input::-ms-input-placeholder { /* Edge 12-18 */
  color: #bbb;
  font-size: 14px !important;
  margin-left: 10px;
  margin-right: 10px;
}
.vs-form-desc {
	/* margin-top: 0px;
   margin-left: 13px;
    margin-right: 13px;
    font-size: 14px;
    line-height: 19px;
    font-style: italic; 
    color: #777;*/
}
.description, .gfield_description, .gsection_description, .instruction {
    padding-top: 6px !important;
}
.gfield_description {
    float: right !important;
    font-size: 15px !important;
    font-weight: 300;
    margin-top: 6px !important;
    line-height: 20px !important;
    color: #7a7a7a !important;
    border-bottom: 1px dashed #ededed !important;
    border-right: 1px dashed #ededed !important;
    border-top: 1px dashed #ededed !important;
    border-left: 1px dashed #ededed !important;
    box-shadow: 2px 3px 19px #ededed !important;
    border-radius: 7px 7px 7px 7px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-top: 10px !important;
}

a.button, a.button:link, a:link.button:link, body a.button:link, a.button:visited, body a.button:visited, input.button, button.button {
    text-decoration: none !important;
    /*font-weight: bold !important;*/
    /*font-style: normal !important;*/
    position: relative !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    text-align: center !important;
    /*margin: 0 5px 0 0 !important;*/
    /*padding: 0 16px 0 16px !important;*/
    background: #fdfdfd !important;
    border: 1px solid #e6e6e6 !important;
    color: #2f545b !important;
    /*height: 32px !important;*/
    border-radius: 5px !important;
    cursor: pointer !important;
    text-indent: 0 !important;
    /*line-height: 31px !important;*/
	font-size: 1em !important;
}
.button {
	border-collapse: separate !important;
	background-origin: border-box !important;
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05) !important;
	}
.button.hover, .button:hover {
    color: #eb7900 !important;
    /*padding: 0 16px 0 16px !important;*/
    background: #fdfdfd !important;
    border: 1px solid #e6e6e6 !important;
    /*height: 32px !important;*/
    border-radius: 5px !important;
}
.gform_save_link.button {
    -webkit-appearance: none!important;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal !important;
    border: 0px !important;
    background: #fff !important;
    box-shadow: none !important;
	line-height: normal !important;
}

a#gform_save_2_3_link {
    margin-top: 25px !important;
    margin-left: 0px !important;
}

.gfield input, .gfield select {
    height: 30px;
    width: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /* background: #fbfbfb; */
    /*margin: 4px auto;*/
    /* border: 2px solid #c7c6c6; */
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15), 0 0 0px 1px rgba(0, 0, 0, 0.05) !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: calc(100% - 35px) !important;
}
.gchoice {
    margin: 4px;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
}
.gchoice:hover {
	color: #000;
   /* background: #ededed;*/
	/*background: #f8f8f8;*/
	background: #d7e3e67a;
}
.gchoice i {
    font-style: normal;
    font-weight: 200;
    font-size: 15px;
    display: block;
}
label {
    /*display: inline-block;*/
    padding-left: 8px;
    line-height: 22px;
    font-size: 17px !important;
	font-weight: 600;
}
label.gfield_label.gform-field-label, legend.gfield_label.gform-field-label.gfield_label_before_complex {
    font-size: 25px !important;
    font-weight: 300 !important;
	padding-top: 7px !important;
	line-height: 29px !important;
    letter-spacing: -0.5px;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 25px !important;
    font-weight: 300 !important;
    line-height: 29px !important;
    letter-spacing: -0.5px;
}
.gform_wrapper.gravity-theme .gfield_required {
    font-size: 25px !important;
    font-weight: 500 !important;
    margin-left: 5px !important;
    margin-right: -11px !important;
	padding-inline-start: 0px !important;
}


.gform_wrapper.gravity-theme .gform_validation_errors {
    background: #fff9f9 !important;
    border-radius: 0px !important;
    border: 0px solid #c02b0a !important;
    margin-block-end: 21px !important;
    
    padding-block: 16px !important;
    padding-inline-end: 16px;
    padding-inline-start: 48px;
	display: none !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none !important;
    border: 0px !important;
    padding: 10px 0 5px 7px !important;
    font-size: 15px !important;
    color: #c02b0a !important;
    font-weight: 300;
}
.gform_legacy_markup_wrapper div.validation_error {
    color: #790000;
    margin-bottom: 25px;
    border-top: 2px solid #790000;
    border-bottom: 2px solid #790000;
    padding: 9px 0 0px 0 !important;
}
h2.gform_submission_error.hide_summary {
    font-size: 15px !important;
}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {
    padding-top: 3px !important;
}

.gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg {
    display: none !important;
}
.gform_required_legend {
    display: none !important;
}



fieldset {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset), .gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
    padding-bottom: 9px;
    padding-top: 16px;
}
.gfield_html_formatted {
    font-size: 21px;
    line-height: 27px;
    font-weight: 300;
}
.gfield_html_formatted b {
    font-size: 19px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
}
.gfield_html_formatted h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-top: 10px;
    padding-bottom: 5px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.gfield--type-html h2 {
    font-size: 31px !important;
    font-weight: 300 !important;
    margin-top: 20px;
    margin-bottom: 20px;
	padding: 14px 14px 16px 14px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    background-color: #d7e3e696;
   /* text-shadow: 0px 0px 1px #00000075;*/
    border-radius: 7px 7px 7px 7px;
}
.gfield--type-html h4 {
    font-size: 21px !important;
    font-weight: 300 !important;
    margin-top: -5px;
    /* margin-bottom: 20px; */
    padding-bottom: 28px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.gchoice_other_control {
    width: 100% !important;
}
.ginput_container_website, .ginput_container_text, .ginput_container_email {
    margin-bottom: 5px !important;
}


@media (min-width: 701px) {
.gfield--type-html h2, .gfield--type-html h4 {
	text-align: center;
}
h3.vs-search-engine {
    margin: -25px 0px -4px 0px !important;
    font-size: 45px !important;
    font-weight: 200 !important;
}
.vs-divider-form-title {
    border-top-style: solid;
    border-top-width: 18px;
    border-top-color: #ed7b00;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    margin-bottom: 4%;
}
hr.vs-form-hr {
display: none;
}
.gform_wrapper.gravity-theme .gfield input.large {
    width: 65%;
}
.gfield_description {
    padding-left: 16px !important;
	/*width: 60% !important;*/
	width: 58.5% !important;
}

.ginput_container_textarea {
    width: 60% !important;
}
.ginput_container_website, .ginput_container_text, .ginput_container_email, .ginput_container_phone, .ginput_container_select, .ginput_container_fileupload, .ginput_recaptcha {
    width: 60% !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
margin-block-start: 21px !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
    padding: 0px 0px 0px 0px !important;
}	
.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label {
    width: 40% !important;
	padding-top: 7px !important;
}
.gform_wrapper.gravity-theme .left_label .gfield_label, .gform_wrapper.gravity-theme .right_label .gfield_label {
    width: 40% !important;
}
.gfield_html_formatted {
    margin-left: 40% !important;
	padding-left: 17px !important;
}

.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container, .gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container {
    width: 60% !important;
	padding-left: 10px !important;
}
.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons), .gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons) {
  /*  width: 60% !important;*/
	padding-left: 17px !important;
}
.gform_fields.right_label .gfield_validation_message {
    width: 60% !important;
}
input#gform_submit_button_3 {
    margin-left: 18% !important;
    width: 300px !important;
}
button#gform_save_2_2_link {
    margin-top: 0px !important;
    margin-left: 3% !important;
    padding-left: 0% !important;
    width: 300px !important;
    text-align: left !important;
	display: none !important;
}
button#gform_save_2_3_link {
		margin-top: 0px !important;
        margin-left: 3% !important;
        padding-left: 0% !important;
        width: 300px !important;
        text-align: left !important;
}
.gform_wrapper.gravity-theme input[type=file] {
    width: calc(60% - 16px / 2) !important;
}

}
@media (max-width: 700px) {
.gfield--type-html h2, .gfield--type-html h4 {
	text-align: left;
}
h3.vs-search-engine {
    margin: -36px 0px -4px 0px !important;
    font-size: 37px !important;
    font-weight: 200 !important;
}
.vs-divider-form-title {
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #ed7b00;
    width: auto;
    margin-top: 31px;
    margin-bottom: 30px;
    border-radius: 10px;
}
hr.vs-form-hr {
		background-color: #ddd;
        box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 10px;
        margin-top: 16px;
        width: 100%;
}
.gform_wrapper.gravity-theme .gfield input.large {
    width: 100%;
}
.gfield_description {
    padding-left: 20px !important;
	width: 100% !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
margin-block-start: 45px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
    padding: 0px !important;
	margin-top: 0px !important;
}
.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label, .gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label {
    width: 100% !important;
    padding-top: 7px !important;
    text-align: left !important;
}
.gform_wrapper.gravity-theme .left_label .gfield_label, .gform_wrapper.gravity-theme .right_label .gfield_label {
    width: 100% !important;
	text-align: left !important;
}
.gfield_html_formatted {
    width: 100% !important;
	margin-left: 0px !important;
}
.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container, .gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container {
    width: 100% !important;
	padding-left: 0px;
	padding-top: 16px !important;
}
.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons), .gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons) {
    width: 100% !important;
	padding-left: 0px;
	padding-top: 12px !important;
}
.gchoice {
    margin: 3px 3px 3px 0px !important;
    padding: 4px 4px 4px 0px !important;

}
.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message, .gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message {
    width: 100% !important;
}
input#gform_submit_button_3 {
    
    width: 100% !important;
}
button#gform_save_2_2_link {
    margin-top: 15px !important;
    margin-left: 0% !important;
	padding-left: 0% !important;
	width: 300px !important;
    text-align: left !important;
	display: none !important;
}
button#gform_save_2_3_link {
    margin-top: 15px !important;
    margin-left: 0% !important;
	padding-left: 0% !important;
	width: 300px !important;
    text-align: left !important;
}
.gform_wrapper.gravity-theme input[type=file] {
    width: calc(100% - 16px / 2) !important;
}

}
/*
@-webkit-keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@keyframes AnimationName {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
*/
/* Font Counter*/
.lrw-counter-content {
    font-weight: 300;
}



/* BLOG */
    
.sidebar .site-main {
    margin: 0 20% 0 0 !important;
}
.widget-area {
    float: right !important;
    padding-left: 40px !important;
    width: 20% !important;
}
#colophon .widget .widget-title, #masthead-widgets .widget .widget-title, #secondary .widget .widget-title {
    display: none;
}
#secondary .widget {
    margin-bottom: 4em;
    margin-top: 4em;
}
/* Базовые стили для статьи */
.post-title-vs {
    font-weight: 700 !important;
    color: #2f555c !important;
	padding: 0px 20px !important;
}
    .post-vs {
        color: #605757; !important;
        line-height: 1.6 !important;
        margin: 0 auto !important; /* Центрируем контент */
        padding: 0px 20px !important;
    }

    .post-vs h1,
    .post-vs h2,
    .post-vs h3,
    .post-vs h4,
    .post-vs h5,
    .post-vs h6 {
        margin-top: 1.5em !important;
        margin-bottom: 0.8em !important;
		text-transform: none !important;
		text-align: left;
    }

.post-vs h1 {
    font-weight: 700 !important;
	color: #2f555c !important;
}

    .post-vs h2 {
        font-size: 1.8em !important;
        line-height: 1.25 !important;
		font-weight: 200 !important;
		border-top: 1px solid #f0f0f0 !important;
		padding-top: 0.9em !important;
		margin-top: 0em !important;
		color: #bb6100 !important;
    }

    .post-vs h3 {
        font-size: 1.7em !important;
        line-height: 1.3 !important;
		font-weight: 200 !important;
		color: #484848 !important;
    }

    .post-vs h4 {
        font-size: 1.3em !important;
        font-weight: 700 !important; /* Чуть менее жирный, чем h1-h3 */
		color: #484848 !important;
    }

.post-vs h5 {
    font-size: 1.2em !important;
    margin-top: 35px !important;
    margin-bottom: 40px !important;
    /* transform: translateY(-19%); */
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5%;
    padding-right: 5%;
    box-shadow: 5px 5px 3px 2px rgba(0, 0, 0, 0.02);
    border-radius: 5px 10px 10px 5px;
    border-color: #006875 !important;
    color: #2f545b !important;
    font-weight: 300 !important;
    background-color: #ecf6f8;
    text-shadow: 0px 0px 1px #00000075;
    border-left: 0.20em solid;
    /* border-right: 0.04em solid; */
}

    .post-vs h6 {
        font-size: 1.0em !important;
        font-weight: 600 !important;
        color: #666 !important;
        text-transform: uppercase !important;
    }

    .post-vs p {
        margin-bottom: 1.2em !important;
        font-size: 1em !important; /* Базовый размер шрифта для параграфов */
    }

    .post-vs b,
    .post-vs strong {
        font-weight: 700 !important; /* Стандартный жирный для Roboto/Open Sans */
        color: #000 !important;
    }


.post-vs ul {
    list-style: none !important;
    padding-left: 5px !important;
    margin-bottom: 1.2em !important;
    margin-left: 1.2em !important;
}

    .post-vs li {
        padding-left: 25px !important; /* Отступ для текста относительно маркера */
        position: relative !important;
        margin-bottom: 0.6em !important; /* Расстояние между элементами списка */
    }

    .post-vs li::before {
        content: "•" !important; /* Используем круглый маркер */
        color: #4CAF50 !important; /* Цвет маркера, можно подобрать под цвет кнопок */
        font-size: 1.5em !important; /* Размер маркера */
        position: absolute !important;
        left: 0 !important;
        top: -0.1em !important; /* Корректировка положения маркера */
    }

    .post-vs a {
        color: #0073aa !important; /* Стандартный цвет ссылок WordPress */
        text-decoration: none !important;
        transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out !important;
        border-bottom: 1px solid transparent !important;
    }

    .post-vs a:hover {
        color: #005177 !important;
        border-bottom: 1px solid #005177 !important;
    }