/*Fonts*/
	@font-face {
		font-family: 'Montserrat-Light';
		src: url('../fonts/Montserrat-Light/Montserrat-Light.eot');
		src: url('../fonts/Montserrat-Light/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-Light/Montserrat-Light.svg#Montserrat-Light') format('svg'),
			url('../fonts/Montserrat-Light/Montserrat-Light.ttf') format('truetype'),
			url('../fonts/Montserrat-Light/Montserrat-Light.woff') format('woff'),
			url('../fonts/Montserrat-Light/Montserrat-Light.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat-Regular';
		src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot');
		src: url('../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
			url('../fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'),
			url('../fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
			url('../fonts/Montserrat-Regular/Montserrat-Regular.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat-Medium';
		src: url('../fonts/Montserrat-Medium/Montserrat-Medium.eot');
		src: url('../fonts/Montserrat-Medium/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-Medium/Montserrat-Medium.svg#Montserrat-Medium') format('svg'),
			url('../fonts/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype'),
			url('../fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'),
			url('../fonts/Montserrat-Medium/Montserrat-Medium.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat-SemiBold';
		src: url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot');
		src: url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg'),
			url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf') format('truetype'),
			url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff') format('woff'),
			url('../fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat-Bold';
		src: url('../fonts/Montserrat-Bold/Montserrat-Bold.eot');
		src: url('../fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
			url('../fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'),
			url('../fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'),
			url('../fonts/Montserrat-Bold/Montserrat-Bold.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}	
	@font-face {
		font-family: 'Montserrat-ExtraBold';
		src: url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.eot');
		src: url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg'),
			url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.ttf') format('truetype'),
			url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.woff') format('woff'),
			url('../fonts/Montserrat-ExtraBold/Montserrat-ExtraBold.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Lato-Light';
		src: url('../fonts/Lato-Light/Lato-Light.eot');
		src: url('../fonts/Lato-Light/Lato-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Lato-Light/Lato-Light.svg#Lato-Light') format('svg'),
			url('../fonts/Lato-Light/Lato-Light.ttf') format('truetype'),
			url('../fonts/Lato-Light/Lato-Light/Lato-Light.woff') format('woff'),
			url('../fonts/Lato-Light/Lato-Light.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Lato-Regular';
		src: url('../fonts/Lato-Regular/Lato-Regular.eot');
		src: url('../fonts/Lato-Regular/Lato-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg'),
			url('../fonts/Lato-Regular/Lato-Regular.ttf') format('truetype'),
			url('../fonts/Lato-Regular/Lato-Regular/Lato-Regular.woff') format('woff'),
			url('../fonts/Lato-Regular/Lato-Regular.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Lato-Bold';
		src: url('../fonts/Lato-Bold/Lato-Bold.eot');
		src: url('../fonts/Lato-Bold/Lato-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Lato-Bold/Lato-Bold.svg#Lato-Bold') format('svg'),
			url('../fonts/Lato-Bold/Lato-Bold.ttf') format('truetype'),
			url('../fonts/Lato-Bold/Lato-Bold/Lato-Bold.woff') format('woff'),
			url('../fonts/Lato-Bold/Lato-Bold.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'OpenSans-Regular';
		src: url('../fonts/OpenSans-Regular/OpenSans-Regular.eot');
		src: url('../fonts/OpenSans-Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/OpenSans-Regular/OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
			url('../fonts/OpenSans-Regular/OpenSans-Regular.ttf') format('truetype'),
			url('../fonts/OpenSans-Regular/OpenSans-Regular/OpenSans-Regular.woff') format('woff'),
			url('../fonts/OpenSans-Regular/OpenSans-Regular.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}
/*END*/

html, body, ul, li, h1, h2, h3, h4, p, input[type="checkbox"], form {margin: 0; padding:0;}
ul, li {list-style: none;}
a {text-decoration: unset;}
input:active, input:focus, button:active, button:focus {outline: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent!important;background-image: none;color: rgb(0, 0, 0);}
input[type="text"], input[type="password"], input[type="number"],
input[type="email"], input[type="tel"], input[type="submit"], 
textarea {outline: 0 !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input {border-radius: 0; border-color: transparent; border-width: 0;}

/*Elements*/
	body {font-size: 16px;font-family: Lato-Regular, sans-serif;color: #232323;}
	.container {
		max-width: 1200px;
		margin: 0 auto;
	}
	.letter-spacing(@spacing) {
		letter-spacing: (@spacing / 1000) * 1em;
	}
	.transition(@transition) {
		-webkit-transition: @transition;
	    -moz-transition: @transition;
	    -ms-transition: @transition;
	    -o-transition: @transition;
	    transition: @transition;
	}
	.logo-b {
    	width: 240px;
    	height: 44px;
    	background: url(../images/logo-b.svg);	    	
    }	
	.btn {		
		border: 2px solid #000000;
		background-color: transparent;
		font: 400 0.750em Lato-Regular, sans-serif;
		line-height: 15px;
		.letter-spacing(77);
		color: #404040;
		text-transform: uppercase;		
		width: 142px;
		height: 38px;
		padding: 0;
		.transition(all 0.2s ease-in-out);
		cursor: pointer;
		box-sizing: border-box;		
		&:disabled {
			pointer-events: none;
			border-color: #d7d6ea;
			color: #d7d6ea;
		}
	}
	a.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.btn:hover, .btn.reverse {
		color: #ffffff;
		background-color: #000000;
	}
	.btn.reverse:hover {
		color: #404040;
		background-color: transparent;
	}
	.container img {
		display: block;
		max-width: 100%;
		max-height: 100%;
	}
	.socials {
		display: flex;
		justify-content: center;
		a {
			display: block;
			background: url(../images/icons.svg);
		}		
	}	
	.socials.sm {
		a {			
			width: 30px;
			height: 30px;
			background-position: 0 -115px;	
			margin-left: 10px;	
		}
		.vk {
			background-position-x: -32px;
		}
		.fb {
			background-position-x: -64px;
		}
		.yt {
			background-position-x: -96px;
		}		
	}	
	.socials.md {
		a {			
			width: 32px;
			height: 32px;
			background-position: 0 0;	
			margin: 0 5px;			
			&:hover {
				background-position-y: -34px;
			}
		}
		.vk {
			background-position-x: -34px;
		}
		.fb {
			background-position-x: -68px;
		}
		.yt {
			background-position-x: -102px;
		}			
	}	
	.socials.bg {
		a {			
		    width: 56px;
		    height: 56px;
		    background-position: -135px 0px;
		    margin: 0 7px;			
			&:hover {
				background-position-y: -57px;
			}
		}
		.vk {
			background-position-x: -191px;
		}
		.fb {
			background-position-x: -247px;
		}
		.yt {
			background-position-x: -303px;
		}			
	}
	.special-title {
		display: inline-block;
		position: relative;
		z-index: 1;
		font-family: Montserrat-SemiBold, sans-serif;
		font-size: 2.250em;
		line-height: 44px;	
		&:before {
			content: "";
			position: absolute;
			z-index: -1;
			display: block;
			width: 102px;
			height: 46px;
			background: url(../images/h2-special.svg);	
		}
	}
	.section-title {			
		font-family: Montserrat-SemiBold, sans-serif;
		font-size: 2.250em;
		line-height: 44px;
		.letter-spacing(16);			
	}
	.hide {
		display: none;
	}
	.post-link {
		font-size: 1.125em;
		color: #232323;
		border-bottom: 1px solid;	
		&:hover {
			border-bottom-color: transparent;
		}	
	}
	body #simple-outer {
	    border-radius: 0px;
	    -moz-border-radius: 0px;
	    -webkit-border-radius: 0px;
	}
/*END*/

/*Fullpage Plugin*/
	.fp-tableCell-style {		
		padding: 140px 0 50px;
		box-sizing: border-box;
	}
	.fp-tableCell {
		.container {
			.content {
				max-height: ~'calc(100vh - 190px)';
			}
		}
	}
/*END*/

/*Front Page Banner*/
	.fp-banner {	
		background-color: #eeedfd;
		.fp-tableCell {
			vertical-align: bottom;
			text-align: center;
			/*background: url(../images/fp-banner.jpg) center bottom no-repeat #EEEDFD;
			background-size: contain;*/
			background: url(../images/fp-banner.jpg) center center no-repeat #EEEDFD;
			background-size: cover;
			color: #ffffff;
			.greeting {
				font-family: Montserrat-SemiBold, sans-serif;
				font-size: 1.500em;
				.letter-spacing(2);
				line-height: 29px;
				text-shadow: 0px 6px 7px rgba(32, 32, 32, 0.4);
			}
			#clip {
				display: flex;
				justify-content: center;
				padding: 4px 0 8px;								
				.word {
					font-family: Montserrat-SemiBold, sans-serif;
					font-size: 4.375em;
					.letter-spacing(2);									
					margin: 0 8px;
					text-shadow: 0px 6px 7px rgba(32, 32, 32, 0.4);
				}
				#psychologist {
					display: block;
					width: 360px;
					overflow: hidden;
				}
				.line {
					width: 8px;
					height: 64px;
					margin-top: 14px;
					background-color: #ffffff;
				}				
			}
			.directions {
				.tag {
					font-family: Lato-Bold, sans-serif;
					font-size: 0.750em;
					line-height: 15px;
		    		.letter-spacing(77);	
		    		margin: 0 6px;	
		    		text-shadow: 0px 6px 7px rgba(32, 32, 32, 0.4);			
				}
				.sep {
					display: inline-block;
					width: 5px;
					height: 5px;
					margin-bottom: 1px;
					background-color: #ffffff;
					transform: rotate(45deg);
				}
			}
			.socials {
				padding:30px 0 48px;
			}
		}
	}
/*END*/

/*Header*/
	#header {
	    position: fixed;
	    top: 0;	
	    width: 100vw;	    
	    background-color: #ffffff;
	    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	    z-index: 10;
	    .transition(all 0.7s ease-in-out);
	    .container {
	    	height: 100px;
		    display: flex;
		    align-items: center;
		    .navbar {
		    	display: flex;
		    	align-items: center;
		    	margin-left: auto;
		    	#header-menu ul {
		    		display: flex;
		    	}
		    	#header-menu ul li {
		    		margin-right: 50px;
		    	}
		    	#header-menu ul li:last-child {
		    		margin-right: 30px;
		    	}		    	
		    	#header-menu ul li a {
		    		font-size: 0.750em;
		    		line-height: 15px;
		    		.letter-spacing(77);
		    		color: #404040;
		    		text-transform: uppercase;  
		    		border-bottom: 1px solid transparent;  		
		    	}
		    	#header-menu ul li.current-menu-item a, #header-menu ul li.current-post-parent a, #header-menu ul li a:hover {
		    		border-bottom-color: #707070;  		
		    	}		    	
		    }
		}
	}
	.fp-viewing-1 #fullpage #header {
		background-color: transparent;
		box-shadow: none;
	}
/*END*/

/*About Me*/
	.about-me {
		.fp-tableCell {
			.fp-tableCell-style;
		}
		.content {
			display: flex;
			align-items: flex-start;
			.lt {
				width: 50vh;
				padding: 0 0 44px 41px;
				box-sizing: border-box;					
				text-align: right;
				position: relative;
				.photo {
				    height: 100%;
				    outline: 13px solid #E8E8E8;
				    outline-offset: -13px;					    
				}
				.layout {
					position: absolute;
					left: 0;
					right: 50px;
					top: 130px;
					bottom: 0;
					z-index: -1;
					box-sizing: border-box;
					background: url(../images/about-me-back.svg) no-repeat left bottom;
				}
			}
			.rt {
				width: 60%;	
				padding: 60px 0 0 70px;
				box-sizing: border-box;	
				.txt {
					margin: 34px 0 74px;						
					p {
						font-size: 1.125em;
						line-height: 21px;
						color: #606060;
						margin-bottom: 22px;
					}
				}
				.buttons {
					display: flex;
					.btn {
						margin-right: 40px;
					}
				}			
			}
		}
	}
/*END*/

/*Services*/
	.services {
		text-align: center;
		background-color: #FAFAFA;
		.fp-tableCell {
			vertical-align: top;
			.fp-tableCell-style;
			ul.list {
				margin-top: 40px;
				margin-bottom: 42px;
			}
		}
		ul.list {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -8px;
			li {
				width: 50%;					
				margin-bottom: 20px;
				.wrapper {
					padding: 0 8px;
					.inner {
						display: flex;
						justify-content: space-between;
						height: 150px;
						background-color: #ffffff;																	
						position: relative;
						text-align: left;
						.content {
							flex: 1;
							padding: 38px 10px 38px 52px;
							.title {
								font-family: Montserrat-Regular, sans-serif;
								font-size: 1.000em;
								.letter-spacing(64);
								text-transform: uppercase;								
								padding-bottom: 26px;
								position: relative;							
								&:after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									display: block;
									width: 48px;
									height: 1px;
									background-color: #606060;								
								}
							}
						}
						.thumb {
							flex: none;
							width: 150px;
							position: relative;
							img {
								-webkit-filter: grayscale(1);
								filter: gray;
								filter: grayscale(1);
							}
						}
						a {
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
						}
					}
				}
				&:hover {
					.wrapper {
						.inner {
							box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
							.transition(all 0.2s ease-in-out);
							.thumb {
								img {
									filter: unset;
									.transition(all 0.2s ease-in-out);
								}
							}
						}
					}
				}
			}
			li:nth-child(even) {
				.wrapper {
					.content {
						padding-left: 92px;
					}
				}
			}			
		}		
	}
/*END*/

/*Articles*/
	.articles {
		text-align: center;
		.fp-tableCell {			
			vertical-align: top;
			.fp-tableCell-style;			
			ul {
				margin-top: 95px;
			}
		}
		ul.list {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -8px;
			li {
				width: 25%;					
				margin-bottom: 95px;
				.wrapper {
					padding: 0 8px;
					.inner {
						background-color: #ffffff;
						position: relative;
						text-align: left;
						box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
						.thumb {
							height: 178px;
						}
						.content {
							padding: 32px 28px 30px;
							.title {
								font-family: Montserrat-Bold, sans-serif;
								font-size: 1.000em;
								.letter-spacing(16);
								line-height: 22px;
								height: 44px;
								overflow: hidden;
							}
							.descr {
								font-size: 0.875em;
								color: #606060;
								line-height: 19px;
								margin: 30px 0 35px;
								height: 95px;
								overflow: hidden;
							}
							.details {
								font-family: Montserrat-Medium, sans-serif;
								font-size: 0.750em;
								.letter-spacing(16);
								line-height: 15px;
								color: #606060;
								text-transform: uppercase;
							}
						}
						a {
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
						}
					}
				}			
				&:hover {
					.wrapper {
						.inner {
							box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
							.transition(all 0.2s ease-in-out);
						}
					}
				}
			}
		}
	}
/*END*/

/*Page Form*/
	.page-form {
		text-align: center;
		background-color: #FAFAFA;
		.fp-tableCell {
			vertical-align: top;
			.fp-tableCell-style;			
		}
		.tagline {
			font-size: 1.125em;
			line-height: 17px;
			color: #AAAAAA;
			margin: 16px 0 68px;
		}
		.form-wrapper {
			padding: 58px 54px 50px;
			box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.16);				
			.before-form {
				display: flex;
				justify-content: center;
				text-align: center;
				margin-bottom: 48px;
				a {
					display: flex;
					flex-direction: column;
					align-items: center;
					font-family: Montserrat-Medium, sans-serif;
					font-size: 1.250em;
					.letter-spacing(16);
					color: #232323;
					margin: 0 75px;
					.icon {
						width: 46px;
						height: 46px;
						background: url(../images/icons.svg);
						margin-bottom: 20px;
					}
					.phone {
						background-position: -47px -67px;
					}
					.email {
						background-position: 0 -67px;						
					}						
				}					
			}
			.wpcf7-form {
				display: flex;
				flex-wrap: wrap;
				.lt {
					max-width: 454px;
					width: 42%;
				}
				.rt {
					max-width: 580px;
					width: 54%;
					margin-left: auto;
					textarea {
						resize: none;
					}
				}			
				.group { 
					margin-bottom: 33px;
					input, textarea {
						width: 100%;
						border: 1px solid #E8E8E8;
						font: 400 0.875em Montserrat-Regular;
						.letter-spacing(16);
						line-height: 18px;
						padding: 14px 22px;							
						box-sizing: border-box;
					}
					input::-webkit-input-placeholder  {color: #AAAAAA;}
					input:-ms-input-placeholder {color: #AAAAAA;}
					input::placeholder {color: #AAAAAA;}					
					textarea::-webkit-input-placeholder {color: #AAAAAA;}
					textarea::-ms-input-placeholder {color: #AAAAAA;}
					textarea::placeholder {color: #AAAAAA;} 	
				}	
				.bt {	
					max-width: 580px;
					width: 54%;
					margin-left: auto;
					display: flex;
					justify-content: space-between;
					.agreement {
						flex-wrap: wrap;
						max-width: 240px;
						a {
							margin: 4px 0 0 0;
						}
					}		
					.submit {						
						position: relative;
						.ajax-loader {
							margin: 11px 4px 0 0;
							position: absolute;
							left: -20px;
						}
					}	
				}
				div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
					position: absolute;
					left: 0;
					bottom: 0;
			        width: 454px;
				}				
			}
		}
	}	
	.wpcf7-form {
		position: relative;
		span.wpcf7-not-valid-tip {
			position: absolute;
			left: 0;
			right: 0;
			z-index: 1;
			font-size: 0.750em
		}
		div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
			box-sizing: border-box;
			margin: 0;
			padding: 2px;				    
			font-size: 0.750em
		}
	}
/*END*/

/*Footer*/
	.fp-bottom {
		background-color: #FAFAFA;			
		.fp-tableCell {
			vertical-align: top;
			.fp-tableCell-style;				
			padding-bottom: 0!important;	
			.before-footer {	
				height: ~'calc(100vh - 494px)';		
			}
		}		
	}
	.before-footer {	
		display: flex;
		align-items: center;
		padding-bottom: 90px;	
		box-sizing: border-box;	
		text-align: center;			
		.socials {
			margin-top: 54px;
		}			
	}	
	.before-footer.reduced {
		padding-top: 100px;
	}
	.footer {
		background-color: #606060;
		padding:54px 0 82px;
		.container {
			display: flex;
			justify-content: space-between;
			> div {
				width: 33.33333%;
			}
			a {
				color: #ffffff;
			}
			.lt {
				.wrapper {
					display: flex;
					flex-direction: column;
					max-width: 295px;
					text-align: left;					
					.logo-w {
					    width: 240px;
					    height: 44px;
					    background: url(../images/logo-w.svg);		
					    margin-bottom: 34px;		
					}
					a {
						font-family: Montserrat-Regular, sans-serif;
						font-size: 0.875em;
						line-height: 18px;						
					}
					a:not(.logo-w) {
						padding-left: 58px;
					}
					a.email {
						margin: 5px 0 40px;
					}
					a.politics {
						margin-top: 5px;
					}
				}
			}
			.md {
				display: flex;
				justify-content: center;
				align-items: flex-end;
				text-align: left;
				.footer-menu {
					max-width: 75px;
					ul li:not(:last-child) {
						margin-bottom: 6px;
					}
					a {
						font-size: 0.750em;
						line-height: 15px;
						.letter-spacing(77);
						text-transform: uppercase;
					}
				}
			}
			.rt {
				text-align: right;					
				color: #ffffff;
				font-family: Montserrat-Regular, sans-serif;
				font-size: 0.875em;
				line-height: 18px;
				.wrapper {
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					justify-content: space-between;
					max-width: 250px;
					height: 100%;
					margin-left: auto;
					position: relative;
					.socials {
						a:hover {
							-webkit-transform: scale(1.2);
							-moz-transform: scale(1.2);
							-o-transform: scale(1.2);
							-ms-transform: scale(1.2);
							transform: scale(1.2);
							.transition(all 0.2s ease-in-out);
						}
					}
					.dev {
						margin-bottom: 4px;
						a {
							border-bottom: 1px solid;						
							&:hover {
								border-color: transparent;
							}	
						}
					}
					.year {
						position: absolute;
						bottom: -26px;
						right: 0;
						font-family: Montserrat-Light, sans-serif;
						line-height: 13px;
						font-size: 10px;
					}				
				}
			}			
		}
	}
/*END*/

/*Front Page Preloader*/
	#preloader {		
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: #EEEDFD;
		.wrapper {	
			text-align: left;
			p {
				font-family: Montserrat-Semibold, sans-serif;
			    font-size: 1.000em;
			    letter-spacing: 0.016em;
			    line-height: 22px;
			   	color: #404040;
			   	margin-left: 58px;
			}	
		}
	}
/*END*/

/*Modal*/
	html.no-scroll, body.no-scroll {
		overflow-y: hidden!important;
		#fullpage {
			margin-right: 17px;		
			/*#header .container {
				padding-right: 17px;
			}*/
		}
		@media screen and (max-width: 1024px) and (max-height: 1366px) {
			#fullpage {
				margin-right: 0px;	
			}
		}
	}
	html.no-scroll .page {
		margin-right: 17px;				
	}
	#modal {
		display: none;
		position: relative;
		z-index: 1000;
		.overlay {
			width: 100vw;
			height: 100vh;
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;			
			-webkit-backdrop-filter: blur(8px);
   			backdrop-filter: blur(8px);
			background-color: rgba(205, 204, 226, 0.7);
			overflow-y: scroll;
			.wrapper {				
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				top: 0;
				display: flex;
				justify-content: center;
				margin: 100px 0;
				.inner {
					position: relative;
					width: 645px;						
					box-sizing: border-box;
					background-color: #FAFAFA;
					box-shadow: 0 4px 44px rgba(0, 0, 0, 0.16);
					text-align: center;
					.wpcf7-form {
						padding: 60px 75px 58px;
						.header{
							font-family: Montserrat-SemiBold, sans-serif;
							font-size: 2.250em;
							line-height: 44px;
							.letter-spacing(16);
							margin-bottom: 58px; 
						}
						.group {
							margin-bottom: 20px;
							input, textarea {
								width: 100%;
								box-sizing: border-box;
								border-width: 0px;
								border-color: transparent;
								font: 400 0.875em Montserrat-Regular;
								.letter-spacing(16);
								line-height: 18px;
								padding: 14px 22px;	
								box-sizing: border-box;
							}
							textarea {
								resize: none;
							}
							input::-webkit-input-placeholder  {color: #AAAAAA;}
							input:-ms-input-placeholder {color: #AAAAAA;}
							input::placeholder {color: #AAAAAA;}					
							textarea::-webkit-input-placeholder {color: #AAAAAA;}
							textarea::-ms-input-placeholder {color: #AAAAAA;}
							textarea::placeholder {color: #AAAAAA;} 
						}
						.submit {
							margin-top: 48px;
							position: relative;
							.ajax-loader {
				    			position: absolute;
				    			margin-top: 11px;
				    		}
						}	
						div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
							margin-top: 20px;
						}
					}		
					#after-send {	
						display: none;					
						.content {
							display: flex;
							justify-content: space-between;
							flex-wrap: wrap;
							padding: 98px 134px 15px;
							.thanks {
								text-align: left;
								p {
									font-family: Montserrat-Regular, sans-serif;
									font-size: 1.000em;
									.letter-spacing(16);
									color: #404040;
									line-height: 19px;
								}
							}
							.redirect {
								margin-top: 82px;
								width: 100%;
								text-align: center;
								a {
									font-family: Lato-Light, sans-serif;
									font-size: 0.625em;
									color: #AAAAAA;
									.letter-spacing(16);
									line-height: 12px;
								}
							}					
							.icon {
								width: 35px;
								height: 40px;
								background: url(../images/icons.svg);
								background-position: -96px -68px;
							}
						}
					}
					.close {
						position: absolute;
						top: 0;
						right: 0;
						width: 38px;
						height: 38px;
						cursor: pointer;					
						&:after {
						    content: "";
						    width: 14px;
						    height: 14px;
						    background: url(../images/icons.svg);
							background-position: -128px -115px;
						    position: absolute;
						    left: 12px;
						    top: 12px;
						}
					}
				}
			}
		}
	}
	.agreement {
		display: flex;
		align-items: center;
		font-size: 0.688em;
		line-height: 12px;
		color: #AAAAAA;
		input[type="checkbox"] {
			margin-right: 4px;
			cursor: pointer;
		}
		a {
			color: #232323;
			margin-left: 4px;
			span {
				border-bottom: 1px solid;			
			}							
			&:hover {
				span {
					border-bottom-color: transparent;			
				}				
			}	
		}						
	}
/*END*/

/*Page*/
	.page {
		padding-top: 100px;
		.p-banner {
			text-align: center;	
			.container {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 450px;
				.wrapper {
					padding: 10px;
					border: 1px solid #ffffff;
					.inner {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 485px;
						min-height: 205px;
						padding: 10px;
						box-sizing: border-box;
						background-color: #ffffff;	
						.p-title {
							font-family: Montserrat-Regular, sans-serif;
							font-size: 1.125em;
							line-height: 22px;
							.letter-spacing(64);
							color: #404040;
							text-transform: uppercase;
						}
					}
				}				
			}
		}	
		.p-content {
			.wrapper {
				padding: 45px 0 40px;
				line-height: 21px;
				p {
					font-size: 1.125em;
					color: #606060;
					margin-bottom: 22px;
				}
			}
		}		
		.page-form.reduce .content {
			padding-top: 70px;
		}	
	}
/*END*/

/*About Me Page*/
	.page {
		.about-me {
			padding: 48px 0 92px;
		}
		.page-form {
			.content {
				padding: 165px 0 135px;
			}
		}
		.diplomas-and-certificates {
			background-color: #FAFAFA;
			padding: 70px 0 150px;
			text-align: center;
			ul {
				display: flex;
				flex-wrap: wrap;
				margin: 50px -8px 0;
				li {
					width: 50%;
					margin-bottom: 38px;
					.wrapper {
					    padding: 0 8px;				
						.inner {
							position: relative;
							background-color: #ffffff;
							text-align: left;
							color: #606060;
							padding:20px 30px 25px;
							box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
							.date {
								font-family: OpenSans-Regular, sans-serif;
								font-size: 0.875em;
								line-height: 19px;							
							}
							.title {
								font-family: Montserrat-SemiBold, sans-serif;
								font-size: 1.250em;
								line-height: 24px;
								height: 48px;
								overflow: hidden;
								margin: 12px 0 16px;
							}
							.content {
								display: flex;	
								align-items: flex-start;					
								.desc {
									font-family: OpenSans-Regular, sans-serif;
									font-size: 0.875em;
									line-height: 19px;
									height: 118px;
									overflow: hidden;
									padding-right: 35px;																		
								}
								.thumb {
									position: relative;
									flex: none;
									width: 165px;
									height: 124px;
									.zoom {
										position: absolute;
										top: 50%;
										left: 50%;
										z-index: 1;
										margin-left: -23px;
										margin-top: -23px;
										width: 46px;
										height: 46px;
										background: url(../images/icons.svg);	
										background-position: -360px -1px;
									}
									a {
										position: absolute;
										top: 0;
										right: 0;
										bottom: 0;
										left: 0;
										z-index: 2;
									}	
									img {
										margin: 0 auto; 
									}							
								}
							}
							.line {							
								height: 3px; 
								background-color: #232323;
								position: absolute;
								bottom: 0;
								left: 30px;
								right: 30px;
							}
						}
					}
				}
			}
		}
		.service-slider {
			background-color: #FAFAFA;
			text-align: center;		
			.scroller {
				li {							
					.wrapper {
						position: relative;	
						padding: 30px 55px 30px;					
						.inner {
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							min-height: 234px;
							padding: 34px 44px 44px;	
							box-sizing: border-box;		
							background-color: transparent;
							box-shadow: 0 0 0 rgba(0, 0, 0, 0);
							font-family: Montserrat-Regular, sans-serif;
							text-transform: uppercase;
							.transition(all 0.2s ease-in-out);
							.top {
								display: flex;
								justify-content: center;
								align-items: center;
								height: 60px;
								margin-bottom: 10px;
								.icon {	
									background: url(../images/icons.svg);									
									margin: 0 auto;
									background-position: 0 -148px;
								}
								.icon-01 {
									width: 40px;
									height: 42px;
								}
								.icon-02 {
									width: 48px;
									height: 43px;
									background-position-x: -42px;
								}	
								.icon-03 {
									width: 38px;
									height: 39px;								
									background-position-x: -92px;
								}	
								.icon-04 {
									width: 41px;
									height: 41px;								
									background-position-x: -131px;
								}	
								.icon-05 {
									width: 45px;
									height: 45px;								
									background-position-x: -174px;
								}		
								.icon-06 {
									width: 57px;
									height: 39px;
									background-position-x: -221px;		
								}

								.icon-07 {
									width: 46px;
									height: 48px;
									background-position-x: -280px;	
								}
								.icon-08 {
									width: 45px;
									height: 46px;
									background-position-x: -328px;	
								}
							}
							.title {
								font-size: 1.000em;
								line-height: 19px;
								.letter-spacing(64);			
							}
							.details {
								opacity: 0;
								font-size: 0.750em;
								line-height: 15px;
								.letter-spacing(16);
								color: #606060;
								.transition(all 0.2s ease-in-out);
							}
							a {
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								z-index: 1;								
							}
						}						
					}				
					&:hover {
						.inner{
							background-color: #ffffff;
							box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.16);	
							.details {
								opacity: 1;
							}			
						}
					}
				}
			}
			.bx-pager {
				display: flex;
				justify-content: center;
				.bx-pager-item {
					margin: 0 4px;
					a {
						font-size: 0;
						display: block;
						width: 12px;
						height: 12px;
						background-color: #ffffff;
						border: 2px solid #E8E8E8;
						border-radius: 50%;
						box-sizing: border-box;
					}
					a.active, a:hover {
						background-color: #232323;
						border-color: #232323;
					}
				}
			}
			.bx-controls-direction {
				display: none;
			}
		}
		.before-footer {
		    background-color: #FAFAFA;
		}
	}
/*END*/

/*Services Page*/
	.page {
		.services {
			padding: 70px 0 88px;
			background-color: #ffffff;
			ul {
				margin-top: 72px;
				li {
					.inner {
						box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
					}
				}
			}
		}
	}
/*END*/

/*Service Single Page*/
	.page {
		.service {
			.p-banner {
				background: url(../images/s-banner.jpg) center no-repeat;
			}
		}	
	}
/*END*/

/*Simple Page*/
	.page {
		.simple-page {
			.p-banner {
				background: url(../images/p-banner.jpg) center no-repeat;
			}
		}
	}	
/*END*/

/*Articles Page*/
	.page {
		.articles {
			padding-top: 70px;
			.before-articles {
				display: flex;				
				align-items: center;
				margin: 38px -8px 30px;
				.category {
					visibility: hidden;
					display: flex;
					font-size: 1.000em;
					padding: 0 8px;
					.letter-spacing(16);
					color: #AAAAAA;								
					&:before {
						content: "";
						display: block;
						width: 13px;
						height: 15px;
						margin: 1px 10px 0 0;
						background: url(../images/icons.svg);
						background-position: -144px -115px;
					}
					&.visible {
						visibility: visible;
					}
				}
				.before-filter {
					width: 25%;						
					margin-left: auto;
					.wrapper {					
						font-size: 1.000em;
						font-family: Montserrat-SemiBold, sans-serif;
						line-height: 19px;
						.letter-spacing(16);
						text-align: right;
						padding: 0 8px;	
					}			
				}
				.post-filter {	
					display: flex;
					align-items: center;
					width: 25%;					
					.wrapper {
						position: relative;
						width: 100%;
						padding: 0 8px;
						.select {
							position: relative;	
							text-align: left;				
							cursor: pointer;
							background-color: #FFFFFF;
							font-family: Montserrat-Regular, sans-serif;
							font-size: 0.875em;
							line-height: 18px;
							color: #AAAAAA;
							.letter-spacing(16);
							.select-hidden {
							  	display: none;
							  	visibility: hidden;
							}
							.select-styled {
								padding: 22px 28px;
								&:after {
									content:"";
									width: 0;
									height: 0;
									border: 7px solid transparent;
									border-color: #232323 transparent transparent transparent;
									position: absolute;
									top: 28px;
									right: 28px;
								}
								&:hover {								    
									box-shadow: 0 4px 16px rgba(0, 0, 0, 0.23);	
								}
								&:active, &.active {
								    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.23);									    
								    &:after {
								      	top: 20px;
								      	border-color: transparent transparent #232323 transparent;
								    }
								}
							}
							.select-options {
								display: none; 
								position: absolute;
								top: 48px;
								right: 0;
								left: 0;
								z-index: 999;
								background-color: #ffffff;
								box-shadow: 0 -6px 0 #fff, 0 14px 16px rgba(0, 0, 0, 0.23);	
								padding-bottom: 14px;	
								.option-item {		
									padding: 8px 28px;			    
								    span {
								    	position: relative;
								    	border-bottom: 1px solid transparent;
								    	margin-left: 16px;
								    	&:before {
								    		position: absolute;
								    		top: 4px;
								    		left: -16px;
								    		content: "";
								    		display: block;
								    		width: 10px;
								    		height: 12px;
								    		background: url(../images/icons.svg);
								    		background-position: -128px -132px;								    		
								    	}
								    }								    								  
								    &:hover {								    	
								    	span {
								    		color: #232323;
								      		border-bottom-color: #232323;
								      		&:before {
									      		background-position-x: -140px;
									      	}
								      	}
								    }
								    &[rel="hide"] {
								      	display: none;
								    }
								}
							}
						}
					}
				}
			}
		}
	}
/*END*/

/*Spinner*/
	#filter-preloader {
		display: none;
		position: relative;
   		z-index: 1000;
		.overlay {
		    position: fixed;
		    left: 0;
		    right: 0;
		    top: 0;
		    bottom: 0;
		    -webkit-backdrop-filter: blur(8px);
		    backdrop-filter: blur(8px);
		    background-color: rgba(205, 204, 226, 0.7);
			.wrapper {
				position: fixed;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				.sk-chase {
					width: 80px;
					height: 80px;
					position: relative;
					animation: sk-chase 2.5s infinite linear both;
					.sk-chase-dot {
						width: 100%;
						height: 100%;
						position: absolute;
						left: 0;
						top: 0; 
						animation: sk-chase-dot 2.0s infinite ease-in-out both;
						&:before {
							content: '';
							display: block;
							width: 25%;
							height: 25%;
							background-color: #764DA4;
							border-radius: 100%;
							animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
						}
					}
					.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
					.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
					.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
					.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
					.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
					.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
					.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
					.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
					.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
					.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
					.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
					.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
				}
				@keyframes sk-chase {
				  	100% { transform: rotate(360deg); } 
				}

				@keyframes sk-chase-dot {
				  	80%, 100% { transform: rotate(360deg); } 
				}

				@keyframes sk-chase-dot-before {
				  	50% {
				    	transform: scale(0.4); 
				  	} 100%, 0% {
				    	transform: scale(1.0); 
				  	} 
				}
			}
		}
	}
/*END*/

/*Article Single Page*/
	.page {
		.article {
			padding: 42px 0 75px;
			.container {	
				display: flex;
				.main {
					max-width: 750px;	
					width: 62.5%;
					box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
					.a-banner {					
						height: 465px;
						background: url(../images/a-banner.jpg) center no-repeat;
					}
					.wrapper {
						padding: 50px 32px 40px;					
						.a-title {
							font-family: Montserrat-Bold, sans-serif;
							font-size: 1.875em;
							line-height: 37px;
							.letter-spacing(16);
							text-align: center;
						}
						.before-content {
							display: flex;
							justify-content: center;
							margin: 12px 0 24px;
							> div {
								display: flex;
								align-items: baseline;
								font-size: 0.875em;
								line-height: 15px;
								.letter-spacing(16);
								color: #AAAAAA;
								margin: 0 35px;
							}
							.date {
								&:before {
								    content: "";
								    display: block;
								    width: 14px;
								    height: 12px;
								    margin-right: 8px;
								    background: url(../images/icons.svg);
								    background-position: -159px -115px;
								}
							}
							.category {
								&:before {
								    content: "";
								    display: block;
								    width: 10px;
								    height: 12px;
								    margin-right: 8px;
								    background: url(../images/icons.svg);
								    background-position: -175px -115px;
								}
							}							
						}
						.content {
							p {
							    font-size: 1.125em;
							    color: #606060;
							    margin-bottom: 22px;
							}
						}
						.post-nav {
							display: flex;
							align-items: center;
							margin-top: 40px;
							> a {
								display: flex;
								align-items: center;
								font-size: 0.875em;
								color: #606060;
							}
							.prev {
								margin-left: auto;
								&:after {
									content: "";
									display: block;
									content: "";
									display: block;
									width: 12px;
									height: 22px;
									margin-left: 10px;
									background: url(../images/icons.svg);
									background-position: -202px -115px;
								}
							}	
							.next {								
								&:before {
									content: "";
									display: block;
									content: "";
									display: block;
									width: 12px;
									height: 22px;
									margin-right: 10px;
									background: url(../images/icons.svg);
									background-position: -188px -115px;
								}
							}						
						}
					}
				}
				aside {
					max-width: 450px;
					width: 37.5%;
					padding-left: 45px;
					box-sizing: border-box;
					.block {
						margin-top: 42px;
						padding: 48px 35px 58px;
						box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
						.header {
							font-family: Montserrat-Semibold, sans-serif;
							font-size: 1.375em;
							line-height: 27px;
							.letter-spacing(16);
							margin-bottom: 28px;
						}
						.item {		
							padding: 8px 0;					
							span {
							    font-family: Montserrat-Regular, sans-serif;
							    font-size: 0.875em;
							    line-height: 18px;
							    color: #AAAAAA;
							    .letter-spacing(16);
							    position: relative;
							    border-bottom: 1px solid transparent;
							    margin-left: 16px;							    
							    &:before {
								    position: absolute;
								    top: 4px;
								    left: -16px;
								    content: "";
								    display: block;
								    width: 10px;
								    height: 12px;
								    background: url(../images/icons.svg);
								    background-position: -140px -132px;
								}
							}
							&.active {
								span {	
									color: #232323;					
									border-bottom-color: #232323;									
								}
							}
						}
						a.item {
							display: block;
							&:hover {
								span {
									color: #232323;
									border-bottom-color: #232323;
								}
							}
						}						
					}
				}
			}
		}
	}
/*END*/

/*Search Form*/
	.search-form {
		box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
		background-color: #EEEDFD;
		form {
			display: flex;
			input[type="text"] {
				width: ~'calc(100% - 60px)';
			    background-color: #EEEDFD;
			    font: 400 0.75em Lato-Regular, sans-serif;
			    padding: 0 28px;
			    border-width: 0px;
			    border-color: transparent;
			    box-sizing: border-box;
			}
			input::-webkit-input-placeholder  {color: #AAAAAA;}
			input:-ms-input-placeholder {color: #AAAAAA;}
			input::placeholder {color: #AAAAAA;}					
			textarea::-webkit-input-placeholder {color: #AAAAAA;}
			textarea::-ms-input-placeholder {color: #AAAAAA;}
			textarea::placeholder {color: #AAAAAA;} 
			input[type="submit"] {
				width: 60px;
				height: 38px;
			    background: url(../images/search-b.svg) center no-repeat #ffffff;
			    box-sizing: border-box;
			    padding: 0;
			    border-width: 0px;
			    border-color: transparent;	
			    cursor: pointer;
			    @media screen and (min-width: 769px) {
				    &:hover, &:focus, &:active {
				    	background: url(../images/search.svg) center no-repeat #232323;
				    	.transition(0.2s);
				    }	
				}				    
			}
		}
	}
/*END*/

/*Search Page*/
	.page {
		.search {
			padding: 42px 0 56px;
			text-align: center;
			.before-results {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.search-query {
					font-size: 1.000em;
					line-height: 19px;
					.letter-spacing(22);
					color: #404040;
				}
				.search-form {
					width: 405px;
				}
			}	
			.search-results {
				.list {
					display: flex;
				    flex-wrap: wrap;
				    margin: 48px -8px 36px;
				    li {
					    width: 50%;
					    margin-bottom: 20px;
					    .wrapper {
		    				padding: 0 8px;
						    .inner {
							    display: flex;
							    flex-direction: column;
							    background-color: #ffffff;
							    position: relative;
							    padding: 18px 26px 36px;
							    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.20);
							    .before-content {
								    display: flex;							    
								    > div {
									    display: flex;
									    align-items: baseline;
									    font-size: 0.875em;
									    line-height: 15px;
									    letter-spacing: 0.016em;
									    color: #AAAAAA;								    
									}
									.date {
										margin-right: 32px;
										&:before {
										    content: "";
										    display: block;
										    width: 14px;
										    height: 12px;
										    margin-right: 8px;
										    background: url(../images/icons.svg);
										    background-position: -159px -115px;
										}
									}		
									.category:before {
									    content: "";
									    display: block;
									    width: 10px;
									    height: 12px;
									    margin-right: 8px;
									    background: url(../images/icons.svg);
									    background-position: -175px -115px;
									}					    
								}
								.content {
									.title {
										min-height: 54px;
										font-family: Montserrat-Bold, sans-serif;
										font-size: 1.375em;
										.letter-spacing(16);
										line-height: 27px;	
										margin: 24px 0 8px;							
									}
									.preview {
										text-align: left;
										font-size: 1.125em;
										line-height: 21px;
										color: #606060;
									}	
									a {
										position: absolute;
										top: 0;
										right: 0;
										bottom: 0;
										left: 0;
									}
								}
							}
						}
						&:hover {
							.wrapper {
								.inner {									
								    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
								    .transition(all 0.2s ease-in-out);
								}
							}
						}
				    }			    
				}
				.empty {
					font-family: Montserrat-Bold, sans-serif;
					font-size: 1.375em;
					.letter-spacing(16);
					line-height: 27px;	
					margin: 48px 0 56px;	
					text-align: left;	
				}
			}
		}
	}
/*END*/

/*404 page*/
	.not-found {
		position: relative;
		height: 100vh;
		background-color: #FAFAFA;
		.wrapper {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: #FAFAFA;
			display: flex;
			justify-content: center;
			align-items: center;
			.inner {
				text-align: center;				
				.image {
					width: 367px;
					height: 141px;
					margin: 0 auto;
					background: url(../images/not-found.svg);					
				}
				h1 {
					font-family: Montserrat-SemiBold, sans-serif;
				    font-size: 2.000em;
				    line-height: 44px;
				    .letter-spacing(16);
				    margin: 10px 0 20px;
				}
				p {
					font-family: Montserrat-Light, sans-serif;
					font-size: 1.000em;
					.letter-spacing(-10);					
					color: #404040;
				}
			}
		}
	}
/*END*/

@media screen and (max-height: 1024px) {
	.articles .fp-tableCell ul.list {
		margin-top: 75px;
		li {margin-bottom: 75px;}
	}
}
@media screen and (max-height: 900px) {
	.articles .fp-tableCell ul.list {
		margin-top: 50px;
		li {margin-bottom: 50px;}
	}
}
@media screen and (max-height: 768px) {
	.page {padding-top: 60px;}
	.section-title {
		font-size: 1.625em;
		line-height: 32px;
	}	
	.fp-tableCell-style {padding-top: 85px;}
	.fp-tableCell .container .content {max-height: ~'calc(100vh - 105px)';}	
	#header .container {
		height: 60px;
		.logo-b {width: 208px;height: 38px;background-size: cover;}
	}	
	.about-me .fp-tableCell .content .rt {padding-top: 0px;}
	.services .fp-tableCell, .articles .fp-tableCell, .page-form .fp-tableCell, .fp-bottom .fp-tableCell  {.fp-tableCell-style;}			
	.services .fp-tableCell ul.list {
		margin-top: 30px;margin-bottom: 30px;
		li:nth-child(5), li:nth-child(6) {display: none;}		
	}		
	.services ul.list {
		li .wrapper .inner .content {padding: 28px 10px 28px 42px;}
	}		
	.articles .fp-tableCell ul.list {
		margin-top: 30px;
		li .wrapper .inner .content {
			padding: 22px 18px 20px;
			.title {font-size: 1.000em;}
			.descr {height: 58px; margin: 15px 0 15px;}
		}	
	}
	.page-form .fp-tableCell {
		.form-wrapper {
    		.before-form {
				margin-bottom: 28px;			
				a .icon {
				    margin-bottom: 10px;				
				}
			}			
    	}
	}
	.page-form {
		.tagline {
			margin: 16px 0 28px;
		}
		.form-wrapper {
    		padding: 28px 54px 30px;
    	}
	}
	.fp-bottom .fp-tableCell .before-footer {
		align-items: flex-start;
		height: ~'calc(100vh - 414px)';		
	}
	#modal .overlay .wrapper {				
		margin: 50px 0;
	}
}
@media screen and (max-width: 1240px) {
	.container {
		padding: 0 20px;
	}
	html.no-scroll, body.no-scroll {
		overflow-y: hidden!important;
		#fullpage {
			margin-right: 0px;		
		}
	}
	html.no-scroll #fullpage #header .container, body.no-scroll #fullpage #header .container {
	    padding: 0 20px;
	}
	html.no-scroll .page {
		margin-right: 0px;				
	}
	#fullpage {
		.fp-tableCell {
			.container .content {
			    max-height: unset;
			}		
		}
		.about-me {
			height: auto !important;
			.fp-tableCell {
				height: auto !important;
		    	padding: 110px 0 50px;
		    }
		} 
		.services {
			height: auto !important;
			.fp-tableCell {
				height: auto !important;
			    padding: 55px 0 65px;
			    ul.list {
				    margin-bottom: 30px;
				}
			}
		}
		.articles {
			height: auto !important;
			.fp-tableCell {
				height: auto !important;
			    padding: 55px 0 65px;
			    ul.list {
				    margin-top: 40px;
				}
			}
		}	
		.page-form {
			height: auto !important;
			.fp-tableCell {
				height: auto !important;
				padding-top: 70px;							    
			}			
		}		
		.fp-bottom {
			height: auto !important;
			.fp-tableCell {
				height: auto !important;
				padding: 80px 0 50px;
				.before-footer {
				    height: auto !important;
				}
			}
		}
	}
	.page-form {
		.content {
		    .form-wrapper {
				.wpcf7-form {
					div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
						width: 100%;
						position: unset;
						margin-top: 20px;
					}
				}
		    }
		}
	}
    .page {
    	.about-me {
		    padding-bottom: 50px;
		    .content .rt {
		    	padding-top: 0px;
		    }
		}
	    .diplomas-and-certificates {
		    padding: 55px 0 65px;
		    ul {
			    margin-top: 30px;
			    li .wrapper .inner .content .desc {
				    padding-right: 25px;
				}
			}
		}
		.service-slider .scroller li .wrapper {
		    position: relative;
		    padding: 30px 30px;
		    .inner {
		    	padding: 20px;
		    	background-color: #ffffff;
		    	.details {
		    		opacity: 1;
		    	}
		    }
		}
		.before-footer.reduced {
		    padding-top: 80px;
		}
		.services {
		    padding: 55px 0 45px;
		    ul {
			    margin-top: 30px;
			}
		}
		.articles {
		    padding-top: 55px;
		    ul.list li {
			    margin-bottom: 45px;
			}
		}
		.article .container .main .a-banner {
		    height: 380px;
		}
		.page-form {
			.content {
			    padding-top: 70px;
			}
		}
	}
}
@media screen and (max-width: 1023px) {
	#header .container {
		#dropdown-menu {
			margin-left: auto;
			#menu-open {
				width: 38px;
				height: 38px;
				position: relative;
				cursor: pointer;
				&:after {
				    content: "";
				    width: 19px;
				    height: 13px;
				    background: url(../images/icons.svg);
				    background-position: -216px -115px;
				    position: absolute;
				    left: 9px;
				    top: 12px;
				}
			}
			.navbar {
			    position: fixed;
			    top: 0;
			    right: 0;
			    z-index: 10;
			    flex-direction: column;
			    width: 202px;		    
			    height: 100vh;
			    padding: 50px 30px 20px;
			    box-sizing: border-box;
			    background: #ffffff;
			    text-align: center;
			    overflow-y: auto;
			    transition: transform .3s cubic-bezier(0, .52, 0, 1);
			    opacity: 0;
			    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
			    &.hide {			    	
			    	transform: translate3d(202px, 0, 0);
					-webkit-transform: translate3d(202px, 0, 0);
					-ms-transform: translate3d(202px, 0, 0);
			    	opacity: 0;
			    }
			    &.show {
			    	transform: translate3d(0px, 0, 0);
					-webkit-transform: translate3d(0px, 0, 0);
					-ms-transform: translate3d(0px, 0, 0);
			    	opacity: 1;
			    }			    
			    #menu-close {
					width: 38px;
					height: 38px;	
					position: absolute;
					top: 8px;
					right: 8px;
					cursor: pointer;
			    	&:after {
			    		content: "";
					    width: 14px;
					    height: 14px;
					    background: url(../images/icons.svg);
					    background-position: -128px -115px;
						position: absolute;
						left: 12px;
						top: 12px;
				    }	    	
			    }
			    #header-menu {
			    	width: 100%;
			    	margin-bottom: 30px;
				    ul {
					    flex-direction: column;					 
					    li {
					        margin-right: 0px;
					        a {					        	
					        	line-height: 39px;
					        }
					    }
					}
				}
			}
			.overlay {			
				width: 100vw;
				height: 100vh;	
			    position: fixed;
			    left: 0;
			    right: 0;
			    top: 0;
			    bottom: 0;
			    z-index: 9;
			    -webkit-backdrop-filter: blur(8px);
			    backdrop-filter: blur(8px);
			    background-color: rgba(205, 204, 226, 0.7);
			}
		}
	}
	.fp-banner .fp-tableCell #clip {
		.line {
			display: none;
		}
		.word {
	    	font-size: 3.125em;
	    }
	    #psychologist {
		    display: block;
		    width: auto;
		    overflow: unset;
		}
	    .socials {
		    padding: 30px 0;
		}
	}
	.about-me .content .rt {
		padding-left: 40px;
	}
	.services ul.list li {
		width: 100%;
	}
	.articles ul.list {
		li {
	    	width: 33.33333%;
			.wrapper {
			    max-width: 288px;
			    margin: 0 auto;
			}
	    }
	}
    #fullpage .articles ul.list li:nth-child(4) {display: none;}
    .page-form .form-wrapper {
	    padding: 28px 40px 30px;
	}
	.page-form .form-wrapper .wpcf7-form .bt {
	    max-width: unset;
	    width: 100%;
	    margin-left: unset;
	}
	.page {
		.diplomas-and-certificates ul li {
		    width: 100%;
			.wrapper .inner {
				.title {
				    height: auto;
		   			overflow: unset;
				}
				.content .desc {
				    height: auto;
		   			overflow: unset;
				}
			}	    
		}
		.articles .before-articles {
			.category {
				display: none;
			}
			.before-filter {
				width: 33.33333%;
				.wrapper {
				    max-width: 288px;
				    margin: 0 auto;
				}
			}
			.post-filter {
				width: 33.33333%;
				.wrapper {
				    max-width: 288px;
				    margin: 0 auto;
				}
			}
		}
		.article .container {
			aside {
			    padding-left: 30px;
			    .block {
				    margin-top: 30px;
				    padding: 28px 20px 38px;
				    .header {
					    margin-bottom: 18px;
					}
				}
			}
			.main .wrapper {
			    padding: 50px 24px 40px;			
			    .before-content {
					flex-wrap: wrap;
					margin-bottom: 4px;
					> div {
						width: 100%;
						justify-content: center;
						margin: 0 0 20px 0;						
					}
				}					
			}
		}
		.search .search-results .list li {
		    width: 100%;
		}
	}
}
@media screen and (max-width: 768px) {
	.special-title {
   		font-size: 2.000em;
   	}
	#fullpage {
		.fp-banner .fp-tableCell {
			#clip .word {
			    font-size: 2.000em;
			}
			.socials {
			    padding: 30px 0;
			}
		}
		.about-me .fp-tableCell {
		    padding: 50px 0;
		}
		.articles ul.list li:nth-child(4) {
			display: block;
		}
		.fp-bottom .fp-tableCell {
		    padding: 50px 0;
		}
	}
	.about-me .content {
    	flex-wrap: wrap;
    	.lt {
    		width: 100%;
    		margin-bottom: 60px;
    	}
    	.rt {    		
    		width: 100%;
    		padding-left: 0;
    		text-align: center;
    		.txt {
    			text-align: left;
    		}
    		.buttons {
			    justify-content: center;
			    button.btn {
			    	margin-right: 0;
			    }
			}
    	}
    }
    .articles ul.list li {
    	width: 50%;
    }
    .page-form .form-wrapper {
    	padding: 28px 20px 30px;
	    .before-form {
	    	justify-content: space-around;
		    a {
		    	margin: 0;
		    }
		}
	}
	.footer .container {
		> div {
			width: 50%;
		}
		.lt .wrapper {
			.logo-w {
			    width: 226px;
    			height: 41px;	
    			background-size: cover;
			}
			a {			    
			    font-size: 0.750em;
			}
			a:not(.logo-w) {
				padding-left: 0px;
			}
			.socials.sm a.in {
				margin-left: 0;
			}
		}
		.md {
			display: none;
		}
		.rt {
			font-size: 0.750em;
		}
	}	
	#modal .overlay .wrapper {
	    margin: 20px;
		.inner .wpcf7-form {
		    padding: 60px 30px 58px;
		}		
	}
	.agreement {
    	flex-wrap: wrap;
    	justify-content: center;
    	a {
    		display: block;
    		margin: 4px 0 0 0;
    	}
    }
	.page {
		.p-banner .container {
    		height: 380px;
			.wrapper .inner {
		    	width: 438px;
		    }
		}
		.articles .before-articles {
			.before-filter {
			    width: 50%;
			}
			.post-filter {
			    width: 50%;
			}
		}	
		.article .container {
			flex-wrap: wrap;
			.main {
			    max-width: unset;
			    width: 100%;
			    box-shadow: unset;	
			    .a-banner {
			    	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
			    }
			    .search-form {
			    	margin: 30px 0;
			    }
			    .wrapper {
			    	padding-top: 24px;
			    	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
			    }    
			}
			aside {
				max-width: unset;
			    width: 100%;
			    padding-left: 0px;			    
			}
		}
		.search .before-results {
			flex-wrap: wrap;
			.search-query {
				margin-bottom: 20px;
			}
		}
	}
}
@media screen and (max-width: 499px) {
	.container {
	    padding: 0 14px;
	}
	.section-title {
	    font-size: 1.375em;
	}
	.fp-banner .fp-tableCell {
		#clip {
			flex-wrap: wrap;
			.word {
			    font-size: 1.875em;
			    margin: 0 2px;
			}	
		}
		.socials {
		    padding: 20px 0;
		}
	}
	.about-me .content .rt {
		.txt {
		    margin-bottom: 44px;
		}
		.buttons .btn {
		    margin-right: 20px;
		}
	}
	.services ul.list li .wrapper .inner {
    	height: 95px;
    	.content {
    		padding: 14px 10px 14px 14px;
    		word-break: break-word;
	    	.title {
			    font-size: 0.875em;
			    padding-bottom: 10px;
			}
		}
    	.thumb {
		    width: 95px;
		}
    }
    .articles {
	    ul.list li {
	    	width: 100%;
	    	margin-bottom: 20px!important;
		}
		.all {
			margin-top: 30px;
		}
	}
	.page-form {
		.tagline {
    		font-size: 1.000em;
    	}
    	.form-wrapper {
   			padding: 20px 20px 30px;
   			.before-form {   				
   				flex-wrap: wrap;
   				justify-content: center;
   				a {   					  				
	   				&:first-child {
	   					width: 100%; 
	   					margin-bottom: 20px;
	   				}
	   				&:last-child {
	   					word-break: break-word;
    					max-width: 210px;
	   				}	   				
	   			}
   			}
   			.wpcf7-form {
   				.lt, .rt {
				    max-width: unset;
				    width: 100%;
				}
				.bt {
					flex-wrap: wrap;
					justify-content: center;	
					.submit {
						margin-top: 48px;
					}			
				}
			}
   		}
    }
    .before-footer {
    	padding-bottom: 70px;
    }
    .footer {
    	padding: 40px 0;
	    .container {
	    	flex-wrap: wrap;
	    	> div {
			    width: 100%;
			}
		    .lt {
		    	.wrapper {
		    		max-width: unset;
		    		text-align: center;	    		
		    		.logo-w {
		    			margin: 0 auto 34px;
		    		}
		    		a.email {
					    margin: 5px 0 10px;
					}
					.socials {
						margin-bottom: 30px;
					}
		    	}
		    }
		    .rt {
		    	text-align: center;
		    	.wrapper {
		    		max-width: unset;
		    		.dev {
		    			margin-top: 30px;
		    		}
		    		.year {
		    			position: unset;
		    			margin-top: 20px;
		    		}
		    	}
		    }	
	    }
	}
	#modal .overlay .wrapper .inner {
		.wpcf7-form {
		    padding: 50px 20px;
		    .header {    
    			font-size: 1.375em;
    			margin-bottom: 28px;
    		}
		}
	}	
	html.no-scroll #fullpage #header .container, body.no-scroll #fullpage #header .container {
	    padding: 0 14px;
	}
	.page {
		.diplomas-and-certificates ul li {
			margin-bottom: 20px;
			.wrapper .inner {
			    padding: 20px 20px 25px;
			    text-align: center;
			    .content {
			    	flex-wrap: wrap;
			    	.desc {
					    padding-right: 0;
					}
					.thumb {
						margin: 24px auto 0;
					}
			    }
			}
		}
		.service-slider .scroller li .wrapper .inner .title {
		    word-break: break-word;
		}
		.page-form .content {
			padding-bottom: 90px;
		}
		.before-footer.reduced {
		    padding-top: 50px;
		}
		.p-banner {
			padding-top: 42px;
			.container {
			    height: auto;		
				.wrapper {
				    width: 80%;
				    .inner {
				    	width: 100%;
				    	min-height: 100px;
				    	.p-title {
				    		font-size: 0.875em;
				    	}
				    }
				}
			}
		}
		.simple-page .p-banner,	.service .p-banner {
		    padding-bottom: 42px;
		}		
		.articles .before-articles {
			flex-wrap: wrap;
			.before-filter {
				width: 100%;
				margin-bottom: 20px;
				.wrapper {
					text-align: center;
				}
			}
			.post-filter {
				width: 100%;
			}
		}
		.article .container .main {
			.a-banner {
				height: 140px;
			}
			.wrapper {
				padding: 30px 20px 40px;
				.a-title {
					font-size: 1.500em;
				}
			}
		}
		.search .search-results .list li .wrapper .inner {
			.content {
				.title {
				    margin-top: 4px;
				}
			}
			.before-content {
				flex-wrap: wrap;
				> div {
					margin-bottom: 20px;
				}
			}
		}
	}
}