body {
padding: 0;
margin: 0;
}
.clearfix:after {
content: '';
display: table;
width: 100%;
clear: both;
}
header {
background: #fff;
}
.container {
width: 1022px;
margin: 0 auto;
}
.logo {
font-size: 51px;
color: #595959;
margin-top: 44px;
float: left;
}
.div {
box-sizing: border-box;
}
nav {
float: right;
margin-top: 63px;
}
.menu {
padding: 0;
margin: 0;
display: block;
}
.menu li {
float: left;
display: block;
word-spacing: 41px;
font-size: 23px;
}
.menu li :hover {
box-shadow: inset 0 0 0 23px #474747;
color: #fff;
}
.menu a {
color: #4d4e4d;
text-decoration: none;
}
.titles_fiers {
color: #5d5d5d;
font-size: 61px;
text-align: left;
margin-top: 225px;
}
.titles_reviews {
color: #5d5d5d;
font-size: 45px;
text-align: left;
}
.video {
color: #fff;
background: #454545;
padding: 2px;
display: inline-block;
font-size: 20px;
}
.ipad {
width: 700px;
position: relative;
left: 350px;
bottom: 210px;
}
/*Блок*/
.box {
margin-top: -100px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: linear-gradient(to bottom, #ffffff 0%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 );
/* Тень для блока*/
-webkit-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.55);
box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.55);
width: 308px;
height: 239px;
}
.ipad_block {
width: 150px;
height: 200px;
}
/* картинка ipad*/
.Shape_3 {
position: relative;
left: 135px;
top: 60px;
}
/* картинка телефона*/
.Shape_2 {
position: relative;
right: 95px;
top: 55px;
}
.block_text {
text-align: center;
vertical-align: 34px;
}
Контент-модули
Продвижение сайта
Управление сайтом