/* Разробка UNITRA 2019 - Steve Jobs */

body input:focus:required:invalid {
    
}
body input:required:valid {
    
}
body {
    font-family: sans-serif;
    font-size: 16px;
    min-width: 320px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
    margin: 0;
}
p{
    margin: 0;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
    height: auto;
}
ul li{
    list-style: none;
}
ul{
    margin: 0;
    padding-left: 0;
}
h1, h2, h3{
    margin: 0;
}
.hidden {
    display: none;
}
.container {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1152px;
}
#header {
    padding-top: 54px;
    padding-bottom: 284px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/header.jpg) no-repeat center/cover;
}
.header_first {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 229px;
}
.logo{
    font-size: 37px;
    font-family: 'Gotham Pro Black', sans-serif;
    color: #fff;
}
.logo span{
    color: #fbb51b;
}
.header_number{
    position: relative;
    font-family: 'Gotham Pro', sans-serif;
    color: #ffb71b;
    font-size: 22px;
    padding-left: 2px;
    font-weight: 700;
}
.header_number::before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    left: -43px;
    top: -5px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/header_number.png) no-repeat;
}
.header_two h1 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway Black', sans-serif;
    font-size: 62px;
    color: #fff;
    letter-spacing: 5px;
}
.header_two h1 span{
    color: #fbb51b;
}
.header_three {
    text-align: center;
    font-size: 24px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-top: 33px;
    letter-spacing: 0.2px;
}
.material {
    padding-top: 50px;
    padding-bottom: 100px;
}
.material h2,
.linkjobs h2,
.we_work h2{
    font-size: 33px;
    color: #000;
    text-align: center;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 50px;
    letter-spacing: 2px;
}
.fancybox {
    position: relative;
    cursor: pointer;
    width: 365px;
    height: 240px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/gallerysmall1.jpg) no-repeat center;
    transition: border 0.3s;
    margin-bottom: 22px;
    border: 8px solid #fff;
}
.fancybox .text {
    text-align: center;
    font-size: 50px;
    font-family: 'Gotham Pro', sans-serif;
    opacity:0;
    font-weight: 900;
    position: inherit;
    color: #fff;
    top: 35%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
.fancybox{
    outline: none;
}
.fancybox:hover {
    border: 8px solid #fbb51b;
    transition: all 0.4s cubic-bezier(0.65, 0.46, 0.25, 0.2);
}
.fancybox:hover .text{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: background 0.3s;
}
.fancybox:hover .bg {
    background: rgba(0,0,0,0.5);
}
.fancybox:hover .bg {
    background: rgba(0,0,0,0.5);
}
.fancybox:nth-child(2){
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/gallerysmall2.jpg) no-repeat center;
}
.fancybox:nth-child(3){
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/gallerysmall3.jpg) no-repeat center;
}
.ready_day {
    padding-top: 72px;
    padding-bottom: 82px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/supdimblock2.jpg) no-repeat center/cover;
}
.ready_day h2,
.preparation h2,
.company h2{
    display: inline-block;
    font-size: 32px;
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.company h3{
    display: inline-block;
    font-size: 23px;
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 33px;
    letter-spacing: 1px;
}
.company h4{
    display: inline-block;
    font-size: 18px;
    color: #656565;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 33px;
    letter-spacing: 1px;
}
.flex_container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ready_day_text{
    width: 575px;
    line-height: 1.4;
}
.list {
    padding-left: 40px;
}
ul.list li {
    position: relative;
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-bottom: 35px;
    line-height: 1.4;
}
.list li::before {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    left: -41px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/day_list.png) no-repeat;
}
.list li:nth-child(4){
    margin-bottom: 30px;
}
.preparation{
    padding-top: 15px;
    padding-bottom: 90px;
}
.preparation_bl{
    align-items: center;
}
.preparation_text {
    width: 576px;
    margin-top: 50px;
}
.preparation h2 {
    color: #000;
    margin-bottom: 10px;
}
.preparation_text p{
    padding-top: 10px;
    font-size: 15x;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 15px;
}
.professionals {
    padding-top: 62px;
    padding-bottom: 48px;
    background-color: #292727;
}
.professionals_text{
    width: 727px;
    margin-top: 10px;
}
.professionals_bl h2{
    font-size: 32px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-bottom: 28px;
    line-height: 1.2;
    letter-spacing: 0.8px;
}
.professionals_text p{
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    color:#fff;
}
.natural {
    padding-top: 60px;
    padding-bottom: 41px;
}
.natural_text {
    width: 575px;
}
.natural_text h2 {
    font-size: 28px;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 22px;
    letter-spacing: 0.5px;
}
.natural_text p {
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 26px;
}
.we_work {
    padding-top: 72px;
    padding-bottom: 96px;
    background: url(https://superdim.com.ua/technical/trotuar-plitka/img/supdimblock1.jpg) no-repeat center/cover;
}
.we_work_bl.flex_container {
    align-items: baseline;
}
.we_work h2 {
    color: #fff;
    margin-bottom: 63px;
}
.work_item {
    width: 211px;
    text-align: center;
}
.work_item p {
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: lighter;
    color: #fff;
    font-weight: 700;
    margin-top: 24px;
    line-height: 1.5;
}
.company {
    padding-bottom: 85px; background: #f1f1f1;
}
.company_text {
    width: auto;
    margin-top: 45px;
}
.company h2 {
    color: #2e2e2e;
    margin-bottom: 9px;
    letter-spacing: 1.5px;
}
.company li {
    list-style: disc;
}

.company h3 {
    color: #2e2e2e;
    margin-top: 9px;
    margin-bottom: 9px;
    letter-spacing: 1.5px;
}
.company h4 {
    color: #2e2e2e;
    margin-top: 9px;
    margin-bottom: 9px;
    letter-spacing: 1.5px;
}

.company_text p {
    color: #656565;
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
}
.company_text li {
    color: #656565;
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    margin-bottom: 5px;
}
.footer_bl_first {
    background: #1a1a1a;
    padding-top: 49px;
    padding-bottom: 25px;
}
.footer_flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.footer_bl_item{
    margin-right: 60px;
}
.footer_bl_item h3 {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.footer_bl_item:nth-child(1) {
    color: #bbbbbb;
    width: 260px;
    margin-right: 41px;
}
.footer_bl_list li {
    padding-bottom: 4px;
    padding-left: 22px;
}
.footer_bl_list li a{
    font-family: 'Gotham Pro', sans-serif;
    color: #fbb51b;
    padding-bottom: 6px;
}
.footer_bl_item p {
    font-size: 14px;
    font-family: 'Gotham Pro', sans-serif;
    color: #bbbbbb;
    padding-bottom: 6px;
}
.footer_bl_item:nth-child(2) {
    color: #bbbbbb;
    width: 486px;
}
.footer_bl_two {
    padding-top: 17px;
    padding-bottom: 14px;
    background: #fbb51b;
}
.footer_bl_two p{
    font-size: 16px;
    color: #2e2e2e;
    font-family: 'Gotham Pro', sans-serif;
    text-align: center;
}

/* Самописные STEVE JOBS */

.otstup4blockjobs{
    margin-top:15px;
}
.textjobswhite{
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    font-size: 15px;
}
.alangjobs{
    font-size: 18px;
    margin-right: 25px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px; 
    font-weight: 900;
}
.jobscontactform{
    padding-bottom: 10px;
    text-align: left;
    color: white;
    font-family: 'Gotham Pro', sans-serif;
    font-size: 16px;
}
.textuljobs{
    margin-left: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.linkjobs {
    padding-top: 50px;
    padding-bottom: 100px;
}
.positiontablejobs{
    position: inherit;
    left:4%;
}
/* Настройка таблицы */
table#pricejobs {
  font-family: 'Gotham Pro', sans-serif;
  border-collapse: collapse;
  color: #2e2e2e;
  font-weight: 700;
}
table#pricejobs th {
  border-bottom: 3px solid #fbb51b;
  padding: 10px;
}
table#pricejobs td {
  padding: 6px;
  font-size: 14px;
}
table#pricejobs tr:nth-child(odd) {
  background: white;
}
table#pricejobs tr:nth-child(even) {
  background: #9999994f;
}
table#pricejobs td:nth-child(1){padding-right:50px;}
table#pricejobs td:nth-child(2){text-align:right;padding-left:50px;padding-right:50px;}
table#pricejobs th:nth-child(1){text-align:left;padding-right:50px;}
table#pricejobs th:nth-child(2){text-align:right;padding-left:50px;;padding-right:45px;}

/* Таблица под ссылки */
table#linkjobs {
  font-family:'Gotham Pro', sans-serif;
  border-collapse: collapse;
  color: #2e2e2e;
  width: 100%;
}
table#linkjobs td{
padding: 6px;
}
table#linkjobs a{
  font-family:'Gotham Pro', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration:none;
  color: #2e2e2e;
}
table#linkjobs a:hover {
   color: #fbb51b;
}
table#linkjobs tr:nth-child(odd) {
  background: transparent;
}
table#linkjobs tr:nth-child(even) {
  background: transparent;
}
table#linkjobs td:before{
    font-size: 20px;
    content: "◉";
    color: #fbb51b;
    padding-right:8px;
  }
img {
  opacity: 1;
  transition: opacity 0.3s;
}
 
img[data-src] {
  opacity: 0;
}

/* Псевдокласы и ID */
#pop{
    width: 500px;
    text-align: center;
    font-size: 15px;
    font-family: 'Gotham Pro Black', sans-serif;
}
#form1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    margin-top: 18px;
}
#form1 input,
#form1 button {
    width: 356px;
    height: 51px;
    margin-bottom: 16px;
    padding-left: 21px;
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 300;
    outline: none;
}
#form1 button {
    text-transform: uppercase;
    font-family: 'Gotham Pro', sans-serif;
    background: #fbb51b;
    color: #000;
    border: 0;
    cursor: pointer;
    transition: background 0.3s;
    padding: 0;
    margin-bottom: 17px;
}
#form1 input:focus {
    border: 1px solid #ec6c0e;
}
#form1 button:hover{
    background: #ec6c0e;
}
*::-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;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}