/* Theme Name: DagPlastTrubi Description: Theme for DagPlastTrubi Version: 1.0 Author URI: http://tronium.ru/ */ *{margin: 0px; padding: 0px;} @font-face {font-family: Raleway Medium; src: url(fonts/raleway-medium.ttf); } @font-face {font-family: Raleway Medium; src: url(fonts/raleway-medium.eot); } a{text-decoration: none;} ul{list-style: none;} .clear {width: 0px; height: 0px; clear: both;} body {font-family: Open Sans; color: #666666;} .conteiner {width: 100%; background: #fff;} header {width: 100%; min-width: 1120px; height: 324px; background: url('img/bg_h.png') no-repeat center bottom;} .header_content {width: 1120px; height: 100%; margin: 0px auto; } .logo_tel_menu {width: 100%;} .logo {float: left; width: 339px; height: 63px; background: url('img/logo.png')no-repeat center center; margin-top: 10px;} .menu {float: left; margin-left: 38px; margin-top: 19px;} .menu nav {width: 100%;} .menu nav li {float: left; background: linear-gradient(to bottom, #fff, #f7f7f7); box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .menu nav li:nth-child(1) {border-radius: 4px 0px 0px 4px;} .menu nav li:nth-child(3) {border-radius: 0px 4px 4px 0px;} .menu nav li a {display: block; height: 40px; color: #666666; font-size: 14px; line-height: 40px; box-sizing: border-box; } .menu nav li:nth-child(1) a {padding: 0px 24px;} .menu nav li:nth-child(2) a {padding: 0px 30px;} .menu nav li:nth-child(3) a {padding: 0px 26px;} .menu nav li:hover {background: #f3f3f3;} .menu nav li:hover a {border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; line-height: 38px;} .tel_h {float: right; height: 68px; margin-top: 16px; box-sizing: border-box; padding-left: 25px; padding-right: 90px; background: url('img/tel_h.png')no-repeat left 6px, url('img/truba.png')no-repeat right top;} .tel_h p {font-size: 18px; font-weight: 600;} .caption_site {width: 100%; background: url('img/caption.png')no-repeat center top; padding-top: 62px; color: #fff; box-sizing: border-box; font-size: 24px; text-align: center;} .caption_site p:nth-child(1) {margin-bottom: 5px;} .caption_site h2:nth-child(2) {font-weight: 700; font-style: italic; font-size: 24px;} .caption_site p:nth-child(3) {margin-top: 6px;} .content {width: 100%; min-width: 1120xp;} .main_content {width: 1120px; margin: 0px auto; min-height: 700px; padding-top: 18px; box-sizing: border-box; padding-bottom: 55px;} .catalog {width: 100%;} .title_catalog {width: 556px; margin: 0px auto; text-transform: uppercase; text-align: center; height: 82px; background: url('img/left_t.png')no-repeat left top, url('img/right_t.png')no-repeat right top; padding: 9px 102px 0px; color: #3aabdc; font-weight: 700; font-size: 30px; box-sizing: border-box;} .catalog_block {width: 100%; margin-top: -1px;} .catalog_block ul li {float: left; width: 368px; height: 270px; margin-right: 8px;} .catalog_block ul li:nth-child(3n) {margin-right: 0px;} .catalog_block ul li:nth-child(1) {background: url('img/cat1.png')no-repeat center center;} .catalog_block ul li:nth-child(2) {background: url('img/cat2.png')no-repeat center center;} .catalog_block ul li:nth-child(3) {background: url('img/cat3.png')no-repeat center center;} .catalog_block ul li:nth-child(4) {background: url('img/cat4.png')no-repeat center center;} .catalog_block ul li:nth-child(5) {background: url('img/cat5.png')no-repeat center center;} .catalog_block ul li:nth-child(6) {background: url('img/cat6.png')no-repeat center center;} .catalog_block ul li:nth-child(7) {background: url('img/cat7.png')no-repeat center center;} .catalog_block ul li:nth-child(8) {background: url('img/cat8.png')no-repeat center center;} .catalog_block ul li:nth-child(9) {background: url('img/cat9.png')no-repeat center center;} .catalog_block ul li a {display: block; width: 100%; height: 100%; box-sizing: border-box; padding-top: 20px; padding-right: 21px;} .catalog_block ul li a .title_cat {display: table; height: 95px; text-align: right; max-width: 250px; float: right;} .catalog_block ul li a .title_cat p{display: table-cell; vertical-align: middle; font-size: 24px; color: #666; line-height: 23px;} .catalog_block ul li a .title_cat p .blue_span {color: #3eafde; font-weight: 700;} .catalog_block ul li a .title_cat p .span_second {font-size: 18px;} .services {width: 100%; height: 221px; margin-top: -18px; background: url('img/dop_services.png')no-repeat center top;} .services p {color: #56c1f1; font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 40px; box-sizing: border-box; padding-top: 48px;} .ser1 {float: left; color: #fff; font-size: 26px; font-weight: 700; font-style: italic; width: 375px; text-align: center; margin-left: 100px; line-height: 32px;} .ser2 {float: right; color: #fff; font-size: 26px; font-weight: 700; font-style: italic; width: 375px; text-align: center; margin-right: 100px; line-height: 32px;} .galery {width: 100%; margin-top: 55px;} .galery_title {color: #56c1f1; font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 20px;} .galery ul li {float: left; width: 265px; height: 180px; margin-right: 20px; margin-bottom: 20px;} .galery ul li:nth-child(4n) {margin-right: 0px;} .galery ul li a {display: block; width: 100%; height: 100%;} .galery ul li a img {width: 100%; height: 100%;} .all_galery {display: block; width: 320px; height: 60px; margin: 20px auto 0px; background: linear-gradient(to bottom, #2691cd, #1775bc); text-align: center; color: #fff; font-size: 24px; line-height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .all_galery:hover {box-shadow: 0px 0px 20px rgba(29,129,196,0.6);} footer {width: 100%; height: 509px; min-width: 1120px; background: url('img/bg_f.png') no-repeat center top;} .footer_content {width: 1120px; height: 100%; margin: 0px auto; box-sizing: border-box; padding-top: 35px;} .about_p {color: #fff; font-weight: 700; font-size: 30px; text-align: center; margin-bottom: 28px;} .have_questions {text-align: center; font-size: 22px; color: #fff;} .tel_f {text-align: center; font-size: 22px; color: #fff;} .tel_f span {font-weight: bold; font-size: 24px;} .four_block {width: 100%; margin-top: 45px; height: 170px;} .four_block > div {float: left; width: 265px; height: 170px; margin-right: 20px; text-align: center; box-sizing: border-box; display: table; box-shadow: 0px 0px 20px rgba(0,0,0,0.4); background: linear-gradient(to right, #3babdc, #2592cf); padding: 15px 20px; } .four_block > div:nth-child(4) {margin-right: 0px;} .four_block > div > p {display: table-cell; vertical-align: middle; color: #fff; font-size: 16px; line-height: 18px;} .four_block > div > p > span {font-weight: 700; font-style: italic;} .copy_stat {width: 903px; box-sizing: border-box; padding: 15px 30px; margin: 22px auto 0px; } .copy, .site {color: #fff; font-size: 14px; font-family: Raleway Medium; margin-bottom: 5px;} .site a{color: #2996d1; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .site a:hover {text-decoration: none; color: #fff;} .stat {float: right; width: 88px; height: 31px;margin-top: 2px;} #playPause {display: none;} /*PAGE*/ .title_page {color: #56c1f1; font-size: 30px; font-weight: 700; text-transform: uppercase; padding-top: 15px; margin-bottom: 30px; text-align: center;} .content_page_single {}