.line-bg-services { width: 628px; height: 317px; background:url(../images/services/integration/line-bg-services.png) no-repeat; position: absolute; top: 209px; } #block-audit-smm{ background:url(../images/services/integration/b-audit-bg_smm.jpg) no-repeat 50% 0; } #form-audit-smm{ margin-top: -34px; } /*********************/ .content-holder-menu{ height: 34px; width: 680px; position: relative; } .content-holder-menu ul{ height: 34px;width: 680px;margin-left: -40px; } .content-holder-menu ul li { float: left; margin-right: 30px; list-style: none; line-height: 34px; } .content-holder-menu a{ text-decoration: none; color: #222c62; } .content-holder-menu a:hover{ text-decoration: underline; } #content-holder-menu-active{ color: #c83c6b; } .content-holder-menu-smm-logo{ width: 157px; height: 126px; float: left; } .block-audit:hover .content-holder-menu-smm-logo img{ margin-top: 50px; width: 135%; height: 135%; transition: all 0.7s; } .content-holder-menu-smm-text { height: 360px; width: 500px;float: left; } .content-holder-menu-smm-text p{ color: #fff; font-size: 32px; padding-top: 140px; padding-left: 70px; } .block-audit:hover .content-holder-menu-smm-text p { transition: all 1.3s; color: #fbdfef; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); } .null{height: 30px} .wrapp-more{ width: 960px; height: 90px; margin: 0 auto; } .more p{color: #1d275b; font-size: 15px; font-weight: bold; padding-left: 55px;} .more_f1{height: 47px; width: 270px; float: left; padding-left: 35px;} .more_f2{height: 47px; width: 220px; float: left;} .more_f3{height: 47px; width: 210px; float: left;} .more_f4{height: 47px; width: 220px; float: left;} .user, .rocket, .users {width: 42px; height: 38px; float: left; } .trophy {width: 82px; height: 37px; float: left; } .trophy_text{padding-left:5px; float: left} .trophy_text p{font-size: 15px; color: #000; cursor: default;} .user_text {padding-left:15px; float: left} .user_text p{font-size: 15px; color: #000; cursor: default;} .rocket_text {padding-left:5px; float: left} .rocket_text p{font-size: 15px; color: #000; cursor: default;} .users_text {padding-left:15px; float: left} .users_text p{font-size: 15px; color: #000; cursor: default;} .more_f1:hover img, .more_f2:hover img, .more_f3:hover img, .more_f4:hover img{ animation-name: services; -webkit-animation-name: services; -moz-animation-name: services; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; } .more_f1:hover p, .more_f2:hover p, .more_f3:hover p, .more_f4:hover p{color: #C83C6B; transition: all 1.5s; animation-name: services; -webkit-animation-name: services; -moz-animation-name: services; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; } @keyframes services{ 0% {margin-left: 0px} 25% {margin-left: 20px;} 50% {margin-left: -20px;} 75% {margin-left: 10px;} 100%{margin-left: -10px;} } @-webkit-keyframes services{ 0% {margin-left: 0px} 25% {margin-left: 20px;} 50% {margin-left: -20px;} 75% {margin-left: 10px;} 100%{margin-left: -10px;} } @-moz-keyframes services{ 0% {margin-left: 0px} 25% {margin-left: 20px;} 50% {margin-left: -20px;} 75% {margin-left: 10px;} 100%{margin-left: -10px;} } .line{ width: 100%; height: 2px; border-bottom: 1px dotted #157efb; } .wrapp-smm{ width: 960px; height: 2390px; margin: 0 auto; } .wrapp-smm-left{ width: 470px; float: left; } .wrapp-smm-right{ width: 470px; float: right; } .magazine{ width: 460px; height: 538px; float: left; border: 1px solid #d9d9d9; margin-left: 3px; margin-top: 3px; box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); } .magazine-menu{ height: 20px; } #magazine-menu-active{ color: #C83C6B; border-bottom: none;} .magazine-menu li{list-style: none; float: left; } .magazine-menu li a{ text-decoration: none; color: #157efb; border-bottom: 1px dashed #157efb; } #magazine-menu-f{float: left} #magazine-menu-s{float: right; padding-right: 40px} .why-smm {margin-top: 10px; text-align: center; } .why-smm p{color: #1d275b; font-size: 20px; font-weight: bold;} .why-smm-block{ width: 460px;height: 444px; padding-top: 30px; } .why-smm-block-l{float: left; width: 200px; text-align: center; height: 106px;} .why-smm-block-r{float: right;width: 200px;text-align: center; height: 106px;} .why-smm-block-c{float: left;width: 460px;text-align: center; height: 106px;} .why-smm-block-text{height: 108px;} #why-smm-block-first{display: block;} #why-smm-block-second{display: none;} .line-smm{width: 460px; height: 5px; float: left; margin-top: 5px; background: url('../images/services/integration/line_smm.jpg')} .line-smm-seti{ width: 460px; height: 5px; background: url('../images/services/integration/line_smm.jpg'); position: absolute; bottom: 0; } .case{ margin-top: 30px; width: 460px; height: 199px; float: left; } .case p{text-transform: uppercase; color: #1d275b; font-size: 20px; text-align: center; height: 51px;} .seed{ float: left; height: 133px; width: 460px; } .seed_left{float: left; width: 114px; height: 133px;} .seed_right{float: right; width: 346px; height: 133px; background: url('../images/services/integration/smm_arrow.jpg');} .seed_right_case:first-child{margin-left: 11px;} .seed_right_case{width: 110px; height: 90px; float: left; margin-top: 24px;text-align: center;} .seed_right_case img{ width: 32px; height: 30px;} .seed_right_case_text-2 { height: 20px;} .seed_right_case_text-2 p{ font-size: 13px; text-transform: none;height: 20px; color: #000;} .team{ width: 460px; height: 363px; float: left; border: 1px solid #d9d9d9; margin-left: 3px; margin-top: 20px; box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); } .team p { color: #1d275b; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 20px; font-weight: bold; } .team-text{ width: 460px; height: 207px; background: url('../images/services/integration/team-integracia.jpg'); margin-top: 50px; } .team-text ul { height: 115px; margin-left: -40px;} #team-text-first li{ list-style: none; float: left; margin-top: 15px; width: 153px; } #team-text-first p{ color: #363636; font-size: 13px; text-transform: none; } #team-text-second li{ list-style: none; width: 460px; } #team-text-second p{ color: #363636; font-size: 13px; text-transform: none; } #team-text-second li:last-child{ margin-top: 50px; } .line-smm-team{width: 460px; height: 5px; float: left; margin-top: 50px; background: url('../images/services/integration/line_smm.jpg')} .reason{ height: 717px; width: 470px; background: url('../images/services/integration/reason.jpg'); float: left; margin-top: 5px; } .reason-five{ color: #1d275b; font-size: 20px; text-align: center; margin-top: 30px; text-transform: uppercase; font-weight: bold; } .reason-null{width: 470px; height: 29px ;} .reason-left{ float: left; width: 250px; height: 123px; margin-left: 5px; padding-left: 20px; } .reason-left h1{ color: #1d275b; font-size: 13px; } .reason-left p{ color: #1d275b; font-size: 13px; padding: 0; } .reason-right{ float: right; width: 250px; height: 123px; margin-top: -33px; padding-right: 21px; } .reason-right h1{ color: #1d275b; font-size: 13px; text-align: right; } .reason-right p { color: #1d275b; font-size: 13px; text-align: right; padding: 0; } .reason-middle{height: 505px;} #reason-left-third{margin-top: -27px;} #reason-left-five{margin-top: -21px;} .reason-bottom{padding: 20px 45px 0 25px;} .reason-bottom p { color: #1d275b; font-size: 15px; } .seti{ width: 460px; height: 802px; float: right; border: 1px solid #d9d9d9; margin-top: 3px; box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); position: relative; } .seti-h1{margin-top: 20px; line-height: normal;} .seti-h1 p{ color: #1d275b; font-size: 20px; text-align: center; text-transform: uppercase; font-weight: bold; } .seti-p-first{padding: 0 30px; font-size: 15px;} .seti-p-first p{ padding: 0 0 10px;} .seti-p-first ul{margin-left: -20px;} .seti-bg{ width: 460px; height: 427px; background: url('../images/services/integration/seti-integracia.jpg'); margin-top: 10px; } .seti-text p{ padding: 13px 10px 0 30px; line-height: 21px; } .seti-text-two { width: 290px; } .seti-text-two p{ padding: 35px 0 0 30px; font-size: 13px; } .seti-text-three p{ padding: 50px 230px 0 0; font-size: 13px; text-align: right; } .recomended {margin-top: 15px; width: 460px; height: 60px; float: right} .recomended p{ color: #1d275b; font-size: 20px; text-align: center; text-transform: uppercase; line-height: 20px; } .recomend{ width: 460px; height: 800px; float: right; border: 1px solid #d9d9d9; margin-left: 3px; margin-top: 7px; box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); -webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15); position: relative; z-index: 1; } .recomend-slide{ width: 460px; height: 102px; padding: 20px 25px 0 20px; display: table-cell; vertical-align: middle; } .recomend-slide img{float: left;height: 102px;} .recomend-slide p{float: left;font-size: 12px; height: 102px; padding: 26px 0 0 20px;} .omg{width: 150px; height: 102px; position: absolute; right: 30px; z-index: 999;padding-top: 20px;} .omg ul{float: right;} .omg li{ list-style:none; width: 12px; height: 12px; background: #1d275b; float: left; border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px; margin-left: 15px; margin-top: 32px; cursor: pointer; } #recomend-slide-circle{background: #cc3c6d;} .recomend-text{ padding: 0 20px; height: 620px;} .recomend-text p{ padding: 0; line-height: 20px;} #recomend-sl-one{position: relative;} #recomend-sl-two{position: relative;display: none;} #recomend-sl-three{position: relative;display: none;} .line-recomend{width: 460px; height: 5px; float: left; margin-top: 27px; background: url('../images/services/integration/line_smm.jpg')} .wrapp-work{ width: 960px; height: 400px; margin: 0 auto; float: left; padding: 0 88px; } .road{ margin-top: 30px; width: 784px; height: 495px; background: url('../images/services/integration/road-segmnt.jpg') 7px 170px; background-repeat: no-repeat; } .road-margin{width: 195px; margin: 0 auto;} .road-margin-two{width: 195px; margin: 0 auto;} .road-margin-three{padding-left: 100px;} .road-margin-four{width: 195px; float: right;} .road-work{margin-bottom: 50px;} .road-work p{color: #1d275b; font-size: 20px; text-transform: uppercase; text-align: center; font-weight: bold;} .road-hide{display: block;} #road-one{width: 195px; height: 68px; float: left; display: none; margin-left: 28px;} #road-two{width: 194px; height: 68px; float: left; display: none} #road-three{width: 194px; height: 68px; float: left; display: none;} #road-four{width: 170px; height: 68px; float: left; display: none;} .road-five{width: 190px; height: 68px; float: left; display: none; margin-top: 112px; margin-left: -15px;} .road-six{width: 190px; height: 68px; float: left; display: none; margin-top: 112px;} .road-seven{width: 230px; height: 68px; float: right; display: none; margin-top: 112px;} .road-eight{width: 155px; height: 68px; float: right; display: none; margin-top: 112px;margin-right: 25px;} #road-one img,#road-two img,#road-three img,#road-four img,.road-five img,.road-six img,.road-seven img,.road-eight img {float: left;} #road-one p,#road-two p,#road-four p,.road-seven p{float: left; padding: 11px 0 20px 15px; height: 47px;} .road-five p,.road-six p{float: left; padding: 20px 0 20px 15px; height: 47px;} .road-eight p{float: left; padding: 30px 0 20px 0; height: 47px;} #road-three p{padding: 11px 0 20px 5px;} .people { width: 195px; height: 238px; background: url('../images/services/integration/andrey.png'); position: absolute; bottom: 0; right: 0; }