@charset "utf-8";
@import "bootstrap.min.css";
@import "fonts.css";
@import "font-awesome.min.css";
@import "animate.min.css";
@import "jquery.fancybox.min.css";
@import "simplebar.css";
@import url('https://fonts.googleapis.com/css?family=Satisfy');
html, body{
	width:100%;
	height:100%;
	/*position:fixed;
    top:0;
    left:0;
    -webkit-overflow-scrolling:touch;*/
}
body.main{
	position:relative;
	background:#fff;
	color:#2b2b2b;
	font-family:"nexa", Arial, sans-serif;
	text-rendering:optimizeLegibility;
	overflow:hidden;
	-webkit-transform:translate3d(0, 0, 0);
}
a, a:hover, a:focus{
	text-decoration:none;
	outline:none !important;
	color:#2b2b2b;
}
*{
	-webkit-backface-visibility:hidden !important;
	backface-visibility:hidden !important;
}
.animated{
	animation-duration:1s;
}
.animated.duration-0-5{
	animation-duration:0.5s;
}
.animated.duration-1-5{
	animation-duration:1.5s;
}
.animated.delay-0-5{
	animation-delay:0.5s;
}
.animated.delay-1{
	animation-delay:1s;
}
.animated.delay-1-5{
	animation-delay:1.5s;
}
.fixed-elm{
	display:block;
	width:100%;
	height:100%;
}
.hidden{
	display:none;
}
.btn:focus,
button:focus,
.form-control:focus{
	outline:0;
	box-shadow:none;
}
.tbl{
	display:table;
	width:100%;
	height:100%;
}
.tbl .tbl-c{
	display:table-cell;
}
.tbl .tbl-c.v-top{
	vertical-align:top;
}
.tbl .tbl-c.v-mid{
	vertical-align:middle;
}
.tbl .tbl-c.v-bot{
	vertical-align:bottom;
}
.btn{
	background:#7d427c;
	border:0;
	color:#fff;
	border-radius:0;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	padding:8px 34px;
}
.btn:hover,
.btn:focus{
	background:#7d427c;
	color:#fff;
}
.form-control::-webkit-input-placeholder{
	color:#949494 !important;
}
.form-control::-moz-placeholder{
	color:#949494 !important;
}
.form-control:-ms-input-placeholder{
	color:#949494 !important;
}
.form-control::placeholder{
	color:#949494 !important;
}
.scrollable-slide{
	height:800px;
	overflow-y:auto !important;
}
.scrollable-slide::before{
	background:none !important;
}
.scrollable-slide::after{
	box-shadow:none !important;
}
.social-media a{
	display:inline-block;
	width:21px;
	height:21px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.social-media a.facebook{
	width:17px;
	height:21px;
	background-image:url("../images/icons/facebook.svg");
	background-size:auto 100%;
}
.social-media a.instagram{
	width:21px;
	height:21px;
	background-image:url("../images/icons/instagram.svg");
	background-size:100% auto;
}
.social-media a.twitter{
	width:27px;
	height:20px;
	background-image:url("../images/icons/twitter.svg");
	background-size:auto 100%;
}
.social-media a.youtube{
	width:30px;
	height:21px;
	background-image:url("../images/icons/youtube.svg");
	background-size:auto 100%;
}
.social-media a.behance{
	width:30px;
	height:21px;
	background-image:url("../images/icons/behance.svg");
	background-size:auto 100%;
}
.dev-n-design{
	position:absolute;
	bottom:20px;
	right:80px;
	z-index:10;
	color:#fff;
	font-size:11px;
	font-weight:400;
	line-height:1.4;
	padding:0;
	text-align:center;
}
.dev-n-design p{
	margin:0;
	font-size:10px;
}
.dev-n-design a{
	color:#fff;
	text-decoration:none;
	transition:.2s all;
}
.dev-n-design:hover a,
.dev-n-design:hover a:hover{
	color:#fff;
}
#contentSlide{
	width:100%;
	min-height:100%;
	overflow:hidden;
	position:relative;
	-webkit-transform:translate3d(0, 0, 0);
}
.pageContainer{
	position:absolute;
	width:100%;
	min-height:100%;
	float:none !important;
	z-index:9990;
	top:0;
	-webkit-transform:translate3d(0, 0, 0);
}
#menu{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	color:#000;
	width:100%;
	height:50%;
	z-index:9999;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	-webkit-transform-style:preserve-3d;
	-webkit-transition:-webkit-transform .4s ease, -webkit-transform .4s ease;
	transition:transform .4s ease, -webkit-transform .4s ease;
	-webkit-backface-visibility:hidden;
	overflow:hidden;
	text-align:center;
}
#menu ul{
	position:absolute;
	top:50%;
	left:10%;
	right:10%;
	list-style:none;
	margin:-20px 0 0;
	padding:0;
}
#menu ul li{
	position:absolute;
	display:none;
	float:left;
	width:20%;
	height:40px;
	margin:0;
	text-align:center;
	opacity:0;
}
#menu ul li.li-home,
#menu ul li.li-about,
#menu ul li.li-projects,
#menu ul li.li-blog,
#menu ul li.li-products,
#menu ul li.li-contact{
	display:block;
	opacity:1;
}
#menu ul li.li-home{
	left:0;
}
#menu ul li.li-about{
	left:20%;
}
#menu ul li.li-projects{
	left:40%;
}
#menu ul li.li-blog,
#menu ul li.li-products{
	left:60%;
}
#menu ul li.li-contact{
	left:80%;
}
#menu ul li a{
	position:relative;
	font-size:26px;
	font-weight:700;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:2px;
}
#menu ul li a:after{
	content:"";
	position:absolute;
	bottom:-12px;
	left:50%;
	width:40px;
	height:1px;
	margin-left:-20px;
	background:#000;
	-webkit-transition:.3s all;
	transition:.3s all;
}
#menu ul li a:hover:after{
	width:80px;
	margin-left:-40px;
}
#menu ul li a:hover,
#menu ul li a.current{
	color:#9a1e1e;
}
#menu ul li a:hover:after,
#menu ul li a.current:after{
	background:#9a1e1e;
}
.menu-opened #menu{
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-webkit-transform-style:preserve-3d;
}
.menu-opened .sections{
	transform:translateY(50%);
	-webkit-transform:translateY(50%);
	-webkit-transform-style:preserve-3d;
}
.menu .social-media{
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	font-size:22px;
}
.menu .social-media a{
	display:inline-block;
	margin:0 2px;
	-webkit-transition:.3s all;
	transition:.3s all;
}
.menu .social-media a.twitter{
	margin:0;
}
.menu h1{
	position:absolute;
	top:8.5%;
	left:0;
	width:100%;
	font-size:50px;
	letter-spacing:9px;
	color:#111;
	text-align:center;
	line-height:50px;
	opacity:0;
	-webkit-transition:4s opacity;
	transition:4s opacity;
	margin:0;
}
.menu-opened .menu h1{
	opacity:1;
}
.menu h1 > span{
	display:inline-block;
	margin:0 30px 0 0;
}
.menu h1 > span:last-child{
	margin:0 4px 0 24px;
}
/*#menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:99999;
}*/
#intro{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#fff;
	text-align:center;
	-webkit-transition:3s background-color;
	transition:3s background-color;
	z-index:100000000;
}
#intro .text{
	display:inline-block;
	position:relative;
	font-size:80px;
	line-height:80px;
	letter-spacing:20px;
	margin-right:5px;
	z-index:1;
	margin-top:8px;
	opacity:0;
}
#intro .text .text-blank{
	display:inline-block;
	width:80px;
	min-height:1px;
}
#intro img.image{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-31px 0 0 -31px;
	width:62px;
	height:62px;
	z-index:2;
	opacity:0;
}
#intro #intro-logo{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	opacity:0;
	/*-webkit-transform:scale(0.16);
    transform:scale(0.16);*/
	-webkit-transition:3s -webkit-transform;
	transition:3s transform;
}
#intro .text,
#intro img.image{
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:3s -webkit-transform;
	transition:3s transform;
}
#intro.initialized{
	background-color:#f0f0f0;
}
#intro.initialized .text{
	-webkit-transform:scale(0);
	transform:scale(0);
}
#intro.initialized .image{
	-webkit-transform:scale(7.6);
	transform:scale(7.6);
}
#intro.initialized #intro-logo{
	/*-webkit-transform:scale(1);
    transform:scale(1);*/
}
/*.animated{
    opacity:0;
}
.animated.fadeInLeft,
.animated.fadeInRight,
.animated.fadeIn{
    opacity:1;
}*/
.sections{
	position:relative;
	opacity:0;
	background:#b23030;
	transition:transform .4s ease;
	-webkit-transition:-webkit-transform .4s ease;
	-webkit-backface-visibility:hidden;
	z-index:200;
}
.section{
	position:absolute;
	transform:translate(0, 0);
	-webkit-backface-visibility:hidden;
	visibility:hidden;
	z-index:-1;
	width:100%;
	min-height:100%;
	top:0;
	left:0;
	right:0;
}
.section.pageContainer{
	z-index:9990;
}
#fixed-logo{
	width:50px;
	height:50px;
}
#intro canvas{
	image-rendering:-moz-crisp-edges;
	image-rendering:-webkit-crisp-edges;
	image-rendering:pixelated;
}
.open-menu{
	display:none;
	position:fixed;
	left:50%;
	top:4%;
	margin:0 0 0 -25px;
	width:50px;
	height:50px;
	/*background:url("../images/logo_menu.png") no-repeat 50% 50%;
    background-size:100% auto;*/
	opacity:1;
	/*transition:.3s all;
    transition-delay:.6s;
    -webkit-transform-style:preserve-3d;*/
	z-index:9999999;
}
.open-menu.menu-hidden{
	z-index:-1;
}
.loaded .open-menu{
	/*animation-name:pulse_plus;
    animation-duration:4s;
    animation-delay:3s;
    animation-iteration-count:infinite;
    animation-timing-function:cubic-bezier(0, 0, 0.2, 1);*/
}
.open-menu:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
}
.open-menu.pos-center{
	left:50%;
	top:50%;
	right:auto;
	bottom:auto;
	margin:-45px 0 0 -45px;
}
.open-menu.pos-top{
	left:50%;
	top:60px;
	right:auto;
	bottom:auto;
	margin:0 0 0 -45px;
}
.open-menu.pos-bottom{
	left:50%;
	bottom:60px;
	top:auto;
	right:auto;
	margin:0 0 0 -45px;
}
.open-menu.pos-left{
	left:60px;
	top:50%;
	right:auto;
	bottom:auto;
	margin:-45px 0 0 0;
}
.open-menu.pos-right{
	right:60px;
	top:50%;
	left:auto;
	bottom:auto;
	margin:-45px 0 0 0;
	transition-property:top, right;
	transition-duration:4s, 4s;
	transition-delay:0s, 4s;
}
@keyframes rotateH{
	0%{
		-webkit-transform:rotateZ(25deg) rotateY(0deg);
		transform:rotateZ(25deg) rotateY(0deg);
	}
	50%{
		-webkit-transform:rotateZ(-25deg) rotateY(180deg);
		transform:rotateZ(-25deg) rotateY(180deg);
	}
	100%{
		-webkit-transform:rotateZ(25deg) rotateY(360deg);
		transform:rotateZ(25deg) rotateY(360deg);
	}
}
.open-menu > span{
	display:block;
	width:22px;
	height:22px;
	margin:4px;
	background:#fff;
	border-radius:50%;
	border:4px solid #3a0fa3;
}
.open-menu > span > span{
	display:block;
	width:8px;
	height:8px;
	margin:3px;
	background:#a02c2c;
	border-radius:50%;
}
#page{
	/*transform:translate3d(0, 0, 0) !important;
    transition:transform .4s ease, -webkit-transform .4s ease;*/
	-webkit-transition:all .4s ease !important;
	transition:all .4s ease !important;
}
#page.opened{
	/*transform:translate3d(0, 50%, 0) !important;*/
	/*margin-top: 30%;*/
}
.mm-menu_position-top{
	height:50vh;
}
/* Row No Padding */
.row.row-no-padding{
	margin:0;
}
.row.row-no-padding > [class*="col-"]{
	padding-left:0 !important;
	padding-right:0 !important;
}
/* Row p:5 */
.row.row-five{
	margin:0 -5px;
}
.row.row-five > [class*="col-"]{
	padding-left:5px !important;
	padding-right:5px !important;
}
/* Scrollbar */
.simplebar-track{
	z-index:30;
}
/* WOW */
.wow{
	visibility:hidden;
}
/* Section Header */
.section-header{
	position:relative;
	height:34vh;
	padding:0 44px;
	overflow:hidden;
}
.section-header h3,
.section-header h4{
	display:block;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	line-height:60px;
}
.section-header h3{
	margin-top:-30px;
	color:#464545;
}
.section-header h4{
	color:#c9c9c9;
	font-weight:800;
	margin-top:30px;
}
.section-header h3{
	/*float:left;*/
	font-size:26px;
	letter-spacing:1px;
}
.section-header h4{
	/*float:right;*/
	font-size:60px;
	/*margin:0 40px 0 0;*/
	letter-spacing:6px;
	text-align:center;
}
.section-title h2,
h3.section-title{
	position:relative;
	z-index:10;
}
.section .title-item{
	display:block;
}
.section-title h2 .border-line{
	content:"";
	position:absolute;
	left:-20px;
	bottom:-4px;
	width:58px;
	height:2px;
	background:#464545;
	z-index:4;
}
.section-title h2 .shape{
	content:"";
	position:absolute;
	left:12px;
	bottom:-17px;
	width:105px;
	height:28px;
	background:url("../images/title-pattern-black.svg") no-repeat 0 0;
	background-size:82% auto;
	z-index:3;
}
.about-section .section-title h2 .border-line{
	background:#fff;
}
.about-section .section-title h2 .shape{
	background:url("../images/title-pattern.svg") no-repeat 0 0;
}
h3.section-title .border-line{
	position:absolute;
	left:-20px;
	bottom:12px;
	width:48px;
	height:2px;
	background:#464545;
	z-index:4;
}
h3.section-title .shape{
	position:absolute;
	left:6px;
	bottom:5px;
	width:80px;
	height:22px;
	background:url("../images/title-pattern-black.svg") no-repeat 0 80%;
	background-size:100% auto;
	z-index:3;
}
h3.section-title .shape.shape-wave{
	background-image:url("../images/title-pattern.svg?v2");
	left:6px;
}
/* Home */
.home{
	background:#f0f0f0;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:100;
}
.home-section{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:50;
}
.home-section .section-link{
	position:absolute;
	z-index:10;
	text-transform:uppercase;
	letter-spacing:2px;
}
.home-section .section-link.link-about,
.home-section .section-link.link-blog,
.home-section .section-link.link-products{
	width:50px;
}
.home-section .section-link.link-about{
	height:100%;
	top:0;
	left:40px;
}
.home-section .section-link.link-blog,
.home-section .section-link.link-products{
	height:100%;
	top:0;
	right:40px;
}
.home-section .section-link.link-projects{
	width:100%;
	bottom:40px;
	text-align:center;
}
.home-section .section-link.link-contact{
	top:0;
	right:20%;
	padding:8% 15px 15px;
	margin:0 -15px 0 0;
	background:#bbb;
}
.home-section .section-link a{
	display:inline-block;
	text-align:center;
	font-size:50px;
	font-weight:700;
	line-height:1;
	color:#c9c9c9;
}
.home-section .section-link.link-about a{
	transform:rotate(180deg);
	writing-mode:vertical-rl;
}
.home-section .section-link.link-blog a,
.home-section .section-link.link-products a{
	writing-mode:vertical-rl;
}
.home-section .section-link.link-contact a{
	font-size:20px;
	color:#e3e3e3;
}
.home-section .social-media{
	position:absolute;
	bottom:50px;
	right:20%;
	z-index:10;
	opacity:.15;
}
.home-section .social-media a{
	display:inline-block;
	margin:0 2px;
	font-size:22px;
	color:#c9c9c9;
	vertical-align:top;
}
.contact-details .social-media a.facebook,
.home-section .social-media a.facebook{
	width:13px;
	height:17px;
}
.contact-details .social-media a.instagram,
.home-section .social-media a.instagram{
	width:17px;
	height:17px;
}
.contact-details .social-media a.twitter,
.home-section .social-media a.twitter{
	width:23px;
	height:16px;
	margin:0;
}
.contact-details .social-media a.youtube,
.home-section .social-media a.youtube{
	width:26px;
	height:17px;
}
.contact-details .social-media a.behance,
.home-section .social-media a.behance{
	width:26px;
	height:17px;
}
.home-section .logo{
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:400px;
	margin:-200px 0 0 -200px;
	z-index:20;
}
.home-section .logo img{
	display:block;
	width:100%;
	height:auto;
}
.home-pattern{
	position:absolute;
	top:0;
	left:0;
	width:47%;
	height:55%;
	background:url("../images/home-pattern.svg") no-repeat 0 0;
	background-size:cover;
	z-index:0;
	opacity:.5;
}
/* About */
.about{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.about .about-section{
	padding:0 40px;
	color:#fff;
	text-align:left;
	height:100%;
}
.about .section-title{
	position:relative;
}
.about .section-title h2{
	margin:0;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.about .section-content{
	margin:0;
	line-height:1.3;
	font-size:21px;
	font-weight:300;
}
.about .section-content h3{
	position:relative;
	display:inline-block;
	margin:0 0 70px 0;
	font-size:60px;
	font-weight:800;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:4px;
	text-indent:-4px;
}
.about .section-content h3 span{
	position:absolute;
	top:94%;
	right:-7.5%;
	z-index:20;
	font-family:'Satisfy', cursive;
	font-size:50px;
	font-weight:400;
	text-transform:lowercase;
	transform:rotate(-8deg);
	letter-spacing:2px;
}
.about .section-content .section-text{
	padding:0 10% 0 0;
}
.about .section-content p{
	margin:0 0 20px 0;
}
/* Team */
.team{
	background:#f0f0f0;
	overflow:hidden;
}
.team-members-section{
	position:relative;
	height:100vh;
	color:#f0f0f0;
}
.team-members-section .section-header{
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	background-size:auto 200px;
}
.team-section .section-content{
	position:relative;
	height:66vh;
	padding:70px 120px;
	overflow:hidden;
}
.team-section .section-content .detail-content{
	position:absolute;
	width:100%;
	height:66vh;
	top:100%;
	left:0;
	background:#170454;
	z-index:2000;
	padding:60px 120px 0 120px;
	box-shadow:none !important;
}
.team-column{
	padding:0 110px;
}
.team-item{
	display:block;
	background:#170454;
	color:#fff;
	margin:0;
	box-shadow:0 0 20px -2px rgba(0, 0, 0, 0.3);
	padding:0 0 60px 0;
}
.team-column .tm-name,
.team-column .tm-title{
	margin:0;
	color:#fff;
	font-weight:700;
}
.team-column .tm-header{
	height:86px;
	padding:22px 10px 0 30px;
}
.team-column .tm-name{
	font-size:20px;
	letter-spacing:3px;
}
.team-column .tm-title{
	margin:4px 0 0;
	font-size:15px;
	letter-spacing:1px;
	font-weight:400;
}
.team-column .tm-photo{
	position:relative;
	padding-top:100%;
	margin:70px 0 0;
}
.tm-photo .photo-block{
	position:absolute;
	/*background:url("../images/photo-floor.png") no-repeat 0 0;
    background-size:100% auto;*/
	background:#f43140;
	border-radius:50%;
	width:calc(100% + 60px);
	height:calc(100% + 60px);
	top:-60px;
	left:-30px;
	right:-30px;
}
.tm-photo .photo-block img{
	position:absolute;
	width:80%;
	height:80%;
	top:50%;
	left:50%;
	bottom:auto;
	z-index:10;
	transition:.3s all;
	margin:-40% 0 0 -40%;
}
.list-column .tm-photo .photo-block img.photo-f{
	opacity:1;
}
.list-column .tm-photo .photo-block img.photo-h{
	opacity:0;
}
.list-column .team-item:hover .tm-photo .photo-block img.photo-h{
	opacity:1;
}
.team-column .tm-photo .photo-floor img,
.team-column .tm-photo .photo-img img{
	display:block;
	width:100%;
	height:auto;
}
.team-column .tm-photo .photo-floor{
	position:absolute;
	top:0;
	left:-40px;
	right:-40px;
	z-index:1;
}
.team-column .tm-photo .photo-img{
	position:relative;
	z-index:2;
	padding:74px 32px 0 16px;
}
.team-column .tm-photo .photo-pattern{
	position:absolute;
	bottom:50px;
	left:-30px;
	width:60%;
	z-index:3;
}
.detail-content{
	padding:0 120px;
}
.detail-content .team-column{
	box-shadow:none;
	height:66vh;
}
.detail-content .team-item{
	box-shadow:none;
}
.detail-content .team-column .tm-header{
	height:auto;
	padding:0;
	margin:0 0 30px 0;
}
.detail-content .team-column .tm-name{
	font-size:42px;
	letter-spacing:3px;
}
.detail-content .team-column .tm-title{
	margin:6px 0 0;
	font-size:22px;
	font-weight:500;
	letter-spacing:2px;
}
.detail-content .team-column .tm-photo{
}
.detail-content .team-column .tm-photo .photo-floor{
	top:-34px;
}
.detail-content .team-column .tm-photo .photo-img{
	padding:74px 62px 18px 36px;
}
.detail-content .team-column .tm-photo .photo-pattern{
	left:auto;
	right:24px;
	bottom:90px;
}
.detail-content .tm-detail{
	font-size:19px;
	font-weight:300;
}
.detail-content .close-team{
	position:absolute;
	top:30px;
	right:30px;
	width:20px;
	height:20px;
	background:url("../images/close.svg") no-repeat 0 0;
	background-size:20px auto;
	opacity:0.7;
	z-index:500;
	display:block;
	cursor:pointer;
}
.detail-content .close-team:hover{
	opacity:1;
}
/* Services */
.services{
	background:#f0f0f0;
	overflow:hidden;
}
.services-section{
	position:relative;
	height:100vh;
	color:#f0f0f0;
}
.services-section .section-header{
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	background-size:auto 200px;
}
.services-section .section-content,
.team-members-section .section-content{
	position:relative;
	height:66vh;
}
.services-section .service-item,
.team-members-section .team-member-item{
	position:relative;
	display:block;
	height:66vh;
	color:#fff;
}
.service-item .item-text,
.team-member-item .item-text{
	position:relative;
	z-index:2;
	padding:50px;
}
.service-item .item-number{
	display:inline-block;
	font-size:30px;
	font-weight:500;
	line-height:1.2;
	margin:0 0 38px 0;
	padding:0;
	border-bottom:2px solid #fff;
}
.service-item .item-title h4,
.team-member-item .item-title h4,
.team-member-item .item-title h5{
	position:relative;
	opacity:0;
	padding:0 20px;
	font-size:24px;
	font-weight:700;
	line-height:1.5;
	transition:.3s opacity ease;
	text-transform:uppercase;
	z-index:20;
}
.team-member-item .item-title h4{
	font-size:18px;
	padding:0 15px;
	line-height:1.3 !important;;
}
.team-member-item .item-title h5{
	font-size:14px;
	font-weight:300;
	padding:0 15px;
	line-height:1.3 !important;
}
.service-item:hover .item-title h4,
.team-member-item:hover .item-title h4,
.team-member-item:hover .item-title h5{
	opacity:1;
}
.service-item .item-cover,
.team-member-item .item-cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	filter:grayscale(100%);
}
.services-section .service-item:hover .item-cover{
	background-color:rgba(23,4,84,.5);
	background-blend-mode:multiply;
	filter:grayscale(0%);
}
.team-members-section .team-member-item:hover .item-cover{
	background-color:rgba(168,39,39,.85);
	background-blend-mode:multiply;
	filter:grayscale(0%);
}
.services-section .service-item:before,
.team-members-section .team-member-item:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
.services-section .detail-content,
.team-members-section .detail-content{
	position:absolute;
	width:100%;
	height:66vh;
	top:100%;
	left:0;
	padding:0 !important;
	/*padding:0 50px 0 0;*/
	background:#170454;
	/*box-shadow:inset 0 18px 30px -5px rgba(0, 0, 0, 0.3);*/
	z-index:2000;
}
.team-members-section .detail-content{
	background:#a82727;
}
.detail-content .cover-row,
.detail-content .cover-column{
	position:relative;
	height:100%;
	margin:0;
	padding:0;
}
.detail-content .detail-cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.services-section .detail-content h2,
.team-members-section .detail-content h2{
	margin:0 0 40px 0;
	font-size:24px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
}
.team-members-section .detail-content h2{
	margin:0 0 10px 0 !important;
}
.team-members-section .detail-content h4{
	font-size:17px;
	margin:0 0 30px 0 !important;
	text-transform:uppercase;
}
.services-section .detail-content h3,
.team-members-section .detail-content h3{
	position:relative;
	margin:0 0 80px 0;
	padding:0 0 0 25%;
	font-size:42px;
	letter-spacing:3px;
}
.services-section .detail-content h3:after,
.team-members-section .detail-content h3:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	width:40%;
	height:4px;
	margin:-2px 0 0;
	background:#fff;
}
.detail-content .service-details,
.detail-content .team-member-details{
	padding:0 12%;
	font-size:17px;
	font-weight:300;
}
.detail-content .close-service,
.detail-content .close-team-member{
	position:absolute;
	top:30px;
	right:30px;
	width:20px;
	height:20px;
	background:url("../images/close.svg") no-repeat 0 0;
	background-size:20px auto;
	opacity:0.7;
	z-index:500;
	display:block;
	cursor:pointer;
}
.detail-content .close-service:after,
.detail-content .close-team-member:after{
	opacity:1;
}
.pattern-lines{
	list-style:none;
	margin:0;
	padding:0;
}
.pattern-lines li{
	display:block;
	margin:0 0 9px 0;
	height:2px;
	background:rgba(255, 255, 255, .3);
}
/* Projects */
.projects{
	background:#f0f0f0;
}
.projects-section{
	position:relative;
	height:100vh;
	color:#fff;
}
.projects-section .section-header{
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	background-size:auto 200px;
}
.projects-section .section-content{
	min-height:66vh;
}
.projects-section .project-item{
	position:relative;
	display:block;
	height:66vh;
	color:#fff;
	overflow:hidden;
}
.projects-section .project-item:before{
	display:none !important;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:6px solid rgba(255, 255, 255, .85);
	z-index:100;
}
.project-item .item-text{
	position:relative;
	z-index:2;
	padding:50px;
}
.project-item .item-cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:transparent;
	transition:.3s background-color;
	filter: grayscale(100%);
}
.project-item:hover .item-cover{
	background-color:rgba(23,4,84,.5);
	background-blend-mode:multiply;
	filter: grayscale(0%);
}
.project-item .item-details{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	z-index:50;
	opacity:0;
	transition:.3s opacity;
}
.project-item:hover .item-details{
	opacity:1;
}
.project-item .item-details h2{
	position:absolute;
	top:8%;
	left:8%;
	font-size:34px;
	font-weight:500;
	letter-spacing:3px;
}
.project-item .item-details h3{
	position:absolute;
	bottom:8%;
	left:8%;
	font-size:20px;
	font-weight:500;
	letter-spacing:2px;
}
.project-item .item-details h3 span{
	display:inline-block;
	height:3px;
	width:40px;
	margin:0 10px;
	background:#fff;
}
.project-item .item-details h4{
	position:absolute;
	bottom:8%;
	right:8%;
	font-size:20px;
	font-weight:500;
	letter-spacing:2px;
}
.project-item .item-details .detail-text{
	color:#fff;
	font-size:18px;
	font-weight:300;
	padding:0 14% 0 8%;
}
.projects .col-md-6{
	position:relative;
}
.projects .vr{
	display:block;
	position:absolute;
	bottom:20px;
	right:30px;
	z-index:100;
}
.projects .vr img{
	display:block;
	width:90px;
	height:auto;
}
.project-title{
	position:fixed;
	top:16%;
	left:10%;
	font-family:"nexa", Arial, sans-serif;
	font-size:32px;
	font-weight:500;
	letter-spacing:4px;
	color:#fff;
	text-shadow:0 1px 8px rgba(0, 0, 0, 0.3);
}
.project-location{
	position:fixed;
	bottom:10%;
	left:10%;
	font-family:"nexa", Arial, sans-serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:2px;
	color:#fff;
}
.project-location span{
	display:inline-block;
	height:2px;
	width:40px;
	margin:0 10px;
	background:#fff;
}
.project-date{
	position:fixed;
	bottom:10%;
	right:10%;
	font-family:"nexa", Arial, sans-serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:2px;
	color:#fff;
}
.fancybox-caption:after{
	border:0;
	background:#121212 !important;
}
.fancybox-caption:before{
	background:#121212 !important;
}
/* Blog */
.blog{
	background:#170454;
}
.blog-section{
	position:relative;
	height:100vh;
	color:#fff;
}
.blog-section .section-header{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.blog-section .section-content{
	min-height:66vh;
	background:#d6d6d5;
	overflow:hidden;
}
.blog.details{
	background-image:url("../images/blog-bg.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#170454;
	background-blend-mode:multiply;
	background-size:cover;
	overflow:hidden;
	text-rendering:optimizeLegibility;
}
.blog.details .blog-section{
	height:auto;
}
.blog.details .blog-section .section-content{
	background:none;
}
.blog.details .blog-details{
	padding:120px 80px;
	font-size:15px;
	font-family:"nexa", Arial, sans-serif;
	text-rendering:optimizeLegibility;
}
.blog.details .blog-details .blog-nr{
	position:relative;
	z-index:10;
	letter-spacing:3px;
	margin:1rem 0 0;
}
.blog.details .blog-details .title-item,
.blog.details .next-blog .title-item{
	display:block;
}
.blog.details .blog-details .blog-nr .border-line{
	position:absolute;
	left:-14px;
	bottom:-1px;
	width:48px;
	height:2px;
	background:#fff;
	z-index:4;
}
.blog.details .blog-details .blog-nr .shape{
	position:absolute;
	left:-10px;
	bottom:-8px;
	width:80px;
	height:22px;
	background:url("../images/pattern-about.png") no-repeat 0 80%;
	background-size:100% auto;
	z-index:3;
	opacity:0.7;
}
.blog.details .blog-details .blog-title{
	margin:0 0 1rem 0;
	font-size:100px;
	line-height:1;
	font-weight:700;
}
.blog.details .blog-details .date{
	font-size:12px;
	letter-spacing:2px;
}
.blog.details .next-blog{
	position:absolute;
	top:100vh;
	right:50px;
	margin-top:-56px;
	color:#fff;
	font-size:18px;
	text-align:right;
	letter-spacing:2px;
}
.blog.details .next-blog .border-line{
	position:absolute;
	left:28px;
	bottom:-2px;
	width:48px;
	height:2px;
	background:#fff;
	z-index:4;
}
.blog.details .next-blog .shape{
	position:absolute;
	right:-17px;
	bottom:-8px;
	width:80px;
	height:22px;
	background:url("../images/pattern-about.png") no-repeat 0 80%;
	background-size:100% auto;
	z-index:3;
	opacity:0.7;
}
.blog.details hr{
	border:0;
	background:#fff;
	height:3px;
	width:40%;
	margin:1.5rem 0 2rem 0;
}
.blog.details img{
	display:block;
	max-width:90%;
	height:auto;
	margin:2rem 0;
}
.blog-section .blog-item{
	position:relative;
	display:block;
	height:calc(66vh - 10px);
	color:#262626;
	margin:10px 0 0;
	overflow:hidden;
}
.blog-item .item-text{
	position:relative;
	z-index:2;
	padding:50px;
}
.blog-item .item-content{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30%;
	padding:28px 40px;
	background:#fff;
	z-index:3;
}
.blog-item .item-content h4{
	margin:0;
}
.blog-item .item-content .item-date{
	position:absolute;
	left:40px;
	bottom:24px;
	letter-spacing:2px;
}
.blog-item .item-cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70%;
	z-index:1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:transparent;
	transition:.3s background-color;
}
.blog-item:hover .item-cover{
	background-color:#5329d6;
	background-blend-mode:multiply;
}
.blog-item .item-details{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	z-index:50;
	opacity:0;
	transition:.3s opacity;
}
.blog-item:hover .item-details{
	opacity:1;
}
.blog-item .item-details .detail-text{
	color:#fff;
	font-size:18px;
	font-weight:300;
	padding:0 14% 0 8%;
}
.blog-item .item-details .detail-icon{
	margin:10px 0 0;
	text-align:right;
	font-size:24px;
}
.blog-item .item-content h4{
	font-size:26px;
	line-height:1.3;
}
.blog-item .item-content .item-date{
	font-size:18px;
	bottom:24px;
	letter-spacing:2px;
}
/* Products */
.products{
	background:#821c1c;
}
.products-section{
	position:relative;
	height:100vh;
	color:#fff;
}
.micro-stories{
	max-width:45%;
	margin:6% auto 0;
}
.micro-stories img{
	max-width:100%;
	height:auto;
}
.products-section .section-header{
	background:#fff;
}
.products-section .section-content{
	position:relative;
	height:66vh;
	background-repeat:no-repeat;
	background-size:auto 72%;
	background-position:0 100%;
	background-color:#f4f4f4;
	color:#484848;
}
.visit-link{
	font-size:24px;
	color:#3c3c3c;
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
	z-index:10;
	display:block;
	margin:30px 0 0;
}
.visit-link .border-line{
	content:"";
	position:absolute;
	left:-20px;
	bottom:-4px;
	width:58px;
	height:2px;
	background:#3c3c3c;
	z-index:4;
}
.visit-link .shape{
	content:"";
	position:absolute;
	left:12px;
	bottom:-17px;
	width:105px;
	height:28px;
	background:url(../images/title-pattern-black.svg) no-repeat 0 0;
	background-size:82% auto;
	z-index:3;
}
/* Contact */
.contact{
	background:#821c1c;
}
.contact-section{
	position:relative;
	height:100vh;
	color:#262626;
}
.contact-section .section-title .title-item{
	color:#363636;
}
.contact-section h3.section-title .border-line{
	background:#363636;
}
.contact-section h3.section-title .shape{
	background-image:url("../images/title-pattern-black.svg");
}
.contact-section .section-header{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.contact-section .section-content{
	position:relative;
	min-height:66vh;
	overflow:hidden;
}
.contact-section .maps{
	display:block;
	height:66vh;
	color:#262626;
}
.contact-section .maps h4{
	margin:0 0 5px 0;
	font-size:17px;
	text-transform:uppercase;
}
.contact-details{
	position:absolute;
	top:0;
	bottom:-1px;
	right:0;
	width:100%;
	padding:0 45px;
	background:rgba(148, 3, 3, 0.8);
	color:#fff;
	font-size:19px;
	font-weight:300;
	z-index:100;
}
.contact-details .address-block{
	margin:0 0 50px 0;
	max-width:240px;
}
.contact-details .address-block h4{
	font-size:21px;
	font-weight:700;
	display:inline-block;
	border-bottom:2px solid #fff;
	margin:0 0 10px 0;
}
.contact-details .address-block p{
	font-weight:500;
	margin:0 0 15px 0;
}
.contact-details .address-block a{
}
.contact-details a{
	color:#fff;
}
.contact-details .social-media a.facebook{
	background-image:url("../images/icons/facebook-w.svg");
	background-size:auto 100%;
}
.contact-details .social-media a.instagram{
	background-image:url("../images/icons/instagram-w.svg");
	background-size:100% auto;
}
.contact-details .social-media a.twitter{
	background-image:url("../images/icons/twitter-w.svg");
	background-size:auto 100%;
}
.contact-details .social-media a.youtube{
	background-image:url("../images/icons/youtube-w.svg");
	background-size:auto 100%;
}
.contact-details .social-media a.behance{
	background-image:url("../images/icons/behance-w.svg");
	background-size:auto 100%;
}
.contact-details hr{
	background:#fff;
	width:50%;
	height:4px;
	margin:1rem 0;
	border:0;
}
.contact-details .social-media{
	position:absolute;
	left:45px;
	bottom:20px;
	font-size:22px;
}
/* Mouse */
.mouse-icon{
	position:absolute;
	height:70px;
	width:30px;
	bottom:4%;
	left:50%;
	/*border:2px solid #fff;*/
	border-radius:15px;
	cursor:pointer;
	display:block;
	text-align:center;
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ie-transform:translateX(-50%);
	z-index:15;
}
.mouse-icon .wheel{
	position:relative;
	width:2px;
	height:50px;
	top:5px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}
.mouse-icon .fa-angle-down{
	display:none;
	font-size:24px;
	margin-top:38px;
}
.mouse-icon .wheel,
.mouse-icon .fa-angle-down{
	-webkit-animation-name:drop;
	-webkit-animation-duration:1.1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-play-state:running;
	animation-name:drop;
	animation-duration:1.1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-play-state:running;
}
@-webkit-keyframes drop{
	0%{
		top:5px;
		opacity:0;
	}
	30%{
		top:10px;
		opacity:1;
	}
	100%{
		top:25px;
		opacity:0;
	}
}
@keyframes drop{
	0%{
		top:5px;
		opacity:0;
	}
	30%{
		top:10px;
		opacity:1;
	}
	100%{
		top:25px;
		opacity:0;
	}
}
.home-logo{
	display:block;
	width:26vw;
	height:26vw;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-13vw;
	margin-left:-13vw;
	opacity:0;
	z-index:100;
}
.home-logo a{
	position:relative;
	display:block;
}
.home-logo a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
.home-logo img{
	display:block;
	width:100%;
	height:auto;
}
.fa-facebook-f{
	font-size:90%;
}
/* Project Fancybox */
.project-gallery.fancybox-is-open .fancybox-bg{
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:transparent;
	/*background-blend-mode:multiply;*/
	opacity:0;
}
.fancybox-container{
	background:#121212;
}
.quick-view-bullets{
	bottom:10%;
	left:0;
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	position:absolute;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	text-align:center;
	width:100%;
	z-index:99999;
}
.quick-view-bullets li{
	display:inline-block;
	vertical-align:top;
}
.quick-view-bullets li a{
	display:block;
	height:30px;
	position:relative;
	width:20px;
}
.quick-view-bullets li a span{
	background:rgba(0, 0, 0, 0.2);
	border-radius:99px;
	height:10px;
	left:50%;
	overflow:hidden;
	position:absolute;
	text-indent:-99999px;
	top:50%;
	transform:translate(-50%, -50%);
	width:10px;
}
.quick-view-bullets li.active a span{
	background:rgba(0, 0, 0, 0.7);
}
/* Animations */
@keyframes pulse_plus{
	0%{
		transform:scale(1);
	}
	30%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}
}
@keyframes pulse_minus{
	0%{
		transform:scale(1);
	}
	30%{
		transform:scale(0.9);
	}
	100%{
		transform:scale(1);
	}
}
@media (max-width:767px){
	html,
	body.main{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		overflow:hidden;
	}
	.sections{
		width:100vw;
		height:100vh;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
	}
	.section{
		position:absolute;
		overflow:hidden;
	}
	#container{
		display:none;
	}
	/*.menu-opened .section.active{
        transform:translate3d(0, 50vh, 0);
    }*/
	#intro .tbl .tbl-c.v-mid{
		vertical-align:top;
	}
	#intro .text{
		font-size:49px;
		line-height:40px;
		letter-spacing:8px;
		margin-right:6px;
		margin-top:31.3vh;
	}
	#intro .text .text-blank{
		width:13vw;
	}
	#intro img.image{
		height:11.3vw;
		width:11.3vw;
		position:absolute;
		top:34.7vh;
		left:50%;
		margin-left:-5.6vw;
	}
	#intro.initialized .image{
		transform:scale(3);
	}
	#intro #intro-logo{
		display:none !important;
	}
	.sections{
		overflow:hidden;
		height:100%;
		position:relative;
		touch-action:none;
		min-height:auto !important;
	}
	.section-header{
		height:24vh;
	}
	.team-section .section-content,
	.team-section .section-content .detail-content,
	.services-section .detail-content,
	.team-members-section .detail-content{
		height:76vh;
	}
	.projects-section .section-content,
	.blog-section .section-content,
	.contact-section .section-content{
		min-height:76vh;
	}
	.services-section .service-item,
	.team-members-section .team-member-item{
		height:38vh;
	}
	.section-header h3{
		font-size:21px;
		letter-spacing:2px;
		width:100%;
		text-align:center;
		line-height:30px;
		margin:8vh 0 0;
	}
	.section-header h4{
		display:none;
	}
	.menu h1{
		top:4.5%;
		letter-spacing:5px;
		font-size:36px;
		line-height:34px;
		height:34px;
	}
	.menu h1 > span{
		display:inline-block;
		margin:0 5px 0 0;
	}
	.menu h1 > span:last-child{
		margin:0 5px 0 30px;
	}
	.open-menu{
		top:2%;
		margin:0 0 0 -17px;
		width:34px;
		height:34px;
	}
	.loaded .open-menu{
		/*animation-name:pulse_plus;
        animation-duration:4s;
        animation-delay:3s;
        animation-iteration-count:infinite;
        animation-timing-function:cubic-bezier(0, 0, 0.2, 1);*/
	}
	#fixed-logo{
		width:34px;
		height:34px;
	}
	#menu{
		height:50vh;
	}
	#menu ul{
		position:relative;
		top:90px;
		margin:0;
		left:0;
		right:0;
	}
	#menu ul li{
		float:none;
		width:100%;
		height:20px;
		left:0;
	}
	#menu ul li a{
		font-size:18px;
		line-height:1;
		letter-spacing:2px;
	}
	#menu ul li.li-home{
		left:0;
		top:0;
	}
	#menu ul li.li-about{
		left:0;
		top:30px;
	}
	#menu ul li.li-projects{
		left:0;
		top:60px;
	}
	#menu ul li.li-blog,
	#menu ul li.li-products{
		left:0;
		top:90px;
	}
	#menu ul li.li-contact{
		left:0;
		top:120px;
	}
	#menu ul li a:after{
		bottom:-2px;
		display:none;
	}
	.menu .social-media{
		bottom:2px;
		font-size:18px;
	}
	.menu .social-media a.facebook{
		width:13px;
		height:17px;
	}
	.menu .social-media a.instagram{
		width:17px;
		height:17px;
	}
	.menu .social-media a.twitter{
		width:23px;
		height:16px;
		margin:0;
	}
	.menu .social-media a.youtube{
		width:26px;
		height:17px;
	}
	.menu .social-media a.behance{
		width:26px;
		height:17px;
	}
	.h33{
		height:33vh;
	}
	.home{
		background-position:-50vw 34vh;
		background-size:200vw auto;
	}
	.home-logo{
		display:block;
		width:34vw;
		position:absolute;
		top:24vh;
		left:50%;
		margin-left:-17vw;
		z-index:100;
		opacity:1;
		margin-top:auto;
		height:auto;
	}
	.loaded .home-logo{
		animation-name:pulse_minus;
		animation-duration:5s;
		animation-delay:3s;
		animation-iteration-count:infinite;
		animation-timing-function:cubic-bezier(0, 0, 0.2, 1);
	}
	.home-pattern{
		top:34vh;
		width:44vw;
		height:35vh;
		background-size:auto 100%;
	}
	.home-section .section-link.link-about{
		left:0;
		width:100%;
		height:80px;
		top:auto;
		bottom:35%;
	}
	.home-section .section-link.link-blog,
	.home-section .section-link.link-products{
		right:0;
		width:100%;
		height:80px;
		top:auto;
		bottom:15%;
	}
	.home-section .section-link.link-projects{
		height:80px;
		top:auto;
		bottom:25%;
	}
	.home-section .section-link a{
		font-size:28px;
		display:block;
		width:100%;
	}
	.home-section .section-link.link-about a{
		transform:rotate(0);
		writing-mode:inherit;
	}
	.home-section .section-link.link-blog a,
	.home-section .section-link.link-products a{
		writing-mode:inherit;
	}
	.home-section .section-link.link-contact{
		right:12%;
		padding:20% 15px 15px;
		margin:0 -15px 0 0;
	}
	.home-section .section-link.link-contact a{
		font-size:14px;
	}
	.home-section .social-media{
		bottom:4%;
		right:0;
		width:100%;
		text-align:center;
	}
	.home-section .social-media a{
		font-size:30px;
		margin:0 3px;
	}
	.home-section .social-media a.facebook{
		width:18px;
		height:22px;
	}
	.home-section .social-media a.instagram{
		width:22px;
		height:22px;
	}
	.home-section .social-media a.twitter{
		width:28px;
		height:21px;
		margin:0 2px;
	}
	.home-section .social-media a.youtube{
		width:31px;
		height:22px;
	}
	.home-section .social-media a.behance{
		width:31px;
		height:22px;
	}
	.dev-n-design{
		display:none;
		bottom:30px;
		right:auto;
		width:50%;
		text-align:left;
		font-size:11px;
		left:22px;
		line-height:1.2;
	}
	.dev-n-design p{
		font-size:10px;
	}
	.team-section .section-content{
		padding:0 10px;
	}
	.team-section .section-content .detail-content{
		padding:5px 20px 0 20px;
	}
	.team-column{
		padding:0;
	}
	.team-column .team-item{
		box-shadow:none;
		/*margin:10px 0 0;*/
	}
	.team-column .tm-name,
	.team-column .tm-title{
		font-weight:700;
	}
	.team-column .tm-header{
		height:auto;
		padding:12px 0 10px;
		margin:0 -5px;
		text-align:center;
	}
	.team-column .tm-name{
		font-size:12px;
		letter-spacing:1px;
	}
	.team-column .tm-title{
		margin:4px 0 0;
		font-size:11px;
		letter-spacing:0;
		white-space:nowrap;
	}
	.m-pad-lr-15{
		padding-left:15px;
		padding-right:15px;
	}
	.team-column .tm-photo .photo-floor{
		left:24px;
		right:24px;
	}
	.team-column .tm-photo .photo-img{
		padding:24px 46px 0 42px;
	}
	.team-column .tm-photo .photo-pattern{
		bottom:18px;
		left:10px;
		width:40%;
	}
	.team-item{
		padding:0 5px;
	}
	.team-column .tm-photo{
		margin:0;
	}
	.tm-photo .photo-block{
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
	}
	.detail-content{
		padding:0 120px;
	}
	.team-section .detail-content .row{
		-ms-flex-pack:center !important;
		justify-content:center !important;
	}
	.detail-content .team-column{
		padding:0;
		width:100%;
		height:auto;
	}
	.detail-content .team-column .team-item{
		margin:10px 0 0;
		text-align:center;
	}
	.detail-content .team-column .tm-header{
		height:auto;
		margin:0 0 10px 0;
		text-align:center;
	}
	.detail-content .team-column .tm-name{
		font-size:15px;
		letter-spacing:1px;
	}
	.detail-content .team-column .tm-title{
		margin:6px 0 0;
		font-size:11px;
		font-weight:500;
		letter-spacing:0.5px;
	}
	.detail-content .team-column .tbl .tbl-c.v-bot,
	.detail-content .team-column .tbl .tbl-c.v-mid{
		vertical-align:top;
	}
	.detail-content .team-column .tm-photo .photo-floor{
		top:-22px;
		left:-8px;
		right:-8px;
	}
	.detail-content .team-column .tm-photo .photo-img{
		padding:0 13px 68px 8px;
	}
	.detail-content .team-column .tm-photo .photo-pattern{
		right:24px;
		bottom:90px;
	}
	.detail-content .tm-detail{
		font-size:10px;
		font-weight:300;
		line-height:1.4;
	}
	.detail-content .close-team{
		font-size:30px;
		top:15px;
		right:15px;
	}
	.services-section .service-item,
	.team-members-section .team-member-item{
		height:33vh;
	}
	.service-item .item-text,
	.team-member-item .item-text{
		padding:30px 26px;
	}
	.service-item .item-number{
		font-size:24px;
		line-height:1.2;
		margin:0 0 12px 0;
		border-bottom:2px solid #fff;
	}
	.service-item .item-title h4,
	.team-member-item .item-title h4{
		font-size:18px;
	}
	.services-section .detail-content .tbl .tbl-c.v-mid,
	.team-members-section .detail-content .tbl .tbl-c.v-mid{
		vertical-align:top;
	}
	.services-section .detail-content{
		/*padding:40px 0 0;*/
	}
	.services-section .detail-content h2,
	.team-members-section .detail-content h2{
		margin:-2px 0 22px 0;
		font-size:18px;
		letter-spacing:2px;
	}
	.team-members-section .detail-content h4{
		font-size:15px;
		margin-bottom:24px !important;
	}
	.services-section .detail-content h3,
	.team-members-section .detail-content h3{
		margin:0 0 30px 0;
		padding:0 0 0 15%;
		font-size:18px;
		letter-spacing:3px;
	}
	.services-section .detail-content h3:after,
	.team-members-section .detail-content h3:after{
		top:50%;
		right:0;
		width:31%;
		height:2px;
		margin:-1px 0 0;
	}
	.detail-content .service-details{
		padding:0 30px;
		font-size:12px;
		line-height:1.4;
	}
	.detail-content .close-service,
	.detail-content .close-team-member{
		font-size:30px;
		top:15px;
		right:15px;
	}
	.pattern-lines li{
		margin:0 0 9px 0;
		height:2px;
	}
	.about .about-section{
		padding:0 30px;
	}
	.about .section-title h2{
		font-size:19px;
		letter-spacing:1px;
	}
	.about .section-content{
		font-size:14px;
	}
	.about .section-content h3{
		margin:9px 0 55px -3px;
		font-size:30px;
		letter-spacing:4px;
	}
	.about .section-content h3 span{
		top:97%;
		right:-10%;
		font-size:19px;
		letter-spacing:2px;
	}
	.about .section-content .section-text{
		padding:0;
	}
	.about .section-content p{
		margin:0 0 20px 0;
	}
	.projects .vr{
		bottom:20px;
		right:5%;
	}
	.projects .vr img{
		width:70px;
	}
	.project-item .item-details h2{
		top:10%;
		left:8%;
		font-size:18px;
		letter-spacing:4px;
	}
	.project-item .item-details h3{
		bottom:15%;
		left:8%;
		font-size:13px;
		letter-spacing:2px;
	}
	.project-item .item-details h3 span{
		height:2px;
		width:30px;
		margin:0 10px;
	}
	.project-item .item-details h4{
		bottom:15%;
		right:8%;
		font-size:13px;
		letter-spacing:3px;
	}
	.project-item .item-details .detail-text{
		font-size:13px;
		padding:0 14% 0 8%;
	}
	.project-title{
		top:15%;
		left:6%;
		font-size:18px;
		letter-spacing:4px;
	}
	.project-location{
		bottom:8%;
		left:6%;
		font-size:13px;
		letter-spacing:1px;
	}
	.project-location span{
		height:2px;
		width:26px;
	}
	.project-date{
		font-size:13px;
		bottom:8%;
		right:6%;
	}
	.blog-item .item-content{
		padding:20px 28px;
	}
	.blog-item .item-content h4{
		font-size:18px;
		line-height:1.3;
	}
	.blog-item .item-content .item-date{
		font-size:12px;
		left:28px;
		bottom:18px;
	}
	.blog-item .item-details .detail-text{
		font-size:13px;
		padding:0 14% 0 8%;
	}
	.blog-item .item-details .detail-icon{
		font-size:16px;
	}
	.blog.details .blog-details{
		padding:30px 24px;
		font-size:14px;
		font-weight:normal;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:1rem 0 20px 12px;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-14px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-10px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 .5rem 0;
		font-size:34px;
	}
	.blog.details .blog-details .date{
		font-size:11px;
		letter-spacing:2px;
	}
	.blog.details img{
		max-width:100%;
		margin:1rem 0;
	}
	.blog.details .next-blog{
		right:40px;
		margin-top:0;
		font-size:16px;
		letter-spacing:2px;
		top:28px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-2px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details hr{
		height:1px;
		width:40%;
		margin:.75rem 0 1.25rem 0;
	}
	.micro-stories{
		max-width:90%;
		margin:18% auto 0;
	}
	.products-section .section-header{
		background:#fff;
	}
	.products-section .section-content .align-items-center{
		-ms-flex-align:start !important;
		align-items:start !important;
	}
	.products-section .section-content{
		background-size:90% auto;
		font-size:14px;
		color:#484848;
		padding:30px;
	}
	.visit-link{
		font-size:22px;
		margin:30px 0 0;
	}
	.contact-section .maps{
		height:46vh;
	}
	.contact-section .maps h4{
		margin:0 0 5px 0;
		font-size:17px;
	}
	.contact-details{
		position:relative;
		height:20vh;
		padding:0 15px;
		font-size:12px;
		top:0;
		bottom:0;
	}
	.contact-details .address-block{
		margin:0 0 7px 0;
		max-width:inherit;
	}
	.contact-details .address-block h4{
		font-size:16px;
		margin:0 0 2px 0;
		border-bottom-width:1px;
	}
	.contact-details .address-block p{
		margin:0;
	}
	.contact-details hr{
		width:50%;
		height:1px;
		margin:5px 0;
	}
	.contact-details .social-media{
		left:auto;
		bottom:26px;
		font-size:15px;
		right:20px;
	}
}
@media (max-width:410px){
	#intro img.image{
		top:35.6vh;
	}
}
@media (max-width:767px) and (min-height:760px){
	#intro .text{
		margin-top:29.8vh;
	}
	#intro img.image{
		top:33.1vh;
	}
}
@media (max-width:410px) and (min-height:630px){
	#intro .text{
		margin-top:30.2vh;
	}
	#intro img.image{
		top:33.9vh;
	}
}
@media (min-width:768px){
	#intro img.image{
		display:none !important;
	}
	.home-section .link-about a,
	.home-section .link-blog a,
	.home-section .link-products a,
	.home-section .link-projects a,
	.home-section .link-contact a,
	.home-section .social-media a{
		transition:.2s all;
	}
	.home-section .link-about a:hover{
		transform:scale(1.05, 1.05) rotate(180deg);
	}
	.home-section .link-blog a:hover,
	.home-section .link-products a:hover,
	.home-section .link-projects a:hover{
		transform:scale(1.05, 1.05);
	}
	.home-section .social-media a:hover,
	.menu .social-media a:hover{
		transform:scale(1.2, 1.2);
	}
	.home-section .section-link.link-contact:hover a{
		padding-top:10%;
	}
}
@media (min-width:768px) and (max-width:991px){
	#intro.initialized .image{
		transform:scale(6.3);
	}
	.section-header h3{
		font-size:18px;
		letter-spacing:2px;
	}
	.section-header h4{
		font-size:22px;
		margin:0;
		letter-spacing:4px;
	}
	.open-menu{
		top:2%;
		margin:0 0 0 -26px;
		width:52px;
		height:52px;
	}
	.menu h1{
		top:3.6%;
		font-size:52px;
	}
	.menu h1 > span:last-child{
		margin:0 3px 0 24px;
	}
	#menu ul{
		left:0;
		right:0;
	}
	#menu ul{
		position:relative;
		top:90px;
		margin:0;
	}
	#menu ul li{
		float:none;
		width:100%;
		height:30px;
		left:0;
	}
	#menu ul li a{
		font-size:20px;
		line-height:1;
		letter-spacing:2px;
	}
	#menu ul li.li-home{
		left:0;
		top:0;
	}
	#menu ul li.li-about{
		left:0;
		top:40px;
	}
	#menu ul li.li-projects{
		left:0;
		top:80px;
	}
	#menu ul li.li-blog{
		left:0;
		top:120px;
	}
	#menu ul li.li-contact{
		left:0;
		top:160px;
	}
	#menu ul li a:after{
		bottom:-2px;
		display:none;
	}
	.menu .social-media{
		bottom:10px;
		font-size:18px;
	}
	.home-section .section-link a{
		font-size:34px;
	}
	.home-section .section-link.link-contact{
		right:12%;
		padding:9% 15px 15px;
		margin:0 -15px 0 0;
	}
	.home-section .section-link.link-contact a{
		font-size:17px;
	}
	.home-section .social-media{
		bottom:40px;
		right:12%;
	}
	.home-section .social-media a{
		font-size:22px;
	}
	.about .about-section{
		padding:0 40px;
	}
	.about .section-title h2{
		font-size:24px;
		letter-spacing:1px;
	}
	.about .section-content{
		font-size:15px;
	}
	.about .section-content h3{
		margin:-4px 0 45px 0;
		font-size:36px;
		letter-spacing:4px;
	}
	.about .section-content h3 span{
		top:94%;
		right:-7%;
		font-size:21px;
		letter-spacing:2px;
	}
	.about .section-content .section-text{
		padding:0;
	}
	.about .section-content p{
		margin:0 0 20px 0;
	}
	.projects .vr{
		bottom:20px;
		right:5%;
	}
	.projects .vr img{
		width:70px;
	}
	.project-item .item-details h2{
		top:14%;
		left:8%;
		font-size:21px;
		letter-spacing:4px;
	}
	.project-item .item-details h3{
		bottom:14%;
		left:8%;
		font-size:14px;
		letter-spacing:2px;
	}
	.project-item .item-details h3 span{
		height:2px;
		width:30px;
		margin:0 10px;
	}
	.project-item .item-details h4{
		bottom:14%;
		right:7.6%;
		font-size:14px;
		letter-spacing:3px;
	}
	.project-item .item-details .detail-text{
		font-size:14px;
		padding:0 14% 0 8%;
	}
	.project-title{
		top:16%;
		left:10%;
		font-size:28px;
		letter-spacing:4px;
	}
	.project-location{
		bottom:10%;
		left:10%;
		font-size:17px;
		letter-spacing:2px;
	}
	.project-location span{
		height:2px;
		width:40px;
	}
	.project-date{
		font-size:17px;
	}
	.team-section .section-content{
		padding:0 10px;
	}
	.team-section .section-content .detail-content{
		padding:30px 20px 0 20px;
	}
	.team-column{
		padding:0 12px;
	}
	.team-column .team-item{
		box-shadow:none;
		margin:10px 0 0;
		padding:0;
	}
	.team-column .tm-name,
	.team-column .tm-title{
		font-weight:700;
	}
	.team-column .tm-header{
		height:70px;
		padding:12px 0 0 12px;
	}
	.team-column .tm-name{
		font-size:14px;
		letter-spacing:1px;
	}
	.team-column .tm-title{
		margin:4px 0 0;
		font-size:11px;
		letter-spacing:0;
	}
	.team-column .tm-photo .photo-floor{
		left:14px;
		right:14px;
	}
	.team-column .tm-photo .photo-img{
		padding:34px 48px 0 38px;
	}
	.team-column .tm-photo .photo-pattern{
		bottom:18px;
		left:10px;
		width:40%;
	}
	.tm-photo .photo-block{
		width:calc(100% + 20px);
		height:calc(100% + 20px);
		top:-60px;
		left:-10px;
		right:-10px;
	}
	.detail-content{
		padding:0 120px;
	}
	.detail-content .team-column{
		padding:0;
	}
	.detail-content .team-column .team-item{
		margin:40px 0 0;
	}
	.detail-content .team-column .tm-header{
		height:auto;
		margin:0 0 30px 0;
	}
	.detail-content .team-column .tm-name{
		font-size:15px;
		letter-spacing:1px;
	}
	.detail-content .team-column .tm-title{
		margin:6px 0 0;
		font-size:11px;
		font-weight:500;
		letter-spacing:0.5px;
	}
	.detail-content .team-column .tbl .tbl-c.v-bot,
	.detail-content .team-column .tbl .tbl-c.v-mid{
		vertical-align:top;
	}
	.detail-content .team-column .tm-photo .photo-floor{
		top:-12px;
		left:8px;
		right:8px;
	}
	.detail-content .team-column .tm-photo .photo-img{
		padding:42px 60px 58px 44px;
	}
	.detail-content .team-column .tm-photo .photo-pattern{
		right:24px;
		bottom:90px;
	}
	.detail-content .tm-detail{
		font-size:11px;
		font-weight:300;
	}
	.detail-content .close-team{
		font-size:30px;
	}
	.service-item .item-text,
	.team-member-item .item-text{
		padding:50px 30px;
	}
	.service-item .item-number,
	.team-member-item .item-number{
		font-size:24px;
		line-height:1.2;
		margin:0 0 38px 0;
		border-bottom:2px solid #fff;
	}
	.service-item .item-title h4,
	.team-member-item .item-title h4{
		font-size:22px;
	}
	.services-section .detail-content{
		/*padding:0 50px 0 0;*/
	}
	.services-section .detail-content h2,
	.team-members-section .detail-content h2{
		margin:0 0 30px 0;
		font-size:24px;
		letter-spacing:3px;
	}
	.team-members-section .detail-content h4{
		font-size:16px;
	}
	.services-section .detail-content h3,
	.team-members-section .detail-content h3{
		margin:2px 0 50px 0;
		padding:0 0 0 25%;
		font-size:30px;
		letter-spacing:3px;
	}
	.services-section .detail-content h3:after,
	.team-members-section .detail-content h3:after{
		width:40%;
		height:3px;
		margin:-3px 0 0;
	}
	.detail-content .service-details{
		padding:0 12%;
		font-size:15px;
	}
	.detail-content .close-service,
	.detail-content .close-team-member{
		font-size:32px;
	}
	.pattern-lines li{
		margin:0 0 9px 0;
		height:3px;
	}
	.blog-item .item-content h4{
		font-size:15px;
		line-height:1.3;
	}
	.blog-item .item-content .item-date{
		font-size:11px;
		bottom:24px;
		letter-spacing:2px;
	}
	.blog-item .item-details .detail-text{
		font-size:14px;
		padding:0 14% 0 8%;
	}
	.blog-item .item-details .detail-icon{
		font-size:16px;
	}
	.blog.details .blog-details{
		padding:120px 80px;
		font-size:15px;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:1rem 0 0;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-14px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-10px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 1rem 0;
		font-size:80px;
	}
	.blog.details .blog-details .date{
		font-size:12px;
		letter-spacing:2px;
	}
	.blog.details .next-blog{
		right:50px;
		margin-top:-56px;
		font-size:18px;
		letter-spacing:2px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-2px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-8px;
		width:80px;
		height:22px;
		opacity:0.7;
	}
	.blog.details hr{
		height:2px;
		width:32%;
		margin:1.5rem 0 2rem 0;
	}
	.blog.details img{
		max-width:90%;
		margin:2rem 0;
	}
	.blog.details .blog-details{
		padding:80px 68px;
		font-size:15px;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:0.25rem 0 0;
		font-size:18px;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-20px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-43px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 1rem 0;
		font-size:50px;
	}
	.blog.details .blog-details .date{
		font-size:12px;
		letter-spacing:2px;
	}
	.blog.details .next-blog{
		right:40px;
		margin-top:-50px;
		font-size:16px;
		letter-spacing:2px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-4px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-10px;
		width:80px;
		height:22px;
		opacity:0.7;
	}
	.blog.details hr{
		height:2px;
		width:32%;
		margin:1.25rem 0 1.5rem 0;
	}
	.blog.details img{
		max-width:90%;
		margin:1.5rem 0;
	}
}
@media (width:768px) and (height:1024px) and (orientation:portrait){
	.open-menu{
		top:4%;
	}
	#menu ul li a{
		font-size:30px;
		line-height:40px;
		letter-spacing:2px;
	}
	#menu ul li.li-about{
		top:60px;
	}
	#menu ul li.li-projects{
		top:120px;
	}
	#menu ul li.li-blog{
		top:180px;
	}
	#menu ul li.li-contact{
		top:240px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	#intro.initialized .image{
		transform:scale(5.8);
	}
	.section-header h3{
		font-size:20px;
		letter-spacing:2px;
	}
	.section-header h4{
		font-size:30px;
		margin:0;
		letter-spacing:5px;
	}
	.open-menu{
		top:2%;
	}
	.menu h1{
		top:4.8%;
	}
	#menu ul{
		margin:-34px 0 0;
	}
	#menu ul li{
		height:40px;
	}
	#menu ul li.li-home{
		left:0;
	}
	#menu ul li.li-about{
		left:20%;
	}
	#menu ul li.li-projects{
		left:40%;
	}
	#menu ul li.li-blog{
		left:60%;
	}
	#menu ul li.li-contact{
		left:80%;
	}
	#menu ul li a{
		font-size:24px;
		line-height:40px;
		letter-spacing:2px;
	}
	#menu ul li a:after{
		bottom:-12px;
		width:40px;
		height:2px;
		margin-left:-20px;
	}
	.menu .social-media{
		bottom:50px;
		font-size:22px;
	}
	.home-section .section-link a{
		font-size:40px;
	}
	.home-section .section-link.link-contact{
		right:12%;
		padding:9% 15px 15px;
		margin:0 -15px 0 0;
	}
	.home-section .section-link.link-contact a{
		font-size:17px;
	}
	.home-section .social-media{
		bottom:40px;
		right:12%;
	}
	.home-section .social-media a{
		font-size:22px;
	}
	.about .about-section{
		padding:0 40px;
	}
	.about .section-title h2{
		font-size:24px;
		letter-spacing:1px;
	}
	.about .section-content{
		font-size:17px;
	}
	.about .section-content h3{
		margin:-7px 0 70px 0;
		font-size:44px;
		letter-spacing:4px;
	}
	.about .section-content h3 span{
		top:94%;
		right:-7%;
		font-size:28px;
		letter-spacing:2px;
	}
	.about .section-content .section-text{
		padding:0;
	}
	.about .section-content p{
		margin:0 0 20px 0;
	}
	.projects .vr{
		bottom:20px;
		right:5%;
	}
	.projects .vr img{
		width:70px;
	}
	.project-item .item-details h2{
		top:12%;
		left:8%;
		font-size:22px;
		letter-spacing:4px;
	}
	.project-item .item-details h3{
		bottom:14%;
		left:8%;
		font-size:14px;
		letter-spacing:2px;
	}
	.project-item .item-details h3 span{
		height:2px;
		width:30px;
		margin:0 10px;
	}
	.project-item .item-details h4{
		bottom:14%;
		right:7.3%;
		font-size:14px;
		letter-spacing:3px;
	}
	.project-item .item-details .detail-text{
		font-size:15px;
		padding:0 14% 0 8%;
	}
	.project-title{
		top:12%;
		left:10%;
		font-size:24px;
		letter-spacing:4px;
	}
	.project-location{
		bottom:10%;
		left:10%;
		font-size:18px;
		letter-spacing:2px;
	}
	.project-location span{
		height:2px;
		width:40px;
	}
	.project-date{
		font-size:18px;
	}
	.team-section .section-content{
		padding:20px 20px;
	}
	.team-section .section-content .detail-content{
		padding:0 90px;
	}
	.team-column{
		padding:0 24px;
	}
	.team-item{
		display:block;
		padding-bottom:10px;
	}
	.team-column .tm-header{
		height:64px;
		padding:20px 10px 0 20px;
	}
	.team-column .tm-name{
		font-size:17px;
		letter-spacing:2px;
	}
	.team-column .tm-title{
		margin:4px 0 0;
		font-size:13px;
		letter-spacing:1px;
	}
	.team-column .tm-photo .photo-floor{
		left:-5px;
		right:-5px;
	}
	.team-column .tm-photo .photo-img{
		padding:52px 44px 0 30px;
	}
	.team-column .tm-photo .photo-pattern{
		bottom:24px;
		left:-1px;
		width:50%;
	}
	.tm-photo .photo-block{
		width:calc(100% + 30px);
		height:calc(100% + 30px);
		top:-60px;
		left:-15px;
		right:-15px;
	}
	.detail-content{
		padding:0 120px;
	}
	.detail-content .team-column .tm-header{
		margin:0 0 30px 0;
	}
	.detail-content .team-column .tm-name{
		font-size:26px;
		letter-spacing:2px;
	}
	.detail-content .team-column .tm-title{
		margin:6px 0 0;
		font-size:16px;
		letter-spacing:2px;
	}
	.detail-content .team-column .tm-photo .photo-block{
		top:0;
	}
	.detail-content .team-column .tm-photo .photo-floor{
		top:-60px;
		left:-20px;
		right:-20px;
	}
	.detail-content .team-column .tm-photo .photo-img{
		padding:4px 42px 18px 24px;
	}
	.detail-content .team-column .tm-photo .photo-pattern{
		right:24px;
		bottom:58px;
	}
	.detail-content .tm-detail{
		font-size:14px;
	}
	.detail-content .close-team{
		font-size:34px;
	}
	.service-item .item-text,
	.team-member-item .item-text{
		padding:50px;
	}
	.service-item .item-number,
	.team-member-item .item-number{
		font-size:26px;
		line-height:1.2;
		margin:0 0 38px 0;
		border-bottom:2px solid #fff;
	}
	.service-item .item-title h4,
	.team-member-item .item-title h4{
		font-size:20px;
	}
	.services-section .detail-content{
		/*padding:0 50px 0 0;*/
	}
	.services-section .detail-content h2,
	.team-members-section .detail-content h2{
		margin:0 0 40px 0;
		font-size:24px;
		letter-spacing:3px;
	}
	.team-members-section .detail-content h4{
		font-size:16px;
	}
	.services-section .detail-content h3,
	.team-members-section .detail-content h3{
		margin:0 0 80px 0;
		padding:0 0 0 25%;
		font-size:38px;
		letter-spacing:3px;
	}
	.services-section .detail-content h3:after,
	.team-members-section .detail-content h3:after{
		width:40%;
		height:4px;
		margin:-2px 0 0;
	}
	.detail-content .service-details{
		padding:0 12%;
		font-size:17px;
	}
	.detail-content .close-service,
	.detail-content .close-team-member{
		font-size:36px;
	}
	.pattern-lines li{
		margin:0 0 10px 0;
		height:2px;
	}
	.blog-item .item-content h4{
		font-size:18px;
		line-height:1.3;
	}
	.blog-item .item-content .item-date{
		font-size:12px;
		bottom:20px;
		letter-spacing:2px;
	}
	.blog-item .item-details .detail-text{
		font-size:15px;
		padding:0 14% 0 8%;
	}
	.blog-item .item-details .detail-icon{
		font-size:16px;
	}
	.blog.details .blog-details{
		padding:120px 80px;
		font-size:15px;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:1rem 0 0;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-14px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-10px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 1rem 0;
		font-size:80px;
	}
	.blog.details .blog-details .date{
		font-size:12px;
		letter-spacing:2px;
	}
	.blog.details .next-blog{
		right:50px;
		margin-top:-56px;
		font-size:18px;
		letter-spacing:2px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-2px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-8px;
		width:80px;
		height:22px;
		opacity:0.7;
	}
	.blog.details hr{
		height:2px;
		width:32%;
		margin:1.5rem 0 2rem 0;
	}
	.blog.details img{
		max-width:90%;
		margin:2rem 0;
	}
	.blog.details .blog-details{
		padding:80px 68px;
		font-size:15px;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:0.25rem 0 0;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-14px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-38px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 1rem 0;
		font-size:58px;
	}
	.blog.details .blog-details .date{
		font-size:12px;
		letter-spacing:2px;
	}
	.blog.details .next-blog{
		right:50px;
		margin-top:-56px;
		font-size:18px;
		letter-spacing:2px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-2px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-8px;
		width:80px;
		height:22px;
		opacity:0.7;
	}
	.blog.details hr{
		height:2px;
		width:32%;
		margin:1.25rem 0 1.5rem 0;
	}
	.blog.details img{
		max-width:90%;
		margin:1.5rem 0;
	}
}
@media (min-width:1200px) and (max-width:1479px){
	#intro.initialized .image{
		transform:scale(5.45);
	}
	#menu ul{
		left:5%;
		right:5%;
	}
	.section-header h3{
		font-size:24px;
		letter-spacing:1px;
	}
	.section-header h4{
		font-size:40px;
		/*margin:0 40px 0 0;*/
		letter-spacing:6px;
	}
	.home-section .section-link a{
		font-size:50px;
	}
	.home-section .section-link.link-contact{
		right:20%;
		padding:10% 15px 15px;
		margin:0 -15px 0 0;
	}
	.home-section .section-link.link-contact a{
		font-size:20px;
	}
	.home-section .social-media{
		bottom:50px;
		right:20%;
	}
	.home-section .social-media a{
		font-size:22px;
	}
	.about .about-section{
		padding:0 40px;
	}
	.about .section-title h2{
		font-size:24px;
		letter-spacing:1px;
	}
	.about .section-content{
		font-size:19px;
	}
	.about .section-content h3{
		margin:-7px 0 70px 0;
		font-size:42px;
		letter-spacing:4px;
	}
	.about .section-content h3 span{
		top:94%;
		right:-7%;
		font-size:28px;
		letter-spacing:2px;
	}
	.about .section-content .section-text{
		padding:0;
	}
	.about .section-content p{
		margin:0 0 20px 0;
	}
	.projects .vr{
		bottom:20px;
		right:5%;
	}
	.projects .vr img{
		width:80px;
	}
	.project-item .item-details h2{
		top:8%;
		left:8%;
		font-size:30px;
		letter-spacing:5px;
	}
	.project-item .item-details h3{
		bottom:14%;
		left:8%;
		font-size:16px;
		letter-spacing:2px;
	}
	.project-item .item-details h3 span{
		height:3px;
		width:40px;
		margin:0 10px;
	}
	.project-item .item-details h4{
		bottom:14%;
		right:7%;
		font-size:16px;
		letter-spacing:3px;
	}
	.project-item .item-details .detail-text{
		font-size:16px;
		padding:0 14% 0 8%;
	}
	.project-title{
		top:15%;
		left:10%;
		font-size:28px;
		letter-spacing:4px;
	}
	.project-location{
		bottom:10%;
		left:10%;
		font-size:20px;
		letter-spacing:2px;
	}
	.project-location span{
		height:2px;
		width:40px;
	}
	.team-section .section-content{
		padding:30px 64px;
	}
	.team-section .section-content .detail-content{
		padding:0 120px;
	}
	.team-column{
		padding:0 40px;
	}
	.team-item{
		display:block;
		padding-bottom:10px;
	}
	.team-column .tm-header{
		height:66px;
		padding:20px 10px 0 20px;
	}
	.team-column .tm-name{
		font-size:18px;
		letter-spacing:2px;
	}
	.team-column .tm-title{
		margin:4px 0 0;
		font-size:14px;
		letter-spacing:1px;
	}
	.team-column .tm-photo{
		margin:55px 0 0;
	}
	.team-column .tm-photo .photo-floor{
		left:-10px;
		right:-10px;
	}
	.team-column .tm-photo .photo-img{
		padding:70px 60px 0 38px;
	}
	.team-column .tm-photo .photo-pattern{
		bottom:50px;
		left:-30px;
		width:60%;
	}
	.tm-photo .photo-block{
		width:calc(100% + 30px);
		height:calc(100% + 30px);
		top:-45px;
		left:-15px;
		right:-15px;
	}
	.detail-content{
		padding:0 120px;
	}
	.detail-content .team-column .tm-photo{
		margin:0
	}
	.detail-content .team-column .tm-photo .photo-block{
		top:0;
	}
	.detail-content .team-column .tm-header{
		margin:0 0 30px 0;
	}
	.detail-content .team-column .tm-name{
		font-size:32px;
		letter-spacing:2px;
	}
	.detail-content .team-column .tm-title{
		margin:6px 0 0;
		font-size:18px;
		letter-spacing:2px;
	}
	.detail-content .team-column .tm-photo .photo-floor{
		top:-60px;
	}
	.detail-content .team-column .tm-photo .photo-img{
		padding:6px 44px 18px 24px;
	}
	.detail-content .team-column .tm-photo .photo-pattern{
		right:24px;
		bottom:90px;
	}
	.detail-content .tm-detail{
		font-size:15px;
	}
	.detail-content .close-team{
		font-size:40px;
	}
	.service-item .item-text,
	.team-member-item .item-text{
		padding:50px;
	}
	.service-item .item-number,
	.team-member-item .item-number{
		font-size:30px;
		line-height:1.2;
		margin:0 0 38px 0;
		border-bottom:2px solid #fff;
	}
	.service-item .item-title h4,
	.team-member-item .item-title h4{
		font-size:24px;
	}
	.services-section .detail-content{
		/*padding:0 50px 0 0;*/
	}
	.services-section .detail-content h2,
	.team-members-section .detail-content h2{
		margin:0 0 40px 0;
		font-size:24px;
		letter-spacing:3px;
	}
	.team-members-section .detail-content h4{
		font-size:17px;
	}
	.services-section .detail-content h3,
	.team-members-section .detail-content h3{
		margin:0 0 80px 0;
		padding:0 0 0 25%;
		font-size:42px;
		letter-spacing:3px;
	}
	.services-section .detail-content h3:after,
	.team-members-section .detail-content h3:after{
		width:40%;
		height:4px;
		margin:-2px 0 0;
	}
	.detail-content .service-details{
		padding:0 12%;
		font-size:17px;
	}
	.detail-content .close-service,
	.detail-content .close-team-member{
		font-size:40px;
	}
	.pattern-lines li{
		margin:0 0 9px 0;
		height:6px;
	}
	.blog-item .item-content h4{
		font-size:20px;
		line-height:1.3;
	}
	.blog-item .item-content .item-date{
		font-size:14px;
		bottom:24px;
		letter-spacing:2px;
	}
	.blog-item .item-details .detail-text{
		font-size:16px;
		padding:0 14% 0 8%;
	}
	.blog-item .item-details .detail-icon{
		font-size:18px;
	}
	.blog.details .blog-details{
		padding:120px 80px;
		font-size:15px;
	}
	.blog.details .blog-details .blog-nr{
		letter-spacing:3px;
		margin:1rem 0 0;
	}
	.blog.details .blog-details .blog-nr .border-line{
		left:-14px;
		bottom:-1px;
		width:48px;
		height:2px;
	}
	.blog.details .blog-details .blog-nr .shape{
		left:-10px;
		bottom:-8px;
		width:80px;
		height:22px;
	}
	.blog.details .blog-details .blog-title{
		margin:0 0 1rem 0;
		font-size:70px;
	}
	.blog.details .blog-details .date{
		font-size:12px;
		letter-spacing:2px;
	}
	.blog.details .next-blog{
		right:50px;
		margin-top:-56px;
		font-size:18px;
		letter-spacing:2px;
	}
	.blog.details .next-blog .border-line{
		left:28px;
		bottom:-2px;
		width:48px;
		height:2px;
	}
	.blog.details .next-blog .shape{
		right:-17px;
		bottom:-8px;
		width:80px;
		height:22px;
		opacity:0.7;
	}
	.blog.details hr{
		height:2px;
		width:32%;
		margin:1.5rem 0 2rem 0;
	}
	.blog.details img{
		max-width:90%;
		margin:2rem 0;
	}
}
/*@media (min-width:992px) and (max-width:1079px){
    #intro #intro-logo{
        transform:scale(0.185);
    }
}
@media (min-width:1080px) and (max-width:1280px){
    #intro #intro-logo{
        transform:scale(0.21);
    }
}
@media (min-width:1281px) and (max-width:1379px){
    #intro #intro-logo{
        transform:scale(0.19);
    }
}
@media (min-width:1380px) and (max-width:1479px){
    #intro #intro-logo{
        transform:scale(0.175);
    }
}*/
@media (min-width:1480px) and (max-width:1799px){
	#intro.initialized .image{
		transform:scale(6.3);
	}
	#intro #intro-logo{
		/*transform:scale(0.16);*/
	}
	.section-header h3{
		font-size:26px;
		letter-spacing:1px;
	}
	.section-header h4{
		font-size:60px;
		/*margin:0 40px 0 0;*/
		letter-spacing:6px;
	}
	.projects .vr{
		bottom:20px;
		right:6%;
	}
	.projects .vr img{
		width:90px;
	}
	.project-item .item-details h2{
		top:8%;
		left:8%;
		font-size:34px;
		letter-spacing:3px;
	}
	.project-item .item-details h3{
		bottom:14%;
		left:8%;
		font-size:20px;
		letter-spacing:2px;
	}
	.project-item .item-details h3 span{
		height:3px;
		width:40px;
		margin:0 10px;
	}
	.project-item .item-details h4{
		bottom:14%;
		right:7.8%;
		font-size:20px;
		letter-spacing:3px;
	}
	.project-item .item-details .detail-text{
		font-size:18px;
		padding:0 14% 0 8%;
	}
	.project-title{
		top:15%;
		left:10%;
		font-size:28px;
		letter-spacing:4px;
	}
	.project-location{
		bottom:10%;
		left:10%;
		font-size:20px;
		letter-spacing:2px;
	}
	.project-location span{
		height:2px;
		width:40px;
	}
	.team-section .section-content{
		padding:70px 90px;
	}
	.team-section .section-content .detail-content{
		padding:60px 120px 0 120px;
	}
	.team-column{
		padding:0px 55px;
	}
	.team-item{
		display:block;
	}
	.team-column .tm-header{
		height:86px;
		padding:22px 10px 0 30px;
	}
	.team-column .tm-name{
		font-size:20px;
		letter-spacing:3px;
	}
	.team-column .tm-title{
		margin:4px 0 0;
		font-size:15px;
		letter-spacing:1px;
	}
	.team-column .tm-photo .photo-floor{
		left:-40px;
		right:-40px;
	}
	.team-column .tm-photo .photo-img{
		padding:74px 32px 0 16px;
	}
	.team-column .tm-photo .photo-pattern{
		bottom:50px;
		left:-30px;
		width:60%;
	}
	.detail-content{
		padding:0 120px;
	}
	.detail-content .team-column .tm-header{
		margin:0 0 30px 0;
	}
	.detail-content .team-column .tm-name{
		font-size:42px;
		letter-spacing:3px;
	}
	.detail-content .team-column .tm-title{
		margin:6px 0 0;
		font-size:22px;
		letter-spacing:2px;
	}
	.detail-content .team-column .tm-photo .photo-floor{
		top:-34px;
	}
	.detail-content .team-column .tm-photo .photo-img{
		padding:74px 62px 18px 36px;
	}
	.detail-content .team-column .tm-photo .photo-pattern{
		right:24px;
		bottom:90px;
	}
	.detail-content .tm-detail{
		font-size:19px;
	}
	.detail-content .close-team{
		font-size:40px;
	}
	.service-item .item-text,
	.team-member-item .item-text{
		padding:50px;
	}
	.service-item .item-number,
	.team-member-item .item-number{
		font-size:30px;
		line-height:1.2;
		margin:0 0 38px 0;
		border-bottom:2px solid #fff;
	}
	.service-item .item-title h4,
	.team-member-item .item-title h4{
		font-size:24px;
	}
	.services-section .detail-content{
		/*padding:0 50px 0 0;*/
	}
	.services-section .detail-content h2,
	.team-members-section .detail-content h2{
		margin:0 0 40px 0;
		font-size:24px;
		letter-spacing:3px;
	}
	.team-members-section .detail-content h4{
		font-size:17px;
	}
	.services-section .detail-content h3,
	.team-members-section .detail-content h3{
		margin:0 0 80px 0;
		padding:0 0 0 25%;
		font-size:42px;
		letter-spacing:3px;
	}
	.services-section .detail-content h3:after,
	.team-members-section .detail-content h3:after{
		width:40%;
		height:4px;
		margin:-2px 0 0;
	}
	.detail-content .service-details{
		padding:0 12%;
		font-size:17px;
	}
	.detail-content .close-service,
	.detail-content .close-team-member{
		font-size:40px;
	}
	.pattern-lines li{
		margin:0 0 9px 0;
		height:6px;
	}
	.blog-item .item-content h4{
		font-size:24px;
		line-height:1.3;
	}
	.blog-item .item-content .item-date{
		font-size:15px;
		bottom:24px;
		letter-spacing:2px;
	}
	.blog-item .item-details .detail-text{
		font-size:18px;
		padding:0 14% 0 8%;
	}
	.blog-item .item-details .detail-icon{
		font-size:24px;
	}
}
/*
@media (min-width:1800px) and (max-height:800px){
    #intro #intro-logo{
        transform:scale(0.195);
    }
}
@media (min-width:1800px) and (max-height:850px){
    #intro #intro-logo{
        transform:scale(0.175);
    }
}
@media (min-width:1800px) and (max-height:920px){
    #intro #intro-logo{
        transform:scale(0.165);
    }
}*/