/* SECONDPAGE SHAPKA */
.sp_shapka {
display:block;
position:relative;
background-color:#fff;
}
.sp_shapka_bg_1 {
position: absolute;
left:0;
top:0;
width: 43%;
height: 100%;
background: url('/images/red_bg.jpg') right bottom repeat-x;
z-index:10;
border-radius: 0;
}
.sp_shapka_bg_2 {
position: absolute;
left:40%;
top:0;
width: 60%;
height: calc(100% - 32px);
background-color:#fff;
z-index:9;
}
.sp_shapka_wrapper {
position:relative;
height: 100px;
background-color:#fff;
}
.sp_shapka_top_bg {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.sp_shapka_top_left_bar {
position: absolute;
top:0;
left:43%;
width:57%;
height:50px;
background: url('/images/yellow_bg.jpg') left top no-repeat #ffd34e;
z-index:20;
}
.sp_shapka_top_left_bar:after {
content: ''; 
position: absolute; /* Абсолютное позиционирование */
left: -75px; top: 0px; /* Положение треугольника */
border: 25px solid transparent; border-right: 25px solid #ffd34e;
transform: scaleX(2);
}
.sp_shapka_top_right_bar {
position: absolute;
top:50px;
left:43%;
width:0%;
height:50px;
z-index:2000;
background-color: #ed5c28;
}
.sp_shapka_top_right_bar:after {
content: ''; 
position: absolute; /* Абсолютное позиционирование */
right: 0px; top: 0px; /* Положение треугольника */
margin-right:-75px;
border: 25px solid transparent; border-left: 25px solid #ed5c28;
transform: scaleX(2);
}
.sp_shapka_phone_bar {
position: absolute;
width: 60%;
height:50px;
top:0;
left:40%;
line-height:50px;
text-align: center;
z-index:2000;
}
.sp_shapka_phone_bar_phone {
display:inline-block;
font:35px/35px 'Montserrat', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 700;
color: #993300;
vertical-align: middle;
margin: 0 20px;
white-space: nowrap;
}
.sp_shapka_phone_bar_phone A {
text-decoration:none;
color: #993300;
}
.sp_shapka_phone_bar_phone A:hover {
text-decoration:none;
color: #000;
}
.sp_shapka_phone_bar_callback {
display:inline-block;
font:14px/25px 'Montserrat', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 400;
color: #a53412;
vertical-align: middle;
margin: 0 20px;
border-bottom: dashed 1px #a53412;
cursor:pointer;
white-space: nowrap;
}
.sp_shapka_phone_bar_callback:hover {
border-bottom: dashed 1px #ffd34e;
}
.sp_logo {
position: absolute;
width: 17.357143%;
height: 68px;
top: 18px;
left:8.5%;
background: url('/images/logo.png') center top no-repeat;
background-size:contain;
z-index:2000;
}
.sp_phone_logo {
position: absolute;
width: 6.357142%;
height: 122px;
top: 0;
left:1%;
background: url('/images/logo_secondpage.png') center top no-repeat;
background-size:contain;
z-index:2000;
}
/* -------------------- */
/* SECONDPAGE UP MENU */
.sp_up_menu {
position: absolute;
bottom:0;
left: 45%;
width: 55%;
text-align:center;
z-index:1000;
font:11px/13px 'Montserrat', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 600;
color: #a53412;
text-transform:uppercase;
}
.sp_up_menu A {
display:inline-block;
font:11px/13px 'Montserrat', Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 600;
color: #a53412;
text-transform:uppercase;
text-decoration: underline;
margin: 5px 8px;
z-index:2000;
}
.sp_up_menu A:hover {
color: #000;
text-decoration: none;
}
.sp_up_menu_active {
color: #a53412;
}
/* -------------------- */
.sp_top_submenu_block {
background-color: #fff;
border-radius: 32px;
border: solid 1px #cccccc;
padding: 10px 5%;
margin: 0 0 10px 0;
}
.sp_submenu_ul_1, .sp_submenu_ul_2 {
display:none;
width: 100%;
}
.sp_submenu_col_2 UL, .sp_submenu_col_3 UL {
margin-left: 70px;
}