@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');
body{font-family: 'Playfair Display', serif;color:#333;}
.logo{display:inline-block; width:125px;}
.logo img{max-width:100%;}
.navbar{
	position:absolute;
	top: 0;
	left:0;
	right:0;
	z-index:9999;
}
@media (max-width: 767px){
	.navbar{
		position:fixed;
		padding: .5rem 0;
	}
	body:not(.fp-viewing-top) .navbar{
		background:rgba(255,255,255,1);
	}
	.logo{
		width:75px;
	}
}

.main-menu {
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
    top: 0;
    bottom: 0;
    right: 0
}

.main-menu-wrap {
    min-height: 570px;
    height: 100vh;
    position: relative
}

.main-menu .footer-socials a {
    margin: 0 5px
}
.ng-pageslide {
    background: rgba(14,14,14,.85);
	-webkit-transition-delay: .6s;
    transition-delay: .6s;
    overflow-x: hidden;
    overflow-y: auto
}

.ng-pageslide-body-open .ng-pageslide {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
@media (min-width: 768px){
	.ng-pageslide{
		max-width: 50%;
	}
}
.footer-socials a>i {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.main-menu .bottom-menus {
    position: relative;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block!important;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    margin-top: 0;
    width: 100%;
    left: 50%;
    padding-left: 50px;
    padding-right: 30px;
}

.main-menu-wrap {
    min-height: 1px;
	color:#fff;
}
.main-menu .phone{
	margin-bottom:30px;
	font-size:1.25em;
}
.main-menu ul{
	margin: 0;
    padding: 0;
    list-style: none;
}
.main-menu ul > li > a, .main-menu ul > li > .link {
    font-size:1.5em;
    padding: 3px 0;
    line-height: 2;
    color: #fff;
}
.section{
	position:relative;
	min-height:100vh;
	overflow-x:hidden;
}
.section.top{background:url(/img/fon_ts.svg) no-repeat;background-size:cover;color:#fff; background-position: center bottom;}
.section.two{background:url(/img/mousered.png) no-repeat;background-size:contain;background-position: left center;}
.section.prices{background:url(/img/desktop.jpg) no-repeat;background-size:cover;background-position: center top;border-top:5px solid #d8dccd; border-bottom:1px solid #d8dccd;}
.section.top h1{font-size:4rem;font-weight: 400;text-align:right;}
h1>span{display:block;font-size: .625em;margin-top:1rem;}
.uiuxdesign{height:75vh;margin:20vh 0 5vh 5vw;background:url(/img/uiuxdesign.png) no-repeat;background-size:contain;position:relative;}
.mousegrey{position:absolute;height:82vh; width: 75vh; right:5vw; bottom:5vh; background:url(/img/mousegrey.png) no-repeat;background-size:contain;}
.skrollable{position:absolute;font-family: 'Raleway', sans-serif;color:#d8dccd;font-size:144px;text-transform:uppercase;opacity:.78;}
@media (max-width: 991px){
	.mousegrey{
		right:auto;
		left: 5vw;
	}
}
@media (max-width: 767px){
	.fullpage-wrapper{
		overflow-x:hidden;
	}
	.section.top h1{
		font-size: 3rem;
	}
	.section:not(.top){
		padding-top:75px;
	}
	.uiuxdesign{
		opacity:0.3;
		background-size:cover;
	}
	.mousegrey{
		height:75vh;
	}
	.section.top h1{
		text-align:left;
		position:relative;
		z-index:10;
	}
	.skrollable{
		display:none;
	}
	.section.two{
		padding-left:20vw;
		background-position-x:-15vw;
	}
	.section.two .mid ul{
		padding-left: 10px;
		font-size: 1.2em;
	}
	.section.two{
		font-size:.75em;
	}
	.section.two .h2{
		font-size:2em;
	}
	.section.two .lead{
		font-size:1.25em;
	}
}
.clr-b,
.h2>span, 
.h3>span,
.h4>span{color:#7192a9;}
.clr-b2{color:#105388;}
.mid{width:600px; max-width:100%; margin:0 auto; padding:15px;}
.section.two .mid{margin-bottom:100px;}
.btn{display:inline-block;color:#105388;background-color:#d6e4f4;padding: .85rem 1.5rem;border-radius: 1.5rem;}
.row-btn-two{position:absolute;left:50%;bottom:5px;height:170px;padding:40px 0 0 150px;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' width='229.81264' height='167.67929' viewBox='0 0 229.81264 167.67929'%3E%3Cpath d='m 5.25679,129.81649 30.83115,28.2022 30.83116,-26.8529 4.90106,5.6116 -35.66144,30.9019 L 0,135.28559 Z M 169.41225,1.1605906 l -1.20508,7.0782 c 4.98326,0.8124 10.03181,2.0733004 15.03711,3.7207004 l 2.30078,-6.7637004 c -6.33031,-2.2767 -11.40582,-3.3108 -16.13281,-4.0352 z m -9.0918,-1.12689999 c -7.56105,-0.2472 -13.20356,0.9002 -17.66601,2.31839999 l 2.24023,6.9121 c 4.80164,-1.4839 9.9055,-2.0898 15.2168,-1.8653 l 0.21289,-7.36519999 z m -27.403,6.60509999 c -4.2251,3.0112 -8.38704,6.8351004 -12.20637,10.4496004 l 5.18555,5.4531 c 3.7354,-3.4929 7.53322,-6.9253 11.28125,-9.9414 0.13007,-0.079 0.2713,-0.1283 0.40234,-0.2051 -1.62157,-2.0609 -3.14793,-3.6768004 -4.66277,-5.7562004 z M 114.4142,23.334491 c -3.92174,3.9607 -7.60531,7.8902 -10.64453,11.7422 l 4.33594,2.7168 -2.39517,5.5127 c 3.83274,1.3821 9.48511,4.1505 13.74987,7.0027 l 4.10038,-5.3104 c -4.40433,-3.4813 -8.79582,-5.6289 -12.45222,-6.8675 2.84839,-3.8087 5.86567,-7.2694 8.91511,-9.8415 z m -15.88281,19.0468 c -3.39047,5.1878 -5.9508,10.3232 -7.70703,15.4434 l 6.79102,2.4375 c 1.50265,-4.4427 4.12012,-9.1186 7.29687,-13.8359 z m -2.49414,25.4473 -7.41992,-0.5391 c -0.38428,10.1823 3.38923,16.6536 8.87891,20.2559 l 4.69921,-5.7441 c -4.10816,-2.5128 -6.87113,-7.0501 -6.1582,-13.9727 z m 12.90039,16.3184 -0.40429,7.039 c 8.37385,0.7144 16.97366,-2.1885 20.54492,-7.4746 0.0132,-0.017 0.0278,-0.058 0.041,-0.076 l -5.83984,-4.6387 c -2.66719,4.1038 -8.63788,5.8639 -14.3418,5.1504 z m 17.30078,-12.4278 7.09961,1.4082 c 1.60551,-6.534 2.00185,-14.4046 -1.96094,-20.83 l -5.75781,3.7519 c 2.22111,3.0743 2.22105,9.6394 0.61914,15.6699 z m -27.58007,-37.2695 c -3.70059,-0.53 -7.23749,-0.7844 -10.23438,-0.5625 -4.32315,0.3201 -7.70981,1.2878 -9.56836,2.5117 -0.10323,0.073 -0.1846,0.1548 -0.28711,0.2285 l 3.51758,6.2071 c 0.11211,-0.079 0.20748,-0.1784 0.32031,-0.2559 4.02702,-1.2754 9.39558,-1.3446 14.99414,-0.5781 z m -22.79883,13.3613 -4.54688,-5.3769 c -4.48415,3.934 -8.42077,8.0711 -11.83008,12.3926 l 5.80274,4.5507 c 3.18675,-4.2639 6.71933,-8.1185 10.57422,-11.5664 z m -15.00391,18.0039 -6.40234,-4.0332 c -3.09307,4.689 -5.88663,9.475 -8.1211,14.4239 l 7.05664,3.3457 c 2.19139,-4.8932 4.74208,-9.4119 7.4668,-13.7364 z m -10.75586,21.2032 -7.22266,-2.8887 c -1.82623,5.0214 -3.35921,10.1114 -4.57421,15.2441 l 7.2539,1.990299 c 1.27762,-4.992099 2.8337,-9.741399 4.54297,-14.345699 z m -6.39062,22.056599 -7.17188,-1.5098 c -0.99202,5.3204 -1.83833,10.6425 -2.45703,15.9161 l 7.12891,0.7773 c 0.61887,-5.2181 1.49098,-10.2543 2.5,-15.1836 z m -3.44532,23.5488 -7.1289,-0.6933 c -0.53665,5.6356 -1.00676,11.1987 -1.45117,16.5703 l 7.88476,-0.4981 c 0.0395,-5.2362 0.30986,-10.345 0.69531,-15.3789 z M 193.57436,8.0531906 190.82045,14.478991 c 4.85869,1.9283 9.62781,4.0511 14.11719,6.3184 l 3.25781,-6.3321 c -5.20792,-2.5119 -10.0682,-4.6249004 -14.62109,-6.4121004 z m 22.46875,10.1582004 -3.70898,6.4707 c 4.77878,2.651 9.28157,5.2926 13.0039,7.668 l 4.47461,-6.4648 c -4.85274,-2.874 -9.39104,-5.367 -13.76953,-7.6739 z' style='fill:%23105388;fill-opacity:1;stroke:none;stroke-width:0.40000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='path8421' /%3E%3C/svg%3E%0A");background-repeat:no-repeat;}
.row-btn-3{display:inline-block;height:170px;width:auto;vertical-align:top;padding:85px 0 0 0px;background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg3' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:cc='http://creativecommons.org/ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='115px' height='84px' viewBox='0 0 229.813 167.68' enable-background='new 0 0 229.813 167.68' xml:space='preserve'%3E%3Cpath fill='%23105388' d='M224.556,129.816l-30.831,28.202l-30.831-26.853l-4.901,5.611l35.662,30.902l36.158-32.394 L224.556,129.816z M60.4,1.161l1.205,7.078c-4.983,0.813-10.032,2.073-15.037,3.721l-2.301-6.764 C50.598,2.919,55.673,1.885,60.4,1.161z M69.492,0.034c7.561-0.247,13.204,0.9,17.666,2.318l-2.24,6.912 c-4.802-1.484-9.905-2.09-15.217-1.865l-0.213-7.365H69.492z M96.895,6.638c4.225,3.012,8.387,6.835,12.207,10.45l-5.186,5.453 c-3.735-3.493-7.533-6.926-11.281-9.941c-0.13-0.079-0.271-0.129-0.402-0.205C93.854,10.334,95.38,8.719,96.895,6.638z M115.398,23.335c3.922,3.96,7.605,7.89,10.645,11.742l-4.336,2.717l2.395,5.513c-3.832,1.382-9.484,4.15-13.749,7.003l-4.101-5.311 c4.404-3.481,8.796-5.629,12.452-6.868c-2.849-3.809-5.866-7.27-8.915-9.841L115.398,23.335z M131.281,42.382 c3.391,5.188,5.951,10.323,7.707,15.443l-6.791,2.438c-1.502-4.443-4.12-9.119-7.297-13.836L131.281,42.382z M133.775,67.829 l7.42-0.539c0.385,10.182-3.389,16.653-8.879,20.256l-4.699-5.744C131.726,79.289,134.488,74.751,133.775,67.829z M120.875,84.147 l0.404,7.039c-8.374,0.714-16.974-2.188-20.545-7.475c-0.013-0.018-0.028-0.059-0.041-0.076l5.84-4.639 C109.2,83.1,115.171,84.86,120.875,84.147L120.875,84.147z M103.574,71.719l-7.1,1.408c-1.605-6.534-2.002-14.405,1.961-20.83 l5.758,3.752C101.972,59.124,101.972,65.688,103.574,71.719z M131.154,34.45c3.701-0.53,7.237-0.785,10.234-0.563 c4.323,0.319,7.71,1.287,9.568,2.512c0.104,0.072,0.185,0.154,0.287,0.229l-3.518,6.207c-0.112-0.079-0.207-0.179-0.32-0.256 c-4.027-1.275-9.396-1.345-14.994-0.578L131.154,34.45z M153.953,47.811l4.547-5.377c4.484,3.934,8.421,8.071,11.83,12.393 l-5.803,4.551C161.341,55.113,157.809,51.259,153.953,47.811z M168.957,65.815l6.402-4.033c3.094,4.688,5.887,9.475,8.121,14.424 l-7.057,3.346C174.232,74.658,171.682,70.139,168.957,65.815z M179.713,87.018l7.223-2.889c1.826,5.021,3.359,10.111,4.574,15.244 l-7.254,1.99C182.979,96.372,181.422,91.623,179.713,87.018L179.713,87.018z M186.104,109.075l7.172-1.51 c0.992,5.32,1.838,10.643,2.457,15.916l-7.129,0.777C187.984,119.04,187.112,114.004,186.104,109.075z M189.549,132.624l7.129-0.693 c0.537,5.636,1.007,11.198,1.451,16.57l-7.885-0.498C190.205,142.766,189.934,137.657,189.549,132.624z M36.238,8.053l2.754,6.426 c-4.859,1.928-9.628,4.051-14.117,6.318l-3.258-6.332C26.825,11.953,31.686,9.841,36.238,8.053z M13.77,18.212l3.709,6.471 c-4.779,2.65-9.282,5.292-13.004,7.668L0,25.885C4.853,23.011,9.391,20.518,13.77,18.212z'/%3E%3C/svg%3E");background-repeat:no-repeat;}
.row-btn-3.row-one{
	height: 84px;
    width: 115px;
}
@media (max-width: 767px){
	.row-btn-two{
		left:15vw;
		height:95px;
		padding: 20px 0 0 90px;
		background-size:contain;
	}
	.row-btn-3.row-one {
		height: 50px;
		width: 75px;
		background-size: contain;
		padding-top: 50px;
		margin-top: 10px;
	}
}
.btn-set .btn{
	margin-bottom:10px;
	background-color:#e1e4d8;
}
.btn.btn-blue{
	background-color:#105388;
	color:#fff;
}
.btn-submit{
	margin-top:15px;
}
.mb_25{
	margin-bottom:25px;
}
.pl_50{
	padding-left:50px;
}
.slide{
	text-align:center;
}
.slide img{
	max-width:100%;
	max-height:100%;
	display:inline-block;
	margin:auto;
}
.social{
	position:absolute;
	margin: 15px 15px 0 0;
}
.section .social{
	top:0;
	right:15vw;
}
.main-menu .social{
	left: 50px;
	bottom: 50px;
	right:0;
}
.social a{
	display:inline-block;
	vertical-align: middle;
	color:#fff;
	font-size:15px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
	width:30px;
	height:30px;
	text-align:center;
	padding:8px 8px 7px 7px;
}
.social a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
	.hamburger-button {
		position:relative;
		cursor: pointer;
		width: 40px;
		height: 40px;
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin:0 0 0 15px;
		border-width: 0 0 0 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		z-index:9999;
	}
	.hamburger-bar {
		display:block;
		margin: 4px auto;
		width: 65%;
		height: 4px;
		background-color: #105388;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
@media (max-width: 991px){
	.hamburger-bar{
		width:85%;
	}
	.fp-viewing-top .hamburger-bar{
		background-color:#FFF;
	}
}
	.ng-pageslide-body-open .hamburger-bar{
		position:absolute;
		width: 85%;
		height: 2px;
		top: 8px;
		left: 4px;
	}
@media (min-width: 992px){
	.ng-pageslide-body-open .hamburger-bar{
		background-color:#fff;
	}
}
.ng-pageslide-body-open .hamburger-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ng-pageslide-body-open .hamburger-bar:nth-child(3){
	display:none;
}
.ng-pageslide-body-open .hamburger-bar:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ng-pageslide-overlay { display: none;}
.ng-pageslide-body-open .ng-pageslide-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;cursor:pointer;}

svg.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.portfolio{
	padding-left:0;
}
.portfolio .fancybox{
	display:block;
	margin: 15px 0;
}
.portfolio img{	
	max-width:100%;
	height:auto;
}
.pencils{
	background:url("/img/box-pencils.jpg");
	height:100vh;
	background-size: cover;
}
.prices{
	background:#ccdcee url("/img/coffee.jpg");
	height:100vh;
	background-size: cover;
	background-position: center right;
}
.row-down{
	position:absolute;
	bottom:0;
	left:38%;
	font-size:60px;
	color:#fff;
}
.row-down:hover{
	color:#97b5d1;
}
@media (max-width: 767px){
	.row-down{
		bottom:20px;
	}
	.xs-mt_75{
		margin-top:75px;
	}
}
.fon-lb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:52vh;
	background-color:#d6e4f4;
	z-index:-1;
}
.card{
	box-shadow: 0 24px 32px rgba(97, 96, 96, 0.15);
    background: rgba(255,255,255,0.5);
	border-color:transparent;
	padding: 15px;
}
.card-i img{max-width:150px;height:auto;}
.card-t{margin-top:15px;margin-bottom: 15px;}
.card .info{
	text-align:center;
	max-width:250px;
	margin:10px auto;
}
.card .price{
	font-size:1.5em;
	height:52px;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	color:#105388;
	background-color:#d6e4f4;
	padding: .35rem 1.5rem;
	border-radius: 1.5rem;
}
.card .price>span{
	font-size:.75em;
}
@media (min-width: 768px){
	.card .info{
		min-height:150px;
	}
}
@media (max-width: 767px){
	.card-i img{max-width:150px;}
}
.workspace{
	background:url("/img/workspace3.jpg");
	height:100vh;
	background-size: cover;
	background-position:center right;
}
.footer1{
	background:url("/img/redmouse3.jpg") no-repeat;
	background-position:100% 100%;
	background-size:20%;
}
.formContact .b24-form-header-title,
.formContact .b24-form-header-description,
.formContact .b24-form-control-label,
.formContact .b24-form-control-desc,
.formContact .b24-form-btn,
.formContact .b24-form-control-string .b24-form-control{
	font-family: 'Playfair Display', serif;
}
.formContact .b24-form-header-title{
	color: #7192a9;
	font-size:1.5em;
	font-weight:normal;
}
.formContact .b24-form-header {
    padding-top: 0;
	padding-bottom:0;
    border-bottom: none;
    text-align: left;
}
.formContact .b24-form-btn{
	width:auto;
	border-radius: 1.5em;
	font-weight:normal;
}
.formContact .b24-form-state-container .b24-form-loader, 
.formContact .b24-form-state-container .b24-form-success, 
.formContact .b24-form-state-container .b24-form-error, 
.formContact .b24-form-state-container .b24-form-warning{
	background-color:transparent;
}
.formContact form{
	margin-top:15px;
	max-width:450px;
}
.form-group{
	margin-bottom:10px;
}
.form-group label{
	font-size:.75em;
	margin-bottom:0;
}
.form-group input,
.form-group textarea{
	background:rgba(222,224,219,.7);
}
.footer-copy{
	position:absolute;
	right:15px;
	bottom: 10px;
	color:#fff;
	text-align:right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.text-bg1{
	color: #105388;
    background-color: #d6e4f4;
	padding:0 5px
}