@import url(http://allfont.ru/allfont.css?fonts=roboto-thin);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900');
@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Dokdo');
@font-face {
    font-family: "Roboto - Black"; 
    src: url(../fonts/Roboto-Black.ttf);
    src: url(../fonts/Roboto-Black.eot);
    src: url(../fonts/Roboto-Black.woff);
   }

body {
	margin: 0;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	max-width: 941px;
	width: 100%;
}
.cleafix {
	display: table;
	content: '';
	clear: both;
}
.cleafix-l {
	display: table;
	content: '';
	clear: left;
}
header {
	position: relative;
	background: url(../img/forest.svg) no-repeat center;
	background-size: 100%;
}
header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #09052f 0%, #311d5e 100%);
	opacity: 0.85;
}
/* menu-top */
.head {
	padding-top: 15px;
	height: 50px;
	line-height: 50px;
}
.head .head-logo,
.head .tajam {
	float: left;
}
.head .head-logo {
	width: 44px;
	height: 50px;
	background: transparent url(../img/Vector_Smart_Object.svg) no-repeat center;
}
.head .tajam {
	margin: 0 0 0 11px;
	color: #14a9ae;
	font-family: "Roboto Thin", arial;
	font-size: 30px;
}
.head > a {
	margin-left: 25px;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-family: "Roboto - Black";
	font-size: 13px;
	letter-spacing: 0.33px;
}
.head > a:hover {
	color: #00e0d0;
}
/* menu-top */
/* slide */
.creative-agency {
	margin: 0;
	padding-top: 163px;
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	letter-spacing: 0.32px;
	text-align: center;
	color: #fff;
}

.slide-hr {
	margin-top: 21px;
	width: 50px;
	height: 1px;
	background-color: #00e0d0;
	border: 0;
}
.photoshop {
	margin-top: 22px;
	text-align: center;
	white-space: pre;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.7px;
}
.slide-btn {
	display: block;
	margin: 36px auto 0 auto;
	padding: 15px 15px 15px 16px;
	background: transparent;
	color: #00e0d0;
	font-family: "Hammersmith One";
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase; 
	border: 1px solid #00e0d0;
	cursor: pointer;
}
.slide-next {
	text-align: center;
	transform: translate(-5px);
	padding: 128px 0 70px 0;
}
.slide-next > input {
	margin-left: 5px;
	background: transparent;
}

/* slide */
/* story */

.our-story {
	float: left;
	margin: 71px 0 70px 0;
	max-width: 538px;
	width: 100%;
}
.h1-story {  
	color: #413d4b;
	font-family: "Playfair Display";
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	margin: 0;
}
.photoshop-story,
.morbi-story {
	margin-top: 28px;
	opacity: 0.75;
	color: #413d4b;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.42px;
	white-space: pre;
}
.btn-story {
	margin-top: 17px;
	background: transparent;
	padding: 15px 15px 15px 16px;
	color: #00e0d0;
	font-family: "Hammersmith One";
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	border: 1px solid #00e0d0;
	cursor: pointer;
}
.triangle {
	float: left;
	margin:71px 100px 0 64px;
	max-width: 235px;
	width: 100%;
	height: 229px;
	background: transparent url(../img/triangle.svg) no-repeat center;
}
/* story */
/* watch */
.watch {
	height: 550px;
	position: relative;
    background: url(../img/house31.png) no-repeat center;
    background-size: 100%;
    opacity: 0.85;
}
.watch:before {

	background-image: linear-gradient(to right, #09052f 0%, #311d5e 100%);
    opacity: 0.85;
}
.play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50px,-50px);
	width: 100px;
	height: 100px;
	background: transparent url(../img/play.svg) no-repeat center; 
}
/* watch */
/* menu */
.exp {
	text-align: center;
	margin: 71px 0 0 0;
	color: #413d4b;
	font-family: "Playfair Display";
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.1px;
}
.menu-p {
	margin: 16px 0;
	text-align: center;
	opacity: 0.75;
	color: #2f2d35;
	font-family: "Playfair Display";
	font-size: 14px;
	letter-spacing: 1.05px;
}
.menu-hr {
	margin: 2px auto 80px auto;
	width: 50px;
	height: 2px;
	background-color: #413d4b;
	opacity: 0.3;
	border: 0;
}
.all-menu {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.all-menu > div {
	max-width: 300px;
	width: 100%;
	border: 1px solid #000000;
}
.img {
	margin: 32px auto 35px auto;
}
.all-menu > div h2 {
	margin: 0 0 25px 0;
	text-align: center;
	color: #413d4b;
	font-family: "Roboto - Black";
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
.screen {
	margin-top: 32px;
	width: 49px;
	height: 50px;
	background: transparent url('../img/screen.svg') no-repeat center;
}
.screen + h2 {
	margin-top: 35px;
}
.tassel {
	margin-top: 39px;
	width: 50px;
	height: 42px;
	background: transparent url('../img/tassel.svg') no-repeat center;
}
.tassel + h2 {
	margin-top: 39px;
}
.mobile {
	margin-top: 32px;
	width: 28px;
	height: 50px;
	background: transparent url('../img/mobile.svg') no-repeat center;
}
.mobile + h2 {
	margin-top: 35px;
}
.circle {
	margin-top: 39px;
	width: 50px;
	height: 50px;
	background: transparent url('../img/circle.svg') no-repeat center;
}
.circle + h2 {
	margin-top: 35px;
}
.game {
	margin-top: 39px;
	width: 39px;
	height: 50px;
	background: transparent url('../img/game.svg') no-repeat center;
}
.game + h2 {
	margin-top: 35PX;
}
.hearth {
	margin-top: 41px;
	width: 50px;
	height: 46px;
	background: transparent url('../img/hearth.svg') no-repeat center;
}
.hearth + h2 {
	margin-top: 37px;
}
.all-menu > div .made {
	margin: 37px 0 25px 0;
}
.all-menu > div h2 {
	color: #413d4b;
	font-family: "Roboto - Black";
	font-size: 14px;	
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
.all-menu > div p {
	text-align: center;
	margin: 25px 0 0 0;
	opacity: 0.75;
	color: #333;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.7px;
}
.all-menu > div:nth-child(1) {
	border: 0;
}
.all-menu > div:nth-child(2) {
	border-top: 0;
	border-bottom: 0;
}
.all-menu > div:nth-child(3) {
	border: 0;
}
.all-menu > div:nth-child(4) {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.all-menu > div:nth-child(5) {
	border-top: 1px solid black;
	border-right: 0;
	border-bottom: 0;
}
.all-menu > div:nth-child(6) {
	border-right: 0;
	border-bottom: 0;
}
/* menu */
/* amazing-team */
.amazing-team {
	position: relative;
	text-align: center;
	margin-top: 68px;
	background: transparent url('../img/img001.png') no-repeat center;
	background-size: 100%;
	z-index: 1;
}
.amazing-team:before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #09052f 0%, #311d5e 100%);
	opacity: 0.85;
}
.amazing-h2 {
	margin: 0;
	padding-top: 65px;
	color: #ffffff;
	font-family: "Playfair Display";
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	/* Text style for "MEET OUR A" */
	letter-spacing: 1.1px;
}

.amazing-p {
	margin-top: 8px;
	color: #f9f9f9;
	font-family: "Playfair Display";
	font-size: 14px;
	font-weight: 400;
	/* Text style for "Lorem ipsu" */
	letter-spacing: 1.05px;
}
.amazing-hr {
	width: 50px;
	height: 2px;
	background-color: #ffffff;
	opacity: 0.2;
}
.team {
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.team > div {
	max-width: 220px;
	width: 100%;
	height: 308px;
	
}
.white {
	height: 229px;
	background: #fff;
}
.name {
	line-height: 0;
	width: 218px;
	height: 79px;
	border: 1px solid #e1e1e1;
	opacity: 0.5;
}
.name > h3 {
	margin-top: 25px;
	color: #ffffff;
	font-family: "Roboto - Black";
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	/* Text style for "S, EMF UCU" */
	letter-spacing: 0.7px;
}
.name > p {
	margin-top: 22px;
	opacity: 0.7;
	color: #fafafa;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
}
.wrapper .become {
	padding-top: 56px;
	color: #f3f3f3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	/* Text style for "Become par" */
	letter-spacing: 0.7px;
}
.amazing-team > .wrapper > button {
	margin: 12px auto 69px auto;
	text-align: center;
	border: 1px solid #00e0d0;
	width: 144px;
	height: 44px;
	color: #00e0d0;
	font-family: "Hammersmith One";
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
}

/* amazing-team */
.our-works {
	margin-top: 62px;
	float: left;
	color: #413d4b;
	font-family: "Playfair Display";
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	/* Text style for "O, UR WORK" */
	letter-spacing: 1.1px;
}
.project {
	margin-top: 67px;
	float: right;
	color: #413d4b;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	/* Text style for "See All Pr" */
	letter-spacing: 0.7px;
}
.gray {
	margin-top: 40px;
}
.gray {
	margin: 0 auto;
	max-width: 1605px;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.gray > div,
.gray-1 > div {
	width: 267px;
	height: 200px;
	background-color: lightgray;
}
/* 1 блоки */
.gray > div:first-child {
	background-color: #b6b6b6;
}
.gray > div:nth-child(2) {
	background-color: #acacac;
}
.gray > div:nth-child(3) {
	background-color: #a1a1a1;
}
.gray > div:nth-child(4) {
	background-color: #8a8a8a;
}
.gray > div:nth-child(5) {
	background-color: #b6b6b6;
}
.gray > div:nth-child(6) {
	background-color: #a4a4a4;
}
/* 1 блоки */
/* 2 блоки */
.gray > div:nth-child(7) {
	background-color: #a4a4a4;
}
.gray > div:nth-child(8) {
	background-color: #b6b6b6;
}
.gray > div:nth-child(9) {
	background-color: #8a8a8a;
}
.gray > div:nth-child(10) {
	background-color: #a1a1a1;
}
.gray > div:nth-child(11) {
	background-color: #acacac;
}
.gray > div:nth-child(12) {
	background-color: #b6b6b6;
}
/* 2 блоки */
.gray-btn {
	width: 140px;
	height: 40px;
	border: 1px solid #00e0d0;
	color: #00e0d0;
	font-family: "Hammersmith One";
	font-size: 16px;
	text-transform: uppercase;
	background: transparent;
	margin: 70px auto;
	display: block;
}
/* galadriel */
.galadriel {
	background: transparent url('../img/img01.png') repeat center;
	background-size: 100%;
}
.quotes {
	padding-top: 90px;
	text-align: center;
	opacity: 0.9;
	color: #ffffff;
	font-family: "Playfair Display";
	font-size: 100px;
	line-height: 22px;
	/* Text style for "“" */
	letter-spacing: 3px;
}
.jane {
	margin-top: ;
	display: block;
	margin: -75px auto 52px auto;
	max-width: 802px;
	width: 100%;
	text-align: center;
	opacity: 0.85;
	color: #ffffff;
	font-family: "Playfair Display";
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	/* Text style for "T, his is" */
	letter-spacing: 0.4px;
}
.jane-g {
	text-align: center;
	color: #ffffff;
	font-family: "Roboto - Black";
	font-size: 14px;
	line-height: 0;
	text-transform: uppercase;
	/* Text style for "J, ANE GAL" */
	letter-spacing: 0.7px;
}
.ceo {
	text-align: center;
	opacity: 0.7;
	color: #ffffff;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	text-transform: uppercase;
}
.profail {
	position: relative;
	margin: 38px auto;
	max-width: 391px;
	width: 100%;
	height: 70px;
	padding-bottom: 69px;
}
.profail:after,
.profail:before {
	display: block;
	position: absolute;
	top: 25px;
	font-size: 25px;
	cursor: pointer;
	color: #9f9f9f;

}
.profail:after {
	left: 0;
	content: '<';
}
.profail:before {
	right: 0;
	content: '>';
}
.profail > div {
	display: inline-block;
	width: 45px;
	height: 45px;\
	background: #fff;
	border-radius: 50%;
}
.profail > div:first-child {
	background: url(../img/nataha.png) no-repeat center;
	margin: 13px 0 12px 42px;
}
.profail > div:nth-child(2) {
	background: url(../img/oleg.png) no-repeat center;
	margin: 13px 0 12px 14px;
}
.profail > .active {
	width: 70px;
	height: 70px;
	background: url('../img/tamara.png') no-repeat center;
	margin-left: 14px;
}
.profail > div:nth-child(4) {
	background: url(../img/lola.png) no-repeat center;
	margin: 13px 0 12px 14px;
}
.profail > div:nth-child(5) {
	background: url(../img/gop-stop.png) no-repeat center;
	margin: 13px 0 12px 14px;
}
/* galadriel */
/* send */
.give {
	margin-top: 68px;
}
form {
	float: left;
	width: calc(460px - 21px);	
}
.inp-name,
.inp-mail,
.inp-end,
textarea {
	border: 1px solid #000000;
	padding-left: 21px;
}
.inp-name:first-child {
	margin-top: 8px;
}
.inp-mail:nth-child(2) {
	margin-top: 22px;
}
.inp-end:nth-child(3) {
	margin-top: 20px;
}
.inp-name,
.inp-mail,
.inp-end {
	max-width: calc(460px - 21px);
	width: 100%;
	height: 45px;
	padding-left: 21px;
	opacity: 0.5;
}
textarea {
	padding-top: 21px;
	margin-top: 21px;
	max-width: 438px;
	width: 100%;
	height: 200px;
	opacity: 0.5;
}
input[type='submit'] {
	margin-top: 21px;
	margin-bottom: 70px;
	width: 120px;
	height: 40px;
	padding: 11px 32px;
	border: 1px solid #00e0d0;
	color: #00e0d0;
	font-family: "Hammersmith One";
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: transparent;
}
/* /send */
/* lable */
.lable {
	float: right;
	margin-top: -20px;
	width: 380px;
}
.lable > .happy {
	float: left;
}
.zara {
	margin-top: 20px;
	width: 162px;
	height: 22px;
	float: left;
	background: transparent url(../img/zara.png) no-repeat center;
}
.mango {
	margin-top: 20px;
	width: 138px;
	height: 22px;
	float: right;
	background: transparent url(../img/mango.png) no-repeat center;
}
.barneys {
	margin-top: 47px;
	background: transparent url(../img/barneys.png) no-repeat center;
	width: 154px;
	height: 41px;
	float: left;
}
.barneys:after {
	display: block;
	content: '';
}
.gucci {
	margin-top: 60px;
	float: right;
	width: 140px;
	height: 21px;
	background: transparent url(../img/gucci.png) no-repeat center;
}
.calvin {
	margin-top: 49px;
	float: left;
	width: 151px;
	height: 24px;
	background: transparent url(../img/calvin.png) no-repeat center;
}
.nike {
	margin-top: 45px;
	margin-right: 21px;
	float: right;
	width: 95px;
	height: 34px;
	background: transparent url(../img/nike.png) no-repeat center;
}
.converse {
	float: left;
	margin-top: 48px;
	width: 113px;
	height: 69px;
	background: transparent url(../img/converse.png) no-repeat center;
}
.puma {
	margin-top: 54px;
	margin-right: 13px;
	width: 114px;
	height: 56px;
	float: right;
	background: transparent url(../img/puma.png) no-repeat center;
}
.levis {
	margin-top: 50px;
	float: left;
	width: 109px;
	height: 53px;
	background: transparent url(../img/levis.png) no-repeat center;
}
.billabong {
	margin-top: 29px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 70px;
	background: transparent url(../img/billabong.png) no-repeat center;
}
/* lable */
/* footer */
footer {
	position: relative;
	background-size: 100%;
	background: transparent url(../img/footer.png) no-repeat center;
	background-size: 100%;
	width: 100%;
}
footer:before {
	background-image: linear-gradient(to right, #09052f 0%, #311d5e 100%);
	opacity: 0.85;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
}
footer > .wrapper {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
footer > .wrapper > div {
	max-width: 309px;
	width: 100%;
}
.foot-left {
	margin-top: 70px;
}
.foot-logo {
	
	float: left;
	width: 44px;
	height: 50px;
	background: transparent url(../img/foot-tajam.png) no-repeat center;
}
.foot-p {
	margin-top: 11px;
	margin-bottom: 27px;
	margin-left: 11px;
	float: left;
	font-family: "Roboto - Thin";
	font-size: 30px;
	font-weight: 400;
	color: #07a7a7;
}
.foot-l-p {
	margin-top: 27px;
	margin-right: 19px;
	max-width: 283px;
	width: 100%;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	/* Text style for "lorem quis" */
	letter-spacing: 0.35px;
}
.bottom-a {
	padding-top: 54px;
	padding-bottom: 72px;
}
.bottom-a > a {
	text-decoration: none;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
	/* Text style for "H, ELP" */
	letter-spacing: 0.35px;
}
.bottom-a > a:nth-child(2) {
	padding: 0 33px;
}
.foot-middle {
	max-width: 267px;
	width: 100%;
	height: 157px;
}
.studio {
	margin-top: 82px;
	color: #ffffff;
	font-family: "Roboto - Black";
	font-size: 15px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}
.location {
	float: left;
	width: 14px;
	height: 19px;
	background: transparent url(../img/location.png) no-repeat center;
	margin-top: 34px;
}
.ruko {
	margin: 18px 0 0 16px; 
	float: left;
	max-width: 237px;
	width: 100%;
	height: 63px;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.35px;
}
.call {
	margin-top: 33px;
	float: left;
	width: 17px;
	height: 17px;
	background: transparent url(../img/call.png) no-repeat center;
}
.number {
	margin: 30px 0 0 12px;
	float: left;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.35px;
}
.stay {
	margin-top: 82px;
	color: #ffffff;
	font-family: "Roboto - Black";
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}
.foot-inp {
	padding-left: 16px;
	background: transparent;
	max-width: 191px;
	width: 100%;
	height: 39px;
	margin-top: 16px;
	opacity: 0.75;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.7px;
}
.foot-btn {
	float: right;
    margin: 16px 0 0 10px;
    display: inline-block;
    width: 70px;
    height: 43px;
    border: 1px solid gray;
    background: #ffffff url(../img/paper122.png) no-repeat center;
    opacity: 0.5;
}
.icon > div {
	margin-top: 27px;
	display: inline-block;
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
.f {
	background: transparent url(../img/f.png) no-repeat center; 
}
.t {
	background: transparent url(../img/t.png) no-repeat center;
}
.ball {
	background: transparent url(../img/b.png) no-repeat center;
}
.i {
	background: transparent url(../img/i.png) no-repeat center;
}
.g {
	background: transparent url(../img/g.png) no-repeat center;
}
.y {
	background: transparent url(../img/y.png) no-repeat center;
}
.copy {
	text-align: right;
	padding-top: 47px;
	color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.35px;
}
.btn-adapt {
	display: none;
	position: absolute;
    left: 50%;
    top: 26px;
}
.btn-adapt > div {
	width: 25px;
	height: 3px;
	background: gray;
	margin: 5px auto;
}
.menu-adapt {
	display: none;
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #2e274d;
	overflow: auto;
}
.menu-adapt > ul > li {
	list-style: none;
	text-align: center;
}
.menu-adapt > ul {
	margin: 0 auto;
	max-width: 190px;
	width: 100%;
}
.menu-adapt > ul > li > a {
	font-family: 'Dokdo', cursive;
	text-decoration: none;
	text-align: left;
	font-size: 42px;
	color: lightgray;
}
.show {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.exit {
	float: right;
	background: transparent url(../img/logout.svg) no-repeat center;
	width: 50px;
	height: 50px;
}

/* footer */
@media screen and (max-width: 937px) {
	.head > a {
		display: none;
	}
	.photoshop-story, .morbi-story {
		margin-top: 20px;
	}
	.triangle {
		padding-top: 15px;
		margin: 0 auto;
		float: none;
	}
	.our-story {
		padding-top: 15px;
		float: none;
		margin: 0 auto;
	}
	.menu .all-menu > div {
		border: 1px solid black; 
	}
	.h1-story,
	.photoshop-story,
	.morbi-story {
		text-align: center;
	}
	.btn-story {
		display: block;
		margin: 0 auto;
	}
	/*team*/
	.team {
		max-width: 937px;
		width: 100%;
		justify-content: space-around;
	}
	
	/*/team*/
	.our-works {
		text-align: center;
    	float: none;
    	margin-bottom: 1px;
	}
	.project {
		margin-top: 1px;
		float: none;
		text-align: center;
	}
	.team > div {
		margin: 10px;
	}
	.watch {
		height: 325px;
	}
}

@media screen and (max-width: 879px) {
	.creative-agency {
		padding-top: 70px;
	}
	.btn-adapt {
		display: block;
	}
	.team > div:last-child {
		margin-top: 25px;
	}
}

@media screen and (max-width: 870px)  {
	.adapt-form {
		padding-top: 20px;
		clear: both;
		text-align: center;
	}
	form {
		float: none;
		margin: 0 auto;
	}
	.lable {
		margin: 0 auto;
	}
	.happy {
		clear: both;
		text-align: center;
	}
	.lable > .happy,
	.lable,
	.happy {
		float: none;
	}

}
@media screen and (max-width: 810px) {
	.photoshop {
		white-space: normal;
	}
}

@media screen and (max-width: 719px) {
	.team > div:last-child {
		margin-top: 10px;
	}
	.foot-middle {
		clear: both;
		display: table;
	}
	.studio {
		margin-top: 1px;
	}
	
	footer > .wrapper:last-child {
		margin-top: 20px;
	}
}
@media screen and (max-width: 719px) {
	.foot-middle {
		padding-top: 82px;
	}
}
@media screen and (max-width: 575px) {
	.h1-story, 
	.photoshop-story, 
	.morbi-story {
		white-space: normal;
	}
	footer > .wrapper > div  {
		max-width: 309px;
		width: 100%;
		padding-bottom: 72px;
		
	}
	/*change*/
	form input,
	form textarea {
		max-width: calc(575px -24px);
		width: 100%;
		margin: 20px auto;
		box-sizing: border-box;
	}
	.ruko {
		float: left;
	}
	.stay {
		margin-top: 0;
	}
	.foot-middle {
		padding-top: 0;
	}
	.bottom-a {
		padding-bottom: 0;
	}
	/*change*/
}
@media screen and (max-width: 440px) {
	form {
		width: 100%;
		box-sizing: border-box;
	}
	form input,
	form textarea {
		max-width: none;
		width: 100%;
		padding: 20px auto;
		box-sizing: border-box;
	}
	.lable-l {
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 0 auto;
	}
	.lable-l > div {
		max-width: 440px;
		width: 100%;
	}

}
/* 82 */