*::-webkit-input-placeholder {
 color: #666;
 opacity: 1;
}

*:-moz-placeholder {
 color: #666;
 opacity: 1;
}

*::-moz-placeholder {
 color: #666;
 opacity: 1;
}

*:-ms-input-placeholder {
 color: #666;
 opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {}

body input:required:valid,
body textarea:required:valid {}

body {
 font-family: "RobotoRegular", sans-serif;
 font-size: 16px;
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
 color: #fff;
}

header {
 margin: 0;
 padding: 0;
 background-image: url(../img/header.png);
 background-size: cover;
 background-position: top center;
 min-height: 100vh;
 color: #fff;
}

header h1 {
 font-size: 41px;
 margin-top: 100px;
}

header p {
 font-size: 24px;
 margin: 50px 0;
}


/*.header_row_text {
	max-width: 900px; 
	text-align: center;
	
}*/

header .one {
 max-width: 1200px;
 text-align: center;
}

header .two {
 max-width: 900px;
 text-align: center;
}

.head1 {
 background-image: url(../img/11.png);
 background-repeat: no-repeat;
 background-position: center;
 min-height: 174px;
}

.header_row_text {
 margin-bottom: 50px;
}

.num {
 font-size: 50px;
 margin-top: 45px;
 font-weight: bold;
}


/*----------------*/

nav {
 line-height: 63px;
 border-bottom: 2px solid #adadad;
}

nav ul {
 margin: 0;
}

nav li {
 display: inline-block;
 font-size: 30px;
 padding: 0 20px;
 transition: .15s;
}

nav a {
 color: #000
}

nav .active {
 color: #f6ae48;
}

nav li:hover {
 background-color: #f6ae48;
}

nav li:hover a {
 color: #fff;
}


/*---------------*/

.studio {
 position: relative;
}

.studio .we {
 position: absolute;
 font-size: 340px;
 text-align: center;
 font-weight: bolder;
 color: #f4f4f4;
 margin-top: 20px;
}

.row_1 {
 padding-top: 170px;
 padding-bottom: 200px;
}

.studio h2 {
 font-size: 48px;
}

.studio p {
 font-size: 20px;
 margin: 10px 0;
}

.row_2 {
 padding-bottom: 250px;
}

.row_2 h3 {
 font-size: 20px;
}

.row_2 p {
 font-size: 16px;
}

.blosk {
 padding-top: 13px;
 padding-bottom: 13px;
}

.orange {
 background-color: #f6ae48;
 color: #fff;
}

.rub {
 margin-top: 20px;
 border: 2px solid #fff;
 display: inline-block;
 padding: 5px 10px;
}

.orange i {
 margin-right: 10px;
 font-size: 30px;
 float: right;
 margin-top: 20px;
}

.orange a {
 color: #fff;
}


/*--------------*/

.razrab_1 {
 background-image: url(../img/razrab.png);
 background-size: cover;
 background-position: top center;
 color: #fff;
 text-align: center;
 padding: 100px 15px;
 min-height: 100vh;
}

.razrab_1 h2 {
 font-size: 50px;
}

.razrab_1 p {
 font-size: 24px;
}


/*---------------*/

.razrab_2 {
 position: relative;
 color: #fff;
}

.razrab_2 .row {
 padding-top: 210px;
 padding-bottom: 90px;
}

.razrab_orange {
 position: absolute;
 top: -45px;
 max-width: 100vw;
}

.razrab_2 h2 {
 font-size: 50px;
 margin-bottom: 10px;
}

.orange2 h2 {
 margin-bottom: 76px;
}

.razrab_2 .line {
 background-color: #fff;
 height: 2px;
 width: 220px;
 margin-bottom: 47px;
}

.razrab_2 .suma {
 font-size: 24px;
 padding: 5px 10px;
 max-width: 200px;
 margin-bottom: 30px;
 display: inline-block;
}

.razrab_2 .blue .suma {
 border: 2px solid #00b9e7;
}

.razrab_2 .orange2 .suma {
 border: 2px solid #ffcb00;
}

.razrab_2 .grean .suma {
 border: 2px solid #66bf0d;
}

.razrab_2 a {
 color: #fff;
 font-size: 30px;
 float: right;
 margin-right: 20px;
}

.razrab_2 .col-md {
 margin: 10px;
 min-height: 315px;
}

.blue {
 background-image: url(../img/lending.png);
 background-repeat: no-repeat;
 background-size: cover;
}

.orange2 {
 background-image: url(../img/web.png);
 background-repeat: no-repeat;
 background-size: cover;
}

.grean {
 background-image: url(../img/cat.png);
 background-repeat: no-repeat;
 background-size: cover;
}

.blue:hover {
 box-shadow: 0 48px 0 #00b9e7;
}

.blue:hover a {
 color: #00b9e7;
}

.orange2:hover {
 box-shadow: 0 48px 0 #ffcb00;
}

.orange2:hover a {
 color: #ffcb00;
}

.grean:hover {
 box-shadow: 0 48px 0 #66bf0d;
}

.grean:hover a {
 color: #66bf0d;
}


/*-------------*/

.seo {}

.seo .fon {
 font-size: 80px;
 color: #dfdfdf;
 position: absolute;
 padding-top: 115px;
 z-index: -5;
 font-weight: bold;
}

.seo h2 {
 font-size: 36px;
 padding-top: 115px;
 padding-left: 60px;
 font-weight: bold;
}

.seo p {
 font-size: 24px;
 padding-left: 60px;
}

.seo .google {
 padding-top: 90px;
 padding-bottom: 40px;
}

.seo img {
 display: block;
 margin: 0 auto;
 padding-bottom: 40px;
 transition: .3s;
}

.seo img:hover {
 transform: rotateZ(3deg);
}

.portfolio img {
 max-width: 100%;
}

.portfolio .row {
 width: 100hw;
}

.portfolio .row,
.portfolio .col-md-3,
.portfolio .col-md-6,
.portfolio .col-sm-6 {
 margin: 0;
 padding: 0;
}

.portfolio .blok_1 {
 line-height: 120px;
}

.portfolio .blok_1,
.portfolio .blok_3 {
 line-height: 120px;
 background-color: #303263;
 color: #fff;
 text-align: center;
 font-family: "RobotoBold", sans-serif;
}

.portfolio .fon {
 position: absolute;
 font-size: 96px;
 color: #717284;
 z-index: 2;
}

.portfolio .text {
 font-size: 36px;
 z-index: 5;
}

.portfolio .text_2 {
 font-size: 30px;
 line-height: 70px;
 width: 240px;
 background-color: #6a6b8e;
 border-radius: 15px;
 text-transform: uppercase;
}

.portfolio .blok_3 {
 height: 120px;
 padding-top: 25px;
}

.portfolio .zoom {
 transition: .3s;
}

.portfolio .zoom:hover {
 transform: scale(1.1);
 z-index: 200;
}


/*------------*/

.adptiv {
 padding-top: 160px;
 padding-bottom: 160px;
}

.adptiv .row {
 max-width: 100%;
}

.adptiv .fon,
.zabota .fon {
 font-size: 78px;
 color: #dfdfdf;
 font-weight: bold;
 position: absolute;
 z-index: -5;
}

.adptiv h2,
.zabota h2 {
 font-size: 36px;
 font-weight: bold;
 padding-left: 50px;
}

.adptiv p,
.zabota p {
 padding-left: 50px;
 font-size: 24px;
 line-height: 40px;
}

.adptiv .foto {
 background-image: url(../img/foto.png);
 min-height: 432px;
 background-repeat: no-repeat;
}


/*---------------*/

.trade {
 background-image: url(../img/trade.png);
 -webkit-background-size: cover;
 background-size: cover;
 background-position: top center;
 min-height: 680px;
 color: #fff;
 padding-top: 50px;
 padding-bottom: 50px;
}

.trade h2 {
 text-transform: uppercase;
 text-align: center;
 font-size: 48px;
}

.trade img {
 float: left;
}

.trade h3 {
 text-transform: uppercase;
 font-size: 25px;
 margin-left: 80px;
}

.trade button {
 width: 330px;
 height: 65px;
 color: #fff;
 font-size: 24px;
 text-transform: uppercase;
 font-weight: bold;
 background-color: #f6ae48;
 border-radius: 15px;
 border: none;
 box-shadow: 2px 2px 10px #000;
}


/*------------*/

.zabota {
 padding-top: 160px;
 padding-bottom: 210px;
}

.zabota img {
 max-width: 100%;
}


/*-----------*/

.contact {
 background-image: url(../img/contact.png);
 -webkit-background-size: cover;
 background-size: cover;
 background-position: top center;
 padding-top: 120px;
 padding-bottom: 120px;
 color: #fff;
}

.contact h2 {
 font-size: 30px;
}

.contact p {
 font-size: 18px;
}

form .col {
 margin: 0;
 padding: 0;
}

input,
textarea {
 /* margin: 0; */
 border: 2px solid #fff;
 background-color: rgba(0, 0, 0, 0);
 color: #fff;
 line-height: 40px;
 font-style: 18px;
 font-weight: bold;
 padding: 0 18px;
 width: 100%;
}

input::placeholder,
textarea::placeholder {
 color: #fff;
 font-style: 18px;
 font-weight: bold;
}

input:focus,
textarea:focus {
 outline: none;
 background-color: rgba(0, 0, 0, .2);
}

textarea {
 width: 100%;
 resize: none;
}

.ramka {
 border: 2px solid #fff;
 padding: 0 15px;
}

.spec {
 font-size: 16px;
}

.contact .button {
 border: none;
 background-color: #f6ae48;
 width: 140px;
 height: 45px;
 float: right;
 border-radius: 15px;
 font-size: 18px;
 margin-top: 10px;
 box-shadow: 1px 1px 20px #000;
}


/*------------*/

footer {
 background-color: #f6ae48;
 min-height: 100px;
}