@charset "utf-8";

* {margin:0; padding:0;}

html {position: relative; }
body {width: 100%; min-width: 320px; font-family: 'Open Sans', sans-serif; font-size:14px; -webkit-text-size-adjust: none; position:relative; }


img {border:0;}
p {margin-bottom: 20px;}
a:hover {text-decoration:none;}

.all_photo a, .all_photo a:before, .all_photo a img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}


.wrap {width:100%; position:relative;}
.main {max-width:1130px; margin:0 auto; position:relative; padding:50px 0; }

.header {background:#000 url(../img/bg_2.jpg) no-repeat center top 0px; min-height:600px; position:relative; z-index:1000; }
.logo {position:absolute; color:#ff4a00; text-transform:uppercase; font-size:30px; font-weight:300; top:20px;}
.logo span {font-weight:800; margin-left:6px;}

.top_phone {position:absolute; top:20px; right:0;}
.top_phone a {color:#fff; text-decoration:none; font-size:18px; font-weight:300; margin-bottom:4px; display:inline-block;}
.top_phone a span {color:#ff4a00; font-weight:900}
.tit {text-align:center; position:relative; padding-top:80px; margin-top:30px;}
.tit .ugol_2 {width:460px; opacity:0.2;  display:block; margin:0 auto; position:absolute; left:calc(50% - 230px); top:0;}
.tit .oil {width:250px; display:block; margin:0 auto 20px auto;}
.tit i {font-style:normal; text-transform:uppercase; color:#fff; font-size:20px; font-weight:300; letter-spacing:20px;}
.tit p {font-size:60px; font-weight:800; text-transform:uppercase; color:#ff4a00; letter-spacing:10px; margin-top:0px;}
.tit p span {color:#fff;}

.knopka {position:absolute; bottom:-40px; text-align:center; width:100%; }
.knopka span {color:#fff; letter-spacing:5px; font-size:16px; font-weight:300;}
.knopka span:before {content:""; background:url(../img/map.svg) no-repeat; background-size:20px;
display:inline-block; width:20px; height:20px; position:relative; top:4px; margin-right:10px;}
.knopka .bot {background:#ff4a00; color:#fff; display:block; width:200px; margin:20px auto; padding:8px 30px; text-decoration:none;
border-radius:30px; text-transform:uppercase; font-size:20px; font-weight:300; cursor:pointer; position:relative;}
.knopka .bot:after {content:""; background:url(../img/ugol.svg) no-repeat; background-size:12px; position:absolute;
width:12px; height:12px; bottom:-20px; left:calc(50% - 6px);}
.knopka .bot:hover {background:#db4000;}

.block_2 {text-align:center; padding:40px 0; background:url(../img/bg_w.jpg); }
.block_2 h3 {text-transform:uppercase; font-size:40px; font-weight:800; opacity:0.3; margin-bottom:40px;}
.block_2 ul {list-style:none; text-align:center; width:80%; display:block; margin:0 auto; }
.block_2 ul li {display:inline-block; vertical-align:top; width:240px; font-size:20px; font-weight:600; position:relative; 
background:url(../img/mark.svg) no-repeat 0 3px; background-size:20px; padding-left:34px; margin-bottom:14px; 
margin-right:10%; text-align:left; left:5%;}

.block_3 {text-align:center; padding:30px 0 50px 0; background:url(../img/bg.jpg); overflow:hidden;}
.block_3 .ugol_2 {width:460px; opacity:0.08;  display:block; margin:0 auto; position:absolute; left:calc(50% - 230px); top:0;}
.block_3 h1 {text-transform:uppercase; color:#717171; padding:0 40px; font-size:30px; line-height:1.2; opacity:1; margin-bottom:0px;}
.block_3 h3 {text-transform:uppercase; color:#bd4311; font-size:80px; letter-spacing:8px;}
.block_3 h3 span {font-size:19px; display:block; font-weight:800; position:relative; left:32px; top:-20px; letter-spacing:0px;}

.block_3 table {width:100%; font-size:16px; border-spacing: 0 0; border-top:0px solid #666666;}
.block_3 table thead td {font-weight:600 !important; text-transform:uppercase; color:#ffffff !important;}
.block_3 table tr td {padding:14px 14px; color:#fff; font-weight:300;}
.block_3 table tr td span {color:#ff4a00;}
.block_3 table tr td:first-child {text-align:left;}
.block_3 table .td_2 {background:#cccccc17;}
.block_3 table .top_tab td {color:#fff; background:#000 !important; font-weight:800;}
.block_3 table .top_tab_2 {background:#0000003d !important; letter-spacing:4px; text-transform:uppercase}
.block_3 table .top_tab_2 td { font-weight:800; color:#797979;}


.block_4 {padding:20px 0 20px 0; background:url(../img/bg_w.jpg); }
.block_4 h2 {text-align:center; margin-bottom:30px; text-transform:uppercase; font-size:32px; font-weight:800;}
.block_4 h3 {text-align:center; margin-bottom:30px; text-transform:uppercase; font-size:22px; font-weight:800; color:#ff4a00;}
.block_4 p {text-align:center; font-size:17px; margin-bottom:40px;}
.block_4 p:last-child {margin-bottom:0px;}
.block_4 .block {background:#ffffff99; padding:30px 160px 20px 160px; margin-bottom:10px; position:relative; overflow:hidden; }

.block_4 .block h4 {text-transform:uppercase; margin-bottom:10px; font-size:20px; color:#000000;}
.block_4 .block p {text-align:left; margin-bottom:20px; font-size:15px;}
.block_4 .block span {position:absolute; top:-26px; left:16px; font-size:180px; font-weight:800; color:#ff4a0030;}
.block_4 .block:after {content:""; background:url(../img/oil.svg) no-repeat; background-size:200px; width:200px; height:200px; display:block; position:absolute;
top:-80px; right:30px; opacity:0.05}
.block_4 .block .more {display:none; margin-bottom:0px;}
.block_4 .block .read_more {font-size:16px; margin-bottom:8px; cursor:pointer; display:inline-block;  padding:8px 20px; 
position:relative;  font-weight:500; z-index:1000; 
background:#ff4a00; color:#fff; border-radius:40px;}
.block_4 .block .read_more:hover {background:#db4000;}

.block_5 {text-align:center; padding:30px 0 30px 0; background:url(../img/bg_2.jpg); background-size:cover; }
.block_5 h3 {color:#ffffff; text-transform:uppercase; font-size:5vw; margin-bottom:0px; font-weight:800; position:absolute; z-index:100; top:49.4%;  text-align:center;
display:block;  left:0;  line-height:0.02; width:100%;}
.all_photo {font-size:0;}
.all_photo a img {width:100%; position:relative; z-index:1;}
.all_photo a {position:relative; display:inline-block; width:calc(25% - 6px); margin-right:6px; margin-bottom:6px;}

.all_photo a:before {content:""; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; display:block; z-index:10; 
background:#0000008f url(../img/plus.svg) no-repeat 50% 60%; background-size:40px; opacity:0;}
.all_photo a:hover:before {background:#0000004f url(../img/plus.svg) no-repeat 50% 50%; background-size:60px; opacity:1;}



.block_6 {padding:20px 0 0px 0; background:url(../img/bg_w.jpg); text-align:center; }
.block_6 h3 {font-weight:300; font-size:40px;}
.block_6 p {color:#000; letter-spacing:5px; font-size:18px; font-weight:400; margin-bottom:30px;}
.block_6 p:before {content:""; background:url(../img/map.svg) no-repeat; background-size:20px;
display:inline-block; width:20px; height:20px; position:relative; top:4px; margin-right:10px;}
.block_6 .bot_phone {margin:20px}
.block_6 .bot_phone a {color:#000; text-decoration:none; font-size:28px; margin-bottom:6px; display:inline-block; font-weight:800;}
.block_6 .bot_phone a span {color:#ff4a00;}
.footer {padding:30px 0; text-align:center; background:url(../img/bg.jpg); color:#ffffff8a;}
.top_icon {display:none;}
.time {font-size:19px;}
.time span {color:#ff4a00; font-weight:700}

.map {display:block; overflow:hidden; height:500px;}
.map iframe {width:100%; height:500px;}

@media (max-width: 1200px) {
    .main {max-width:auto; margin:0 30px; padding:30px 0; }
    .top_phone {display:none;}
    .block_2 ul {width:100%; }
    .top_icon {display:block; position:fixed; top:20px; right:20px;  width:50px; height:50px; border-radius:50%; 
    z-index:100000; background:#ff4a00 url(../img/phone.svg) no-repeat 10px 12px; background-size:24px;}

    .all_photo a:hover:before {display:none !important;}
    .map {display:block; overflow:hidden; height:400px;}
.map iframe {width:100%; height:400px;}
}

@media (max-width: 780px) {
    .header {background:#000 url(../img/bg_2.jpg) no-repeat center top 0px; background-size:cover;}
    .tit {padding-top:80px; margin-top:70px;}
    .block_2 h3 {font-size:32px;  margin-bottom:30px; line-height:1.2; margin-top:10px;}     
    .block_4 .block {padding:30px 60px 20px 160px; margin-bottom:10px; }
}

@media (max-width: 640px) {
    .main {margin:0 20px; padding:30px 0; }
    .header {background:#000 url(../img/bg_2.jpg) no-repeat center top 0px; background-size:cover; height:500px; min-height:auto;}
    .logo {font-size:26px;}

    .tit {padding-top:50px; margin-top:60px;}
    .tit .ugol_2 {width:360px; opacity:0.2;  display:block; margin:0 auto; position:absolute; left:calc(50% - 180px); top:0;}
    .tit .oil {width:150px; margin:0 auto 10px auto;}
    .tit i {font-size:3.5vw; letter-spacing:10px; position:relative; left:5px;}
    .tit p {font-size:15vw; letter-spacing:6px; margin-top:10px; line-height:0.9}
 
    .knopka {position:absolute; bottom:-40px; text-align:center; width:100%;}
    .knopka span {letter-spacing:4px; font-size:3vw; margin-bottom:0px; display:inline-block;}
    .knopka span:before {content:""; top:6px;}
    .block_2 {padding-bottom:0px;}
    .block_2 h3 {font-size:24px;  margin-bottom:20px; margin-top:0px;} 

    .block_2 ul li {font-size:18px; background:url(../img/mark.svg) no-repeat 0 5px; background-size:18px; margin-right:0; }
    
    .block_3 {padding:0px 0 0px 0; }
    .block_3 .main {margin:0; overflow:hidden;}
    .block_3 .ugol_2 {width:460px; opacity:0.1;}
    .block_3 h1 {padding:0 20px; font-size:22px; }
    .block_3 h3 {left:4px; position:relative;}
    .block_3 table {width:100% !important; font-size:14px;}
    .block_3 table thead td {font-size:11px; background:#000;}
    .block_3 table tr td {padding:14px 18px !important; }

    .block_4 h2 {margin-bottom:20px; font-size:22px; line-height:1.2}
    .block_4 p {font-size:16px;}

    .block_4 h3 {font-size:18px; }

    .block_4 .block {padding:20px 40px 20px 40px; }
    .block_4 .block h4 {text-transform:uppercase; margin-bottom:14px; font-size:18px; color:#000000; line-height:1.2}
    .block_4 .block p {font-size:16px;}
    .block_4 .block span {left:-4px; color:#ff4a001f;}
    .block_4 .block:after {content:""; background:url(../img/oil.svg) no-repeat; background-size:100px; width:100px; height:100px; 
    top:10px; right:10px;}

    .all_photo a {width:calc(50% - 6px); margin-right:6px; margin-bottom:6px;left:3px;}
    .block_5 h3 {font-size:11vw; top:49.4%;}
    .block_5 {padding:0}
    .block_6 {padding:0;}
    .block_6 h3 {font-size:24px;}
.block_6 p {letter-spacing:3px; font-size:17px; margin-bottom:0px;}
.block_6 p:before {top:4px;}
.block_6 .bot_phone {margin:20px 0px}
.block_6 .bot_phone a {font-size:22px; }
.map {height:340px;}
.map iframe {width:100%; height:340px;}

}

@media (max-width: 330px) {
.block_3 table tr td {max-width:90px !important;} 
.tit {overflow:hidden;}
}