*{ margin: 0; padding: 0;} body { font-family: tahoma; font-weight: normal; font-size: 14px; color: #363636; } img { border: none; } .contacts_wrapp-all { width: 100%; margin: 0 auto; } .contacts_wrapp-bg { width: 100%; height: 214px; background: url("../images/bg_contacts.jpg") 50% no-repeat; } .contacts_bg_blocks-wr { width: 960px; margin: 0 auto; } .contacts_bg_blocks { width: 960px; float: left; } .contacts_bg_blocks_cont { width: 960px; height: 100px; float: left; text-align: center; } .contacts_bg_blocks_cont p { font-size: 22px; font-weight: bold; color: #ffffff; text-transform: uppercase; line-height: 150px; } .contacts_bg_blocks_text-wr { width: 960px; height: 100px; float: left; } .ico-phone-text { font-family: arial; font-weight: bold; font-size: 22px; color: #ffffff; } .ico-skype-text, .ico-skype-text a { color: #ffffff; font-size: 16px; font-family: arial; border-bottom: 1px dashed #fff; text-decoration: none; } .contacts-help-wr-all { width: 100%; margin: 0 auto; } .contacts-help-wr { width: 100%; float: left; margin-top: 16px; position: relative } .contacts-wrapper-all { width: 960px; margin: 0 auto; } .contacts-wrapper { width: 960px; float: left; } .block-title { height: 95px; display: block; margin: 0; padding: 0; text-align: center; } .block-title h2 { display: block; margin: 0; padding: 5px 0 0 0; font-size: 18px; font-weight: normal; line-height: 36px; text-transform: uppercase; color: #1d275b; } .contacts-link-wr { width: 960px; height: 60px; float: left; text-align: center; position: relative; } .contacts-link { width: 410px; height: 58px; border: 1px dashed #9c9ea0; border-radius: 4px; margin: 0 auto; text-align: center; position: relative; z-index: 2; background: #fff; } .contacts-link p { width: 410px; height: 58px; display: table-cell; vertical-align: middle; color: #333333; font-size: 13px; font-family: arial; } .contacts-link-shadow { width: 410px; height: 30px; position: absolute; z-index: 1; bottom: 0px; left: 50%; margin-left: -205px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); } .contacts-fotos-wr { width: 960px; height: 517px; float: left; margin-top: -60px; } .contacts-fotos { width: 274px; height: 517px; float: left; } .contacts-fotos img { width: 274px; height: 517px; } .contacts-fotos-two { width: 412px; height: 517px; float: left; position: relative; } .contacts-foto-office { width: 412px; float: left; margin-top: 90px; } .contacts-foto-office-tx { color: #3f4449; font-size: 14px; font-family: arial; } .table-two-contacts { margin-top: 30px; } .contacts_m1 { color: #2a2c61; font-size: 18px; font-family: arial; font-weight: bold; cursor: pointer; border-bottom: 1px dotted #2a2c61; transition: 0.3s; } .contacts_m_active { color: #db3b72; cursor: default; border-bottom: 1px solid #fff; transition: 0.3s; } .contacts-foto-form { width: 412px; height: 253px; float: left; margin-top: 30px; background: #2a2c61; border-radius: 4px; position: relative; box-sizing: border-box; padding: 10px 21px 0 21px; } .contacts-form-arrow { position: absolute; width: 14px; height: 7px; background: url("../images/form-cont-arrow.jpg") no-repeat; top: -7px; left: 26px; } .contacts-foto-form input[type="text"] { float: left; margin-top: 10px; width: 260px; height: 32px; background: #fff; border-radius: 4px; border: none; outline: none; font-size: 13px; font-family: arial; color: #2a2c61; box-sizing: border-box; padding-left: 15px; line-height: 32px; } .contacts-foto-form input::-webkit-input-placeholder { color: #2a2c61; } .contacts-foto-form input::-moz-placeholder { color: #2a2c61; } .contacts-foto-form input:-ms-input-placeholder { color: #2a2c61; } .contacts-foto-form textarea::-webkit-input-placeholder { color: #2a2c61; } .contacts-foto-form textarea::-moz-placeholder { color: #2a2c61; } .contacts-foto-form textarea::-ms-input-placeholder { color: #2a2c61; } .contacts-foto-form textarea { margin-top: 10px; float: left; border-radius: 4px; border: none; outline: none; font-size: 13px; font-family: arial; color: #2a2c61; box-sizing: border-box; padding: 15px 15px 0 15px; width: 371px; height: 80px; max-height: 300px; } .contacts-form-buttons { width: 100%; height: 31px; margin-top: 18px; text-align: center; float: left; } .contacts-foto-form input[type="submit"] { height: 30px; box-sizing: border-box; padding: 0 25px; background: #ff8b02; /* Old browsers */ background: -moz-linear-gradient(top, #ff8b02 0%, #ff981e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8b02), color-stop(100%,#ff981e)); background: -webkit-linear-gradient(top, #ff8b02 0%,#ff981e 100%); background: -o-linear-gradient(top, #ff8b02 0%,#ff981e 100%); background: -ms-linear-gradient(top, #ff8b02 0%,#ff981e 100%); background: linear-gradient(to bottom, #ff8b02 0%,#ff981e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b02', endColorstr='#ff981e',GradientType=0 ); border-bottom: 1px solid #232450; border-right: 1px solid #232450; border-top: none; border-left: none; color: #fff; text-transform: uppercase; font-size: 12px; outline: none; cursor: pointer; text-shadow: 1px 1px 0px rgba(194, 194, 194, 0.75); border-radius: 4px; } .contacts-help-shadow-wr { height: 31px; width: 100%; position: absolute; bottom: 0; } .contacts-help-shadow { height: 31px; background: url("../images/bg_team-shadow.png") 50% no-repeat; width: 100%; } .contacts-street-wr { width: 100%; height: 686px; background: url("../images/bg_contacts2.jpg") 50% no-repeat; float: left; } .contacts-street-wr .block-title { margin-top: 20px; } .contacts-adress { float: left; width: 960px; } .contacts-adress-tb { margin: 0 auto; width: 500px; } .contacts-adress-tb td { font-family: arial; color: #3f4449; font-size: 22px; } .contacts-fotka-wr { width: 960px; float: left; margin-top: 30px; } .contacts-fotka { width: 660px; height: 426px; margin: 0 auto; background: url("../images/fotka.jpg") no-repeat; } .contacts-mapa-wr { width: 100%; height: 380px; float: left; position: relative; } .contacts-mapa-shadow-wr { height: 6px; width: 100%; position: absolute; top: 0; z-index: 9999999999; } .contacts-mapa-shadow { height: 6px; background: url("../images/mapa_shadow.png") 50% no-repeat; width: 100%; } .socseti-team-wr { width: 100%; height: 335px; box-sizing: border-box; padding-top: 20px; float: left; } .socseti-team-ul ul { list-style: none; width: 260px; margin: 0 auto; margin-top: 40px; } .socseti-team-ul li:first-child { margin-left: 0; } .socseti-team-ul li { float: left; width: 48px; height: 48px; margin-left: 5px; background: #bcbcbc; transition: 0.3s; border-radius: 48px; } #soc-tm-2_1 { background: url("http://artweb.ua/wp-content/themes/artweb_home/images14/social-ico.png"); } #soc-tm-2_2{ background: url("http://artweb.ua/wp-content/themes/artweb_home/images14/social-ico.png") -48px 0px; } #soc-tm-2_3 { background: url("http://artweb.ua/wp-content/themes/artweb_home/images14/social-ico.png") -96px 0px; } #soc-tm-2_4 { background: url("http://artweb.ua/wp-content/themes/artweb_home/images14/social-ico.png") -144px 0; } #soc-tm-2_5 { background: url("http://artweb.ua/wp-content/themes/artweb_home/images14/social-ico.png") -192px 0; } #soc-tm-1:hover { background-color: rgb(6, 91, 170); transition: 0.4s; } #soc-tm-2:hover { background-color: rgb(53, 79, 137); transition: 0.4s; } #soc-tm-3:hover { background-color: rgb(199, 47, 33); transition: 0.4s; } #soc-tm-4:hover { background-color: rgb(99, 152, 201); transition: 0.4s; } #soc-tm-5:hover { background-color: rgb(248, 143, 21); transition: 0.4s; } .socseti-team-ul a { width: 48px; height: 48px; display: block; } .socseti-team-wr .block-title p { color: #1d275b; } .contacts-blog-wr { width: 960px; float: left; margin-top: 40px; } .contacts-blog { width: 228px; height: 44px; margin: 0 auto; background: url("../images/blog-ico.jpg") no-repeat; text-align: center; } .contacts-blog a { width: 228px; height: 44px; color: #372f64; font-size: 14px; font-family: arial; text-transform: uppercase; line-height: 44px; font-weight: bold; text-decoration: none; display: block; } .form_anton { display: none; } .normal { border: 1px solid rgb(0, 228, 0) !important; } .wrong { border: 1px solid red !important; }