@charset "UTF-8";
/*
Theme Name: Tolik Larin
Theme URI: 
Author: Deme
Description: Tolik Larin.
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/



/* cyrillic-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Play Regular'), local('Play-Regular'), url(../larin/fonts/6aez4K2oVqwIvtg2H70Q13HqPA.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: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Play Regular'), local('Play-Regular'), url(../larin/fonts/6aez4K2oVqwIvtE2H70Q13HqPA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Play Regular'), local('Play-Regular'), url(../larin/fonts/6aez4K2oVqwIvts2H70Q13HqPA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Play Regular'), local('Play-Regular'), url(../larin/fonts/6aez4K2oVqwIvtU2H70Q13E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Play';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Play Bold'), local('Play-Bold'), url(../larin/fonts/6ae84K2oVqwItm4TCp0y2lvQNTIQoQ.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: 'Play';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Play Bold'), local('Play-Bold'), url(../larin/fonts/6ae84K2oVqwItm4TCpQy2lvQNTIQoQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Play Bold'), local('Play-Bold'), url(../larin/fonts/6ae84K2oVqwItm4TCp4y2lvQNTIQoQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Play Bold'), local('Play-Bold'), url(../larin/fonts/6ae84K2oVqwItm4TCpAy2lvQNTI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.sidebar-menu {
	position: fixed;
	height: 100%;
	width: 215px;
	right: -115px;
	background-color: #000;
	padding: 100px 40px;
	font-size: 14px;
	transition: all 0.3s;
	z-index: 999;
}

.sidebar-menu:hover {
	right: 0;
}

.footer-title {
	margin-bottom: 35px;
}

#overlay {
	background-color: rgba(0, 0, 0, 0.1);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
}

#sidebar-menu:hover +  #overlay {
	display: block;
}


.sidebar-menu .nav-link {
	padding: 0;
	margin-bottom: 40px;
}

.navbar-nav {
	display: block;
}

.sidebar-menu a.nav-link {
	color: #fff;
}

.sidebar-menu .menu-icon {
	display: inline-block;
	margin-right: 20px;
	width: 24px;
	text-align: center;
}

.sidebar-menu .nav-link div:not(.menu-icon) {
	opacity: 0;
	transition: all 0.5s;
}

.sidebar-menu:hover .nav-link div:not(.menu-icon) {
	opacity: 1;
}

.sidebar-menu .navbar-nav div {
	display: inline-block;
}


footer {
	background-color: #000;
	color: #fff;
}

/* footer .name:before {
	content: url('../larin/img/icons/name.svg');
	
}

footer .phone:before {
	content: url('../larin/img/icons/phone.svg');
}

footer .email:before {
	content: url('../larin/img/icons/email.svg');
}

footer .comments:before {
	content: url('../larin/img/icons/comments.svg');
} */

footer .contactform-label:before {
	margin-right: 8px;
	position: relative;
	top: 1px;
}


footer .section-title {
	min-height: 168px;
}

.partner-block a {
	display: block;
	color: #fff;
	background-color: #000;
	padding: 40px 30px;
	margin-bottom: 40px;
	position: relative;
	transition: all 1s;
}

.partner-block:nth-child(odd) a {
	margin-top: 50px;
}

.partner-block:nth-child(even) a {
	margin-top: 100px;
}



.partner-block a:after {
	content: url('../larin/img/icons/link.svg');
	position: absolute;
	right: 30px;
}

.partner-block {
	padding-left: 0;
	padding-right: 40px;
}

.partner-block:last-child a, .partner-block:nth-last-child(2) a {
	margin-bottom: 0;
}

.partner-block a:hover {
	text-decoration: none;
}

.partners-section .types-list {
	padding-right: 20px;
	padding-left: 58px;
}

body {
	font-family: 'Play';
}

.section:nth-child(even) {
	background-color: #000;
	color: #fff;
}

footer.section {
	background-color: #000;
	color: #fff;
}

.section:nth-child(odd) {
	background-color: #fff;
	color: #000;
}


.section:nth-child(even) .container {
	border-right: 1px solid #fff;
	border-color: #fff;
}


footer.section .container {
	border-right: 1px solid #fff;
	border-color: #fff;
}

.section:nth-child(odd) .container {
	border-right: 1px solid #000;
	border-color: #000;
}

.section:nth-child(even) img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

footer.section img {
	-webkit-filter: invert(0) !important;
	filter: invert(0) !important;
}

footer {
	background-repeat: no-repeat;
	background-position: center top;
}

.contactform-label {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 18px;
}

textarea {
   resize: none;
}

button, input, optgroup, select, textarea {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	background-color: #000;
	border: 1px solid #fff;
	padding: 18px;
	color: #fff;
	margin-bottom: 18px;
	
}

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus, button:hover, input:hover, optgroup:hover, select:hover, textarea:hover {
	outline: none;
	border-color: #FFD200;
}

button, input:not(.wpcf7-mathcaptcha), optgroup, select, textarea {
	width: 100%;
}

input[type="submit"] {
	color: #000;
	background-color: #fff;
	transition: all 0.3s;
}

input[type="submit"]:hover {
	color: #fff;
	background-color: #000;
}

footer .types-list {
	border: none;
	padding-left: 0;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
}

.footer-inner-container {
	border-left: 1px solid #fff;
	padding: 0 80px;
}


.service-icon {
	display: inline-block;
	width: 30px;
	text-align: center;
	margin-right: 14px; 
}

.service-icon img {
	position: relative;
	top: -4px;
}

.types-list {
	font-size: 24px;
	line-height: 28px;
	margin-left: 213px;
	border-left: 1px solid;
	padding-left: 54px;
}

.single-type {
	margin-bottom: 40px;
	transition: all 1s;
}

.section-title {
	font-weight: bold;
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 80px;
	width: 213px;
	position: relative;
	min-height: 56px;
}

.section-title span {
	position: absolute;
	right: 0;
	text-align: right;
}

.copyright {
	padding-bottom: 20px;
}

.section {
/* 	height: 700px; */
	min-height: 100vh;
	height: auto;
/* 	overflow-y: hidden; */
}

.section.welcome-section .container {
	padding-bottom: 48px;
}

.container-inner {
	top: 150px;
	padding-top: 140px;
	padding-bottom: 140px;
	position: -webkit-sticky;
	position: sticky;
}

footer .container-inner {
	padding-bottom: 0;
}

.welcome-section .container {
	background-repeat: no-repeat;
	background-position: right center;
}

.section > .container {
	height: 100%;
}

.welcome-section .section-title {
	padding-top: 160px;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 0.05em;
}

.welcome-section .section-title .surname {
	font-style: normal;
	font-weight: normal;
	font-size: 96px;
	line-height: 111px;
	/* identical to box height */
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 19px;
}

.experience-list {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	border-left: 1px solid #fff;
	padding: 50px 0;
	margin-left: 213px;
	transition: padding 0.4s;
}

.single-experience {
	margin-bottom: 35px;
	position: relative;
    bottom: -40px;
    transition: bottom 0.4s;
}

.single-experience:before {
	content: url('../larin/img/bubble.svg');
	margin-right: 29px;
	position: relative;
	left: -7px;
	background-color: #000;
}

@media screen and (min-width: 992px) and (max-width: 1350px) {
	.section-title span {
		right: -6vw;
	}
}



@media (max-width: 991px) {
	
	.sidebar-menu.collapsed:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 0;
	}
	
	#overlay {
		display: none !important;
	}
	
	.sidebar-menu:hover {
		right: auto;
	}
	
	.sidebar-menu.collapsed {
		right: -162px;
	}
	
	.sidebar-menu.uncollapsed {
		right: 0;
	}
	
	.welcome-section .section-title {
		padding-top: 80px;
	}
	
	.service-icon {
		display: block;
	}
	
	.welcome-section .container {
		background-position: right bottom;
		background-size: 186%;
	}
	
	.experience-list {
		margin-left: 10px;
	}
	
	.types-list {
		margin-left: 10px;
		padding-left: 25px;
		font-size: 18px;
	    max-width: 86%;
	}
	
	.section-title span {
		left: 9px;
		right: auto;
		text-align: left;
	}
	
	.sidebar-menu {
	    right: -162px;
	    padding: 100px 17px;
	}
	
	.partners-section .types-list {
		padding-left: 25px;
	}
	
	.partner-block {
		padding-right: 0;
	}
	
	.partner-block:last-child a, .partner-block:nth-last-child(2) a, .partner-block a {
		margin-bottom: 20px;
	}
	
	.container-inner {
	    padding-top: 70px;
	    padding-bottom: 70px;
	}
	
	.footer-inner-container {
		padding: 0 25px;
	}
	
	footer .service-icon {
		display: inline-block;
	}
	
	.contactform-label {
		font-size: 16px;
	}
	
	footer {
		background-size: cover;
	}
}

@media (max-height: 520px) {
	.sidebar-menu {
		padding: 17px;
	}
	
	.sidebar-menu .nav-link {
		margin-bottom: 20px;
	}
}