@charset "UTF-8";

/* Theme Name: Pips.ua
Theme URI: 
Author: Deme 
Description: Pips.ua
Version: 1.0 
License: GNU General Public License License URI: license.txt */


/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptsg8zYS_SKggPNyCg4QIFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptsg8zYS_SKggPNyCg4SYFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



body {
	font-family: Raleway,sans-serif;
}

a, .nav-link {
	color: inherit;
	text-decoration: none;
}

a:hover, .nav-link:hover, a:active, .nav-link:active, .nav-link:focus, .nav-link:hover {
	color: inherit;
}

.page-content, body:not(.home) .main-wrapper  {
	padding-top: 150px;
}

header {
	background-color: #00abeb;
	z-index: 99;
}

.section-about p {
	margin-bottom: 20px;
}

.dropdown-toggle::after {
    position: absolute;
    right: 4px;
    top: calc(50% - 2px);
}

.dropdown-toggle {
	position: relative;
}

.menu-item-has-children:hover .dropdown-menu {
	display: block;
}

ul.nav-link-wrapper {
	list-style: none;
	padding-left: 0;
}

.dropdown-menu .nav-link {
	padding: 5px 15px;
}

.dropdown-menu {
	border: none;
	padding: 15px 0;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

body:not(.at-top) header {
/* 	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); */
}

a[href^="tel:"] {
	font-family: "Montserrat", sans-serif;
}

.dropdown-menu a.nav-link {
	line-height: 1.2;
}

.dropdown-menu a.nav-link:hover {
	font-weight: bold;
	color: #212529;
}

.link-button {
	position: relative;
	font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    transition: all 0.2s;
}

/* .link-button:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	border-bottom: 2px dashed #42ab31;
	transition: all 0.2s;
} */

.section-values p {
	margin-bottom: 5px;
}

.link-button:after {
	content: url(./img/arrow.svg);
	margin-left: 10px;
	position: absolute;
	right: -20px;
	top: 0;
	transition: all 0.2s;
}

.link-button:hover:after {
	right: -30px;
	transition: all 0.2s;
}

.link-button:hover:before {
	border-bottom: 2px solid #42ab31;
	transition: all 0.2s;
}

.content-wrapper-full {
	margin-bottom: 20px;
}

.nav-button-wrapper, .nav-link-wrapper {
	margin-left: auto;
}

.section-hero {
	padding-top: 129px;
}

header .nav-link > div, footer .nav-link > div {
	border-bottom: 2px solid transparent;
	transition: all 0.2s;
}


body.admin-bar .fixed-top {
	top: 32px;
}

body:not(.single):not(.archive) .page-content {
    min-height: 100vh;
    overflow-x: hidden;
}


body:not(.at-top) .nav-logo {
	height: 3.8rem;
	transition: all 0.2s;
}

.nav-logo {
	transition: all 0.2s;
}


img {
    max-width: 100%;
    height: auto;
}

.fancybox-button--close {
	font-size: 0;
}

.slick-slide {
	padding: 20px;
}

.slide-inner {
	position: relative;
	padding-bottom: 100%;
}

.slide-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-slider:not(.slick-initialized) {
	display: none;
}

.slick-prev {
	left: 100px;
	z-index: 5;
}

.slick-next {
	right: 100px;
}

.testimonials-slider .slick-next {
	right: calc(50% - 330px);
	top: -38px;
}
.testimonials-slider .slick-prev {
	left: calc(50% - 330px);
	top: -38px;
	z-index: 5;
}

.slick-next:before {
    content: url(./img/arror-right.svg);
} 

.slick-prev:before {
    content: url(./img/arror-left.svg);
} 

.slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus {
	width: 60px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 50px;
}

.slick-prev:hover, .slick-next:hover {
	background-color: #fff;
}

.slick-next:before {
	margin-left: 7px;
}

.values-image {
    width: 19.375rem;
    height: 19.375rem;
} 

.section-philosophy p {
	margin-bottom: 20px;
}

.w-embed iframe {
	width: 100%;
}

.footer-menu > * {
	width: 33%;
    display: block;
    padding: 0;
    margin: 0;
}

.footer-menu-wrapper {
	width: 50%;
}

.footer-menu {
	flex-wrap: wrap;
}

.footer-menu > .footer-links-col {
	width: 100%;
}

.footer .nav-link {
    color: var(--black);
    font-weight: 400;
    text-decoration: none;
    transition: color .25s;
    display: block;
} 

.footer .nav-link:hover {
	color: #42ab31;
}

.single p {
	margin-bottom: 20px;
}

.blog-post-main-image, .heading-style-h1-blog {
	margin-bottom: 20px;
}

.fancybox-content {
	background-color: #273c5f;
	color: #fff;
}

.form-title {
	font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
}

input, textarea, label {
	width: 100%;
}

label {
    margin-bottom: 0.3125rem;
    font-size: 1.25rem;
    font-weight: 300;
}

input {
	min-height: 3.75rem;
    background-color: #fff;
    color: #000;
    border-radius: 100vw;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: none;
}

input:focus {
	outline: none;
	box-shadow: none;
}

input[type="submit"] {
	width: 100%;
    background-color: #42ab31;
    background-image: none;
    padding: 1rem 3.75rem;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color .3s;
    color: #fff;
    margin-top: 35px;
    display: block;
}

.wpcf7-form .wpcf7-spinner {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

textarea {
    min-height: 8rem;
    border-radius: 2rem;
    padding-top: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

input[type="file"] {
	display: flex;
	color: #000;
    background-color: #f1f1f1;
    border: 1px dashed #bdbdbd;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 14px;
}

body .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.7em;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
    top: -5px;
    position: relative;
}

.fancybox-content {
	max-width: 500px;
}

.section-team p {
	margin-bottom: 20px;
}

.fixed-button {
	display: block;
	position: fixed;
	font-size: 18px;
	font-weight: 500;
	bottom: 0;
	right: 5vw;
	color: #fff;
	background-image: linear-gradient(90deg, #81bc22, #49ad33);
	padding: 10px 30px 7px 30px;
	border-radius: 15px 15px 0px 0px;
	z-index: 999;
	transition: all 0.2s;
}

.fixed-button svg {
	margin-right: 10px;
	margin-top: -2px;
}

.fixed-button:hover svg path {
	fill: #000;
	transition: all 0.2s;
}

.fixed-button svg path {
	transition: all 0.2s;
}

.fixed-button:hover {
	color: #000;
    background-image: linear-gradient(90deg, #bfea5c, #60be05);
    padding: 10px 30px 15px 30px;
    transition: all 0.2s;
}

.scroll-lock {
	overflow-y: hidden;
}

.heading-style-h2 {
	line-height: 1.2;
}

footer .dropdown-menu, footer .dropdown-toggle::after {
	display: none !important;
}

.footer .nav-link {
	padding-left: 0;
	padding-bottom: 0;
}

.grecaptcha-badge {
	display: none;
}

/* .testimonial-text-wrapper {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 7.5em;
	line-height: 1.5em; 
	margin-bottom: 15px;
} */

.testimonial-text-wrapper {
	margin-bottom: 15px;
}

.author-photo-wrapper {
	position: relative;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 10px;
}

.author-photo-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.author-name {
	font-weight: bold;
}

.author-position {
	font-size: 80%;
}

.testimonial-inner .star {
	color: rgb(255 192 14);
	line-height: 1.2;
	font-size: 80%;
}

.testimonials-slider {
	margin-bottom: 50px;
	margin-left: -20px;
	margin-right: -20px;
}

.testimonial-text-wrapper {
	/* padding: 0 20px; */
	font-style: italic;
}

.testimonial-text-wrapper .icon-wrapper {
	flex-shrink: 0;
	margin-right: 10px;
}

.testimonial-text-wrapper .icon-wrapper:last-of-type {
	margin-right: 0;
	margin-left: 10px;
}

.testimonials-section .heading-style-h2 {
	margin-bottom: 20px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.author-wrapper {
	margin-bottom: 20px;
}

.slick-dots li.slick-active button:before {
	color: #42ab31;
	font-size: 12px;
}

.testimonial-wrapper {
	margin-bottom: 70px;
}

header .phone-link {
	order: 1;
}

.phone-link span {
	font-weight: bold;
	text-decoration: underline;
}

.additional-menu-links-wrapper {
	align-items: center;
}

.docs-link {
	order: 2;
}

.language-wrapper {
	order: 3;
}

.remote-plan.pricing-plan {
	grid-template-columns: 1fr 1fr 0fr;
}

.pricing-list-item-text {
	text-align: left;
}

@media (min-width: 992px) {
	
}

@media (max-width: 991px) {
	
	.remote-plan.pricing-plan {
		grid-template-columns: none;
	}

	.phone-link {
		margin-bottom: 10px;
	}
	
	.testimonials-section .heading-style-h2 {
		font-size: 1.8rem;
	}
	
	body.at-top .fixed-button {
		display: none;
	}
	
	.testimonials-slider .slick-next {
		right: -15px;
		top: -31px;
	}
	
	.testimonials-slider {
		margin-bottom: 50px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.testimonials-slider .slick-prev:hover, .testimonials-slider .slick-next:hover {
		background-color: transparent;	
	}
	
	.testimonials-section .heading-style-h2 {
		padding: 0 40px;
	}
	
	.cta-section .heading-style-h2 {
		/* font-size: 24px; */
		padding: 0 20px;
		/* font-weight: bold; */
	}
	
	.testimonials-slider .slick-prev {
		left: -15px;
		top: -31px;
		z-index: 5;
	}
	
	.horizontal-scroll-animation {
		display: none !important;
	}
	
	.home-hero-content-wrapper {
		padding-top: 50px;
	}
	
	.nav-logo {
		width: auto !important;
	}
	
	.form-title {
		line-height: normal;
		font-size: 32px;
	}
	
	.slick-prev {
		left: -2px;
	}
	
	.slick-next {
	    right: -2px;
	} 
	
	h1 {
		max-width: 100%;
	}
	
	.nav-link-wrapper {
		margin-top: 5rem;
	}
	
	.fancybox-content {
		padding: 20px;
	}
	
	.blog-item-image {
		max-height: inherit;
		max-width: 100%;
	}
	
	.blog .page-content, .single .page-content {
		padding-top: 86px;
	}
	
	.heading-style-h1 {
		text-align: center;
		max-width: inherit;
	}
	
	.nav-logo-link.w--current {
		display: block;
	}
	
	.heading-style-h2 {
		line-height: normal;
	}
	
	.nav-container {
		height: auto;
	}
	
	.nav-button-wrapper, .nav-link-wrapper {
		margin-right: auto;
	}
	
	.dropdown-toggle::after, .menu-item-has-children:hover .dropdown-menu {
		display: none;
	}
	
	.team-item-description {
		line-height: 1.2;
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	header {
		background-color: transparent;
	}
	
	.nav-container {
	    justify-content: flex-start;
	}
	
	body:not(.at-top) .nav-logo {
	    display: none;
	}
	
	.home .section-hero .nav-logo {
		display: none;
	}
	
	.nav-container {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.page-content, body:not(.home) .main-wrapper, .section-hero {
		padding-top: 20px;
	}
	
	.footer-menu-wrapper {
		width: 100%;
		margin-top: 20px;
	}
	
	.footer-menu > * {
		width: auto;
		margin-right: 20px;
	}
	
	.footer-menu > .footer-links-col {
	    width: 100%;
	    justify-content: flex-start;
	    display: flex;
	    margin-bottom: 20px;
	}
}