body {
background-color: #232323;
margin: 0;
padding: 0; }

header.fixed-head {
padding: 5px 20px ;
}
header {
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
position: fixed;
transition: all .3s ease;
z-index: 9999;
top: 0;
padding: 20px 20px; }
header ul, header li, header a, header h1, header h2, header h3, header h4, header h5, header p, header a {
padding: 0;
margin: 0; }
header .head_share {
min-width: 25%;
display: inline-table;
font-family: "myFont1";
position: relative; }
header .head_share a {
cursor: pointer; }
header .head_share a:hover {
color: white; }
header .head_share a {
color: #8A8A8A;
font-size: 10px;
transition: all 0.3s ease; }
header .menu_for_all {
width: 50%;
display: inline-table;
margin: 0 auto; }
header .menu_for_all ul {
text-align: center;
padding-top: 4px !important;
padding-left: 0 !important; }
header .menu_for_all ul li {
list-style-type: none;
display: inline-table;
padding-left: 10px;
padding-right: 10px; }
header .menu_for_all ul li a {
color: #fff;
font-family: "myFont1";
font-size: 12px;
font-style: italic;
transition: all 0.3s ease;
font-weight: normal !important; }
header .menu_for_all ul li a:hover {
color: #cb0033; }
header .right_logo svg{
width: 140px !important;
}
header .right_logo img{
position: relative;
right: 30px;
width: 50px;
}
header .right_logo {
display: inline-block;
width: 220px;
position: absolute;
padding-top: 5px;
right: 20px;
text-align: right; }
header .men_butt {
cursor: pointer;
width: 40px;
position: absolute;
top: 13px;
display: none; }
header .men_butt p {
margin: 0 0 0 2px;
padding: 0;
position: relative;
bottom: -4px;
font-size: 10px;
color: white; }
header .men_butt button {
background-color: transparent;
border: none;
margin: 0;
padding: 0; }
header .men_butt button span {
width: 6px;
padding: 0;
margin: 0;
height: 3px;
background-color: #fff;
float: left;
margin: 2px; }

header .mob_menu_hover {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	transition: 400ms ease-in-out;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0,0,0,0.95);
}
header .mob_menu_hover .mob_menu_static {
	min-width: 100vw;
}
header .mob_menu_hover .mob-menu-top {
	width: 100%;
	height: 55px;
	background-color: rgb(203,0,51);
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	color: white;
}
header .mob_menu_hover .mob-menu-top h4 {
	padding: 20px;
	font-size: 15px;
	line-height: 15px;
}
header .mob_menu_hover .mob-menu-top #close_btn {
	cursor: pointer;
	padding: 20px;
	height: 100%;
}
header .mob_menu_hover .mob-menu-top #close_btn:hover {
	background: rgb(250,0,51);
}
header .mob_menu_hover .mob-menu-top h4 a { color: #fff; }
header .mob_menu_hover .cars-container {
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}
header .mob_menu_hover .cars-container .cars-block {
	width: 25%;
	padding: 5px 5px 0 5px;
	height: auto;
}
@media screen and (max-width: 1000px) {
	header .mob_menu_hover .cars-container .cars-block {
		width: 33.3333%;
	}
}
@media screen and (max-width: 550px) {
	header .mob_menu_hover .cars-container .cars-block {
		width: 50%;
		padding: 5px 10px 0 10px;
	}
}
header .mob_menu_hover .cars-container .cars-block a {
	display: flex;
	flex-wrap: wrap;
	color: white;
}
header .mob_menu_hover .cars-container .cars-block img {
	width: 100%;
	height: 100%;
}
header .mob_menu_hover .social-btns {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	color: #fff;
	width: 100%;
	padding: 5px 0 0 20px;
	text-align: center;
}
header .mob_menu_hover .social-btns a {
	background-color: #cb0033;
	margin: 0 5px 0 0;
	vertical-align: middle;
	width: 55px;
}
header .mob_menu_hover .social-btns a .helper {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
header .mob_menu_hover .social-btns a img {
	vertical-align: middle;
	padding: 5px;
}
header .mob_menu_hover .social-btns a i {
	vertical-align: middle;
	padding: 5px;
}

.shbt:before {
content: "";
position: absolute;
border: 8px solid transparent;
border-bottom: 8px solid rgba(0, 0, 0, 0.5);
left: 20px;
top: -16px; }

.shbt {
display: none;
position: absolute;
left: 140px;
top: 78px;
z-index: 200;
padding: 10px 15px;
background-color: rgba(0, 0, 0, 0.5); }
.shbt a:last-child {
margin-right: 0px; }
.shbt a:hover {
background-color: #cb0033; }
.shbt a {
width: 25px;
height: 25px;
transition: all 0.3s ease;
float: left;
margin-right: 7px;
background-color: #272727;
padding: 2px;
line-height: 25px;
text-align: center; }
.shbt a i {
width: 100%;
color: white;
font-size: 18px; }
.shbt a img {
width: 100%; }
#video_slider_1 {
position: relative;
overflow: hidden;
margin-left: 15px;
margin-right: 15px;
max-width: 1280px;
margin: auto;
}

body { margin: 0; }

img {
max-width: 100%;
height: auto;
}

.flickity-enabled {
overflow: hidden;
position: relative;
height: 550px;
margin: -80px 0 -20px 0;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport { height: 100%; }

.flickity-prev-next-button {
position: absolute;
top: 50%;
margin: -12px 0 0 0;
width: 28px;
height: 24px;
border: none;
background: white;
cursor: pointer;
background: url(../img/video-carousel/downright.png);
}

.flickity-prev-next-button:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}

.flickity-prev-next-button.previous:hover {
-webkit-transform: scale(1.5) rotate(180deg);
-moz-transform: scale(1.5) rotate(180deg);
-ms-transform: scale(1.5) rotate(180deg);
-o-transform: scale(1.5) rotate(180deg);
transform: scale(1.5) rotate(180deg);
}

.flickity-prev-next-button.previous {
left: 10px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.flickity-prev-next-button.next {
right: 10px;
width: 28px;
height: 24px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}

.flickity-prev-next-button svg { display: none; }

.carousel-cell {
width: 33%;
margin: 0 4px;
top: 40px;
cursor: pointer;
-webkit-transition: transform 0.8s linear;
-moz-transition: transform 0.8s linear;
-o-transition: transform 0.8s linear;
transition: transform 0.8s linear;
}

.carousel-cell .play-button { opacity: 0; }

.is-selected {
z-index: 2;
-webkit-transition: transform 0.8s linear;
-moz-transition: transform 0.8s linear;
-o-transition: transform 0.8s linear;
transition: transform 0.8s linear;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}

.is-selected .play-button {
display: block;
opacity: 1;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
transition: opacity 1s linear;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}

.is-selected:hover .play-button { background: url(../img/video-carousel/btn_play.png) 0 -66px !important; }

.play-button {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -33px;
height: 66px;
width: 66px;
background: url(../img/video-carousel/btn_play.png) 0 0 !important;
}

@media only screen and (max-width : 1920px),
only screen and (max-device-width : 1920px) {
.flickity-enabled { height: 440px; }
#palm {
right: -39% !important;
top: -30px !important;
}
}

@media only screen and (max-width : 1685px),
only screen and (max-device-width : 1685px) {
.flickity-enabled { height: 390px; }
#palm {
right: -39% !important;
top: -30px !important;
width: 70px;
}
}

@media only screen and (max-width : 1440px),
only screen and (max-device-width : 1440px) {
.flickity-enabled { height: 390px; }
#palm {
right: -41% !important;
top: -35px !important;
}
}

@media only screen and (max-width : 1366px),
only screen and (max-device-width : 1366px) {
.flickity-enabled { height: 320px; }
}

@media only screen and (max-width : 1150px),
only screen and (max-device-width : 1150px) {
.flickity-prev-next-button { top: 43%; }
}

@media only screen and (max-width : 1150px),
only screen and (max-device-width : 1150px) {
.flickity-enabled { margin: 0 0 -90px 0; }
}

@media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px) {
#palm {
right: -39% !important;
top: -15px !important;
width: 40px !important;
}
}
@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
.flickity-prev-next-button { top: 35%; }
}

@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px) {
.flickity-prev-next-button {
	top: 50%;
	width: 100px !important;
	height: 100px !important;
	margin: -50px 0 0 0;
	background: url(../img/video-carousel/downright.png) 60px no-repeat;
}
.flickity-enabled {
margin: 10px auto 0 auto;
height: auto;
}
.is-selected {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.carousel-cell {
width: 100%;
top: 0;
}
.carousel-cell img {
width: 100%;
}
.is-selected .play-button {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#palm {
right: -40% !important;
top: -20px !important;
width: 35px !important;
}
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
#palm {
right: -41% !important;
top: -20px !important;
width: 30px !important;
}
}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {
#palm {
right: -42% !important;
top: -25px !important;
width: 25px !important;
}
}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {
.is-selected .play-button {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
}

@media only screen and (max-width : 360px),
only screen and (max-device-width : 360px) {
#palm {
right: -42% !important;
top: -25px !important;
width: 20px !important;
}
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px) {
#palm {
right: -42.5% !important;
top: -25px !important;
width: 15px !important;
}
}

.foot2 .mob-footer-1,
.foot2 .mob-footer-2 {
	display: none;
}

footer .foot2 p span {
	font-size: 12px;
}

#video_slider_1 > ul > li {
width: 30%;
height: 300px;
background-position: center center !important;
background-size: cover !important;
list-style-type: none;
float: left;
z-index: -1;
margin-bottom: 15px;
transform: scale(1);
transform-origin: left;
-webkit-transition: transform .25s, width .25s;
-moz-transition: transform .25s, width .25s;
-ms-transition: transform .25s, width .25s;
-o-transition: transform .25s, width .25s;
transition: transform .25s, width .25s;
}
#video_slider_1 > ul > li:hover {
cursor: pointer;
transform-origin: center center;
transition: transform 0.2s;
}
#video_slider_1 > ul > li.active {
position: relative;
transform-origin: center;
z-index: 1;
-webkit-transform: scale(1.5) !important;
-moz-transform: scale(1.5) !important;
-ms-transform: scale(1.5) !important;
-o-transform: scale(1.5) !important;
transform: scale(1.5) !important;
transition: transform .25s;
}
#video_slider_1 > ul > li.active:before {
content: "";
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background: #c21733;
border-radius: 50%;
-webkit-transition: background .25s;
-moz-transition: background .25s;
-ms-transition: background .25s;
-o-transition: background .25s;
transition: background .25s;
}
#video_slider_1 > ul > li.active:after {
content: "";
width: 17px;
height: 17px;
position: absolute;
top: 0;
right: 0px;
bottom: 0;
left: 0;
margin: auto;
background: url(../img/play.svg) no-repeat;
background-position: center;
}
#video_slider_1 > ul > li.active:hover:before {
background: #000;
}
#video_slider_1 .prev, #video_slider_1 .next {
position: absolute;
background: transparent;
width: 35px;
height: 35px;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
#video_slider_1 .prev {
left: 5px;
}
.no_width {
width: 0 !important;
transform: scale(0) !important;
transition: width 0.25s, transform 0.25s;
}
#video_slider_1 .prev:before {
content: '';
position: absolute;
top: 20px;
left: 20px;
bottom: 0;
right: 0;
margin: auto;
width: 10px;
height: 20px;
background: #c21733;
transform: skew(45deg);
// border-top: 5px solid #c21733;
// border-left: 5px solid #c21733;
// transform: rotate(-45deg);
// -webkit-transition: border 0,15s;
// transition: border 0,15s;
}
#video_slider_1 .prev:after {
content: '';
position: absolute;
top: -20px;
left: 20px;
bottom: 0;
right: 0;
margin: auto;
width: 10px;
height: 20px;
background: #c21733;
transform: skew(-45deg);
// border-top: 5px solid #c21733;
// border-left: 5px solid #c21733;
// transform: rotate(-45deg);
// -webkit-transition: border 0,15s;
// transition: border 0,15s;
}
#video_slider_1 .next:before {
content: '';
position: absolute;
top: 20px;
left: 20px;
bottom: 0;
right: 0;
margin: auto;
width: 10px;
height: 20px;
background: #c21733;
transform: skew(-45deg);
}
#video_slider_1 .next:after {
content: '';
position: absolute;
top: -20px;
left: 20px;
bottom: 0;
right: 0;
margin: auto;
width: 10px;
height: 20px;
background: #c21733;
transform: skew(45deg);
}
#video_slider_1 .prev:hover:before, #video_slider_1 .next:hover:before {
border-color: #000;
}
#video_slider_1 .next {
right: 25px;
}
#video_slide_box {
will-change: transform;
transition: transform 0.3s;
display: flex;
align-items: center;
}
#video_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
overflow: hidden;
transform: translateX(-100%);
z-index: 999;
padding: 120px 7px 60px;
background: black;
transition: transform 0.7s;
}
.close {
width: 30px;
height: 30px;
background: rgba(203, 0, 51, 0.7);
position: absolute;
top: 70px;
right: 30px;
cursor: pointer;
}
.close:before {
content: '';
width: 20px;
height: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-top: 2px solid black;
transform: rotate(45deg);
transition: border 0.15s;
}
.close:after {
content: '';
width: 20px;
height: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-top: 2px solid black;
transform: rotate(-45deg);
transition: border 0.15s;
}
.close:hover:before, .close:hover:after {
border-color: white;
}
.visible {
	visibility: visible;
}
header .close {
	top: 60px;
	visibility: hidden;
}
@media (max-width: 992px) {
.right_logo {
position: relative !important;
display: table !important;
margin: 0 auto; }

.men_butt {
display: table !important; } }
@media (max-width: 480px) {
.right_logo {
right: -15px !important; } }
.nwt {
width: 100%;
position: relative;
min-height: 600px;
z-index: 2; }
.nwt .hp_title_rotate {
top: 15% !important;
transform: rotate(-7deg); }
.nwt .hp_title {
position: absolute;
top: 20%;
left: 5%;
color: white;
margin: 10px;
font-family: "myFont1"; }
.nwt .hp_title h2 {
padding: 0;
margin: 0;
font-size: 36px; }
.nwt .hp_title h2 span {
display: block;
font-size: 24px;
position: relative;
bottom: -5px;
font-family: inherit; }
.nwt .hp_title h4 p {
margin: 0;
padding: 0;
max-width: 100%;
text-transform: uppercase;
font-family: inherit; }
.nwt .hp_title p {
max-width: 400px;
font-family: inherit; }
.nwt .hp_title p span {
font-size: 24px; }
.nwt .hp_next {
display: block;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
width: 30px;
height: 30px;
transform: rotate(90deg);
animation: spin 1s infinite linear; }

@-webkit-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
@-o-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
@-moz-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
@keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
.right_official_butt {
position: relative;
right: 30px !important; }

.official_butt {
font-family: "myFont1";
position: relative;
left: 30px; }
.official_butt a {
font-size: 14px;
font-family: inherit;
position: relative;
top: -6px;
color: grey;
transition: all 0.3s ease;
display: inline-block;
font-weight: normal !important; }
.official_butt a:hover {
color: #fff; }
.official_butt a:last-child {
cursor: pointer; }

.grey_block .gb_vert {
display: table;
width: 100%;
background-color: #232323;
color: white;
font-family: "myFont1";
height: 400px;
text-align: center; }
.grey_block .gb_vert p {
display: table-cell;
font-family: inherit;
margin: 0 auto;
font-size: 36px;
text-transform: uppercase;
vertical-align: middle; }
.grey_block .gb_vert p img {
margin-right: 20px; }

.clear {
padding: 0 !important;
margin: 0 !important; }

.gallery .gl_all1 {
overflow: hidden;
display: block; }
.gallery .gl_all1 a img {
width: 100%; }
.gallery .gl_next {
margin-top: 10px;
display: block; }
.gallery .gl_next a img {
width: 100%; }

.mb {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }

.small_gallery {
clear: both;
background-color: #232323;
padding-top: 120px;
padding-bottom: 120px; }
.small_gallery .sg_title {
color: white;
font-family: "myFont1";
position: relative; }
.small_gallery .sg_title h3:before {
content: "";
display: table;
background-image: url(../img/down.png);
background-position: center center;
width: 45px;
height: 45px;
background-repeat: no-repeat;
position: absolute;
top: -5px;
left: -50px; }
.small_gallery .sg_title h3 {
text-transform: uppercase;
line-height: 36px;
font-family: inherit;
margin: 0;
padding: 0;
font-size: 36px; }
.small_gallery .sg_title h3 span {
display: block;
margin-bottom: 15px;
font-weight: bold; }
.small_gallery .sg_title p {
font-family: inherit;
max-width: 700px;
padding: 0;
margin: 40px 0 0px; }
.small_gallery .sg_gall {
margin-top: 60px;
padding: 2px !important; }
.small_gallery .sg_gall img {
width: 100%; }

.ab_button {
opacity: 0; }

.audio_butt {
background-image: url(../img/audio_butt.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
min-height: 500px;
color: white;
font-family: "myFont1";
position: relative; }
.audio_butt .ab_record button:before {
content: "";
display: table;
background-image: url(../img/line.png);
background-position: center center;
width: 270px;
height: 337px;
background-repeat: no-repeat;
position: absolute;
top: -15px;
left: -260px; }
.audio_butt .ab_record button:hover {
box-shadow: 0 0 15px black;
background: -moz-radial-gradient(center, red, #1c1c1c);
background: -ms-radial-gradient(center, red, #1c1c1c);
background: -o-radial-gradient(center, red, #1c1c1c);
background: -webkit-radial-gradient(center, red, #1c1c1c); }
.audio_butt .ab_record button {
position: absolute;
z-index: 3;
right: 5%;
top: 5%;
display: block;
width: 150px;
text-transform: uppercase;
height: 150px;
background: -moz-radial-gradient(center, #cb0033, #1c1c1c);
background: -ms-radial-gradient(center, #cb0033, #1c1c1c);
background: -o-radial-gradient(center, #cb0033, #1c1c1c);
background: -webkit-radial-gradient(center, #cb0033, #1c1c1c);
border: 15px solid white !important;
border-radius: 75px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
transition: all 0.5s ease; }

.speed_raice {
min-height: 400px;
position: relative;
width: 100%; }
.speed_raice .smart_info {
position: absolute;
bottom: 10%;
left: 10%;
color: #000;
font-family: "myFont1";
max-width: 500px; }
.speed_raice .smart_info h3:before {
content: "";
display: table;
background-image: url(../img/down.png);
background-position: center center;
width: 45px;
height: 45px;
background-repeat: no-repeat;
position: absolute;
top: -12px;
left: -50px; }
.speed_raice .smart_info h3 {
color: #cb0033;
margin: 0;
font-family: inherit;
font-size: 30px;
line-height: 24px; }
.speed_raice .smart_info h4 {
font-weight: bold;
font-family: inherit; }
.speed_raice .smart_info p {
font-family: inherit; }

.ceramic_disk {
background-image: url(../img/start_line.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
min-height: 500px;
color: white;
font-family: "myFont1"; }
.ceramic_disk .cd_inner {
position: relative;
top: 70px; }
.ceramic_disk .cd_inner h4:before {
content: "";
display: table;
background-image: url(../img/down.png);
background-position: center center;
width: 45px;
height: 45px;
background-repeat: no-repeat;
position: absolute;
top: -5px;
left: -50px; }
.ceramic_disk .cd_inner h4 {
font-family: inherit;
padding: 0;
margin: 0; }
.ceramic_disk .cd_inner h4 span {
display: block;
text-transform: uppercase;
font-weight: bold; }
.ceramic_disk .cd_inner p {
padding: 0;
margin: 15px 0 0;
max-width: 400px; }

.aero_dinamic {
background-color: #232323;
width: 100%;
display: block; }
.aero_dinamic img {
width: 100%; }

.full_chear {
background-color: #232323;
width: 100%; }
.full_chear img {
width: 100%; }

.parallax-window {
min-height: 400px;
background: transparent; }

.parallax-slider {
left: 0 !important; }

.form_container {
width: 100%;
padding-top: 80px;
padding-bottom: 80px; }
.form_container .fc_block {
color: white;
font-family: "myFont1"; }
.form_container .fc_block h3 {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
font-family: inherit; }
.form_container .fc_block p {
font-family: inherit;
line-height: 18px; }
.form_container .fc_block input::-webkit-input-placeholder {
color: #cb0033; }
.form_container .fc_block input::-moz-placeholder {
color: #cb0033; }
.form_container .fc_block input::-ms-input-placeholder {
color: #cb0033; }
.form_container .fc_block input {
border: none;
background-color: #fff;
color: #cb0033 !important;
padding: 5px 20px; }
.form_container .fc_block input:last-child {
background-color: #cb0033;
border: none;
padding: 18px 50px;
text-transform: uppercase;
color: white !important; }

span.caret {
color: #cb0033 !important;
font-size: 12px !important;
right: 10px !important;
z-index: 5; }

.dropdown-content li > a, .dropdown-content li > span {
color: #cb0033 !important;
font-size: 14px !important;
font-family: "myFont1"; }

footer {
padding-top: 100px;
padding-bottom: 40px;
color: white;
font-family: "myFont1";
background-color: #000; }
footer .foot1 span img{
position: relative;
top: 18px;
}
footer .foot1 {
display: table;
height: 85px;
top: 100px;
position: relative;
font-family: inherit; }
footer .foot1 a {
color: white;
vertical-align: middle;
transition: all 0.3s ease;
font-family: inherit; }
footer .foot1 a:hover {
color: #f1f1f1;
text-decoration: none; }
footer .foot2 {
font-family: inherit; }
footer .foot2 a:hover {
text-decoration: none;
color: #cb0033; }
footer .foot2 a {
width: 250px;
display: block;
float: right;
color: white;
transition: all 0.3s ease; }
footer .foot2 a img {
width: 100%;
position: relative;
left: -2px; }
footer .foot3 {
font-family: inherit;
clear: both;
margin-top: 20px; }
footer .foot3 p {
font-family: inherit; }

.feat_slider {
background-image: url(../img/feat_slider/fs1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
min-height: 600px; }

.btn_color {
background-color: #cb0033 !important; }

.mb_bg {
background-color: #cb0033; }

.side-nav li:first-child {
padding: 0 !important; }

.side-nav li:first-child a {
color: white;
padding-left: 15px !important; }

.logq3 {
margin-top: 120px;
margin-bottom: 120px;
display: block;
clear: both; }

.logq31 .lq3_inn_cont {
max-width: 550px;
margin: 15px auto 40px;
display: table; }
.logq31 .lq3_inn_cont img {
width: 100%; }

.logq32 {
font-family: "myFont1";
color: white; }
.logq32 a {
color: #cb0033; }
.logq32 h4 {
font-family: "myFont2";
text-transform: uppercase; }
.logq32 p {
font-family: inherit; }
.centered {
text-align: center
}

.q3_red_block {
width: 100%;
min-height: 600px; }

.q3_gal_cont {
padding: 0 !important;
margin: 0 !important;
border-left: 3px solid #232323;
border-right: 3px solid #232323;
position: relative; }
.q3_gal_cont a:hover p {
opacity: 1; }
.q3_gal_cont a:hover p span {
top: 50%; }
.q3_gal_cont a {
width: 100%;
margin: 0;
padding: 0; }
.q3_gal_cont a p {
position: absolute;
width: 100%;
top: 0px;
text-align: center;
left: 0;
margin: 0;
padding: 0;
min-height: 100%;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
z-index: 3;
opacity: 0;
transition: all 0.3s ease; }
.q3_gal_cont a p span {
position: absolute;
top: 60%;
left: 0;
right: 0;
width: 50px;
height: 50px;
border: 2px solid #fff;
text-align: center;
line-height: 48px;
border-radius: 25px;
transition: all 0.3s ease;
margin: -25px auto 0; }
.q3_gal_cont a img {
width: 100%; }

.q3_lbg {
padding: 0 !important;
margin: 0 !important; }
.q3_lbg img {
width: 100%; }

.rs6_last {
width: 100%;
height: 600px; }

.last_gallery .rs3_gall_three {
padding: 5px; }
.last_gallery .rs3_gall_three img {
width: 100%; }

.r8_ext {
width: 100%;
min-height: 600px; }

.sg_gall:hover a p.home_hover_block {
opacity: 1; }
.sg_gall:hover a p.home_hover_block span {
padding-left: 0; }

.sg_gall {
font-family: "myFont1"; }
.sg_gall a {
position: relative;
font-family: inherit;
height: 80px;
overflow: hidden; }
.sg_gall a p.home_hover_block {
opacity: 0;
font-family: inherit;
position: absolute;
left: 0;
bottom: 5px;
display: block;
width: 100%;
text-shadow: 0 0 2px #000;
margin: 0;
color: white;
z-index: 2;
transition: all 0.3s ease; }
.sg_gall a p.home_hover_block span {
position: absolute;
left: 10px;
font-family: inherit;
bottom: 3px;
padding-left: 40px;
transition: inherit; }
.sg_gall { position: relative; }
#palm {
animation: palm 1.5s infinite linear;
position: absolute;
right: -38%;
top: -10px;
cursor: pointer;
}
@keyframes palm {
	0% {
		transform-origin: 0 0;
		transform: perspective(0) rotateX(0);
	}
	50% {
		transform-origin: 50% 100%;
		transform: perspective(400px) rotateX(25deg);
	}
	100% {
		transform-origin: 0 0;
		transform: perspective(0) rotateX(0);
	}
}
a.sh_butt {
cursor: pointer; }

.soc_bl {
position: absolute;
left: 250px;
top: -10px;
display: none;
transition: all 0.3s ease; }
.soc_bl .sbl {
float: left;
position: absolute;
right: 0;
top: 20px;
transition: inherit; }
.soc_bl .sbl a {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #1c1c1c;
color: white; }
.soc_bl .sbl a img {
width: 100%; }
.soc_bl .sbl:nth-child(2) {
right: -35px; }
.soc_bl .sbl:nth-child(3) {
right: -70px; }
.soc_bl .sbl:nth-child(4) {
right: -105px; }

li.active_li a {
color: #cb0033 !important; }

.material_cont {
position: fixed;
bottom: 15px;
z-index: 10;
right: 15px; }
.material_cont ul {
padding: 0;
position: relative;
z-index: 2;
margin: 0; }
.material_cont ul li:nth-child(2) a i {
position: relative;
top: 5px;
font-size: 28px; }
.material_cont ul li:hover {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.8); }
.material_cont ul li {
list-style-type: none;
background-color: #D01739;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 20px;
margin: 5px auto;
text-align: center;
border: none;
opacity: 0;
color: white;
position: absolute;
left: 5px;
bottom: 0px;
transition: all 0.3s ease;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
z-index: 3; }
.material_cont ul li a {
color: white; }
.material_cont button {
background-color: #D01739;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 25px;
text-align: center;
border: none;
color: white;
z-index: 10;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
outline: none; }
.material_cont button i {
font-size: 18px; }
.material_cont button:hover {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.8); }
/*------------*/

.material_cont1 {
position: fixed;
bottom: 15px;
z-index: 10;
right: 15px; }

.material_cont1 ul li .cont-right-box{
position: absolute;
top: -16px;
left: -295px;
font-family: "myFont1", Arial;
font-weight: bold;
font-size: 16px;
width: 240px;
transition: all .3s ease;

}
@-webkit-keyframes arrow1 {
0 {
right: -35px;}
50%{
right: -45px;}
100% {
right: -35px;}
}
@-o-keyframes arrow1 {
0 {
right: -35px;}
50%{
right: -45px;}
100% {
right: -35px;}
}
@-moz-keyframes arrow1 {
0 {
right: -35px;}
50%{
right: -45px;}
100% {
right: -35px;}
}
@keyframes arrow1 {
0 {
right: -35px;}
50%{
right: -45px;}
100% {
right: -35px;}
}
@-webkit-keyframes arrow {
0 {
left: -295px; }
50%{
left: -310px;
}
100% {
left: -295px; }
}
@-o-keyframes arrow {
0 {
left: -295px; }
50%{
left: -310px;
}
100% {
left: -295px; }
}
@-moz-keyframes arrow {
0 {
left: -295px; }
50%{
left: -310px;
}
100% {
left: -295px; }
}
@keyframes arrow {
0 {
left: -295px; }
50%{
left: -310px;
}
100% {
left: -295px; }
}
.material_cont1 ul li .cont-right-box img{
position: absolute !important;
top: 23px;
right: -35px;
transition: all .1s ease;
-webkit-animation-name: arrow1;
-o-animation-name: arrow1;
animation-name: arrow1;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.material_cont1 ul li .cont-right-box p{
color: #D01739;
background-color: rgba(0,0,0,.9);

}
.material_cont1 ul {
padding: 0;
position: relative;
z-index: 2;
margin: 0;
display: none;}
.material_cont1 ul li:nth-child(2) a i {
position: relative;
top: 5px;
font-size: 28px; }
.material_cont1 ul li:hover {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.8); }
.material_cont1 ul li:nth-child(1){
bottom: 5px;
}
.material_cont1 ul li:nth-child(2){
bottom: 54px;
}
.material_cont1 ul li:nth-child(3){
bottom: 106px;
}
.material_cont1 ul li:nth-child(3) a img{
position: relative;
top: 4px;
left: 0px;
}
.material_cont1 ul li {
list-style-type: none;
background-color: #D01739;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 20px;
margin: 5px auto;
text-align: center;
border: none;
opacity: 1;
color: white;
position: absolute;
left: 5px;
transition: all 0.3s ease;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
z-index: 3; }
.material_cont1 ul li a {
color: white; }
.material_cont1 button {
background-color: #D01739;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 25px;
text-align: center;
border: none;
color: white;
z-index: 10;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
outline: none; }
.material_cont1 button i {
font-size: 18px; }
.material_cont1 button:hover {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.8); }
/*------------*/
#video-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 1;
background: url(../img/home_background.jpg) no-repeat #1c1c1c;
background-size: cover; }

#video-bg > video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto; }

@supports (object-fit: cover) {
#video-bg > video {
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; } }
.home_page {
width: 100%;
position: relative;
min-height: 600px; }
.home_page .hp_title_rotate {
top: 15% !important;
transform: rotate(-7deg); }
.home_page .hp_title {
position: absolute;
top: 20%;
left: 5%;
color: white;
margin: 10px;
font-family: "myFont1"; }
.home_page .hp_title h2 {
padding: 0;
margin: 0;
font-size: 36px; }
.home_page .hp_title h2 span {
display: block;
font-size: 24px;
position: relative;
bottom: -5px;
font-family: inherit; }
.home_page .hp_title h4 p {
margin: 0;
padding: 0;
max-width: 100%;
text-transform: uppercase;
font-family: inherit; }
.home_page .hp_title p {
max-width: 400px;
font-family: inherit; }
.home_page .hp_next {
display: block;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
width: 30px;
height: 30px;
transform: rotate(90deg);
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
@-o-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; }
}
@-moz-keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }
@keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; }
}
.rs_cont2 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row-reverse;
align-items: center;
flex-wrap: wrap;
border-top: 6px solid #505050;
border-bottom: 12px solid #505050;
}
.rs_cont2 .el2 {
width: 50%;
flex-basis: 400px;
flex-grow: 1;
color: white;
font-family: "myFont1";
}
.rs_cont2 .el2 .t_cont {
margin: auto;
width: 70%;
}
.rs_cont2 .el2 .t_cont h3 {
font-size: 24px;
}
.rs_cont2 .el1 {
flex-basis: 400px;
flex-grow: 1;
width: 50%; }
.rs_cont2 .el1 img {
width: 100%;
}
.rs_cont1 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
border-top: 6px solid #505050;
border-bottom: 6px solid #505050;
}
.rs_cont1 .el2 {
width: 50%;
flex-basis: 400px;
flex-grow: 1;
color: white;
font-family: "myFont1";
}
.rs_cont1 .el2 .t_cont {
margin: auto;
width: 70%;
}
.rs_cont1 .el2 .t_cont h3 {
font-size: 24px;
}
.rs_cont1 .el1 {
flex-basis: 400px;
flex-grow: 1;
width: 50%; }
.rs_cont1 .el1 img {
width: 100%;
}
.rs_cont {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row-reverse;
border-top: 12px solid #505050;
border-bottom: 6px solid #505050;
}
.rs_cont .el2 {
width: 50%;
flex-basis: 400px;
flex-grow: 1;
color: white;
font-family: "myFont1";
}
.rs_cont .el2 .t_cont {
margin: auto;
width: 70%;
}
.rs_cont .el2 .t_cont h3 {
font-size: 24px; }
.rs_cont .el1 {
flex-grow: 1;
flex-basis: 400px;
width: 50%;
}
.rs_cont .el1 img {
width: 100%;
}
.hidden {
display: none; }

/* the new modify styles*/

.ih1 {
background-image: url(../img/new-parallax-bg/1.jpg);
}
.ih2 {
background-image: url(../img/new-parallax-bg/2-sportback.png);
}
.ih3 {
background-image: url(../img/new-parallax-bg/3.jpg);
}
.ih4 {
background-image: url(../img/new-parallax-bg/4.jpg);
}
.ih5 {
background-image: url(../img/new-parallax-bg/5.jpg);
}
.ih6 {
background-image: url(../img/new-parallax-bg/6.jpg);
}
.ihttrs {
background-image: url(../img/new-parallax-bg/ttrs.jpg);
}
.ih7 {
background-image: url(../img/new-parallax-bg/7.jpg);
}
.ih8 {
background-image: url(../img/rs7/rs7bg.jpg);
}
.phn-1 {
background-image: url(../img/new-parallax-bg/1.jpg);
}
.phn-2 {
background-image: url(../img/new-parallax-bg/2-sportback.png); }

.phn-3 {
background-image: url(../img/new-parallax-bg/3.jpg);
}
.phn-4 {
background-image: url(../img/new-parallax-bg/4.jpg);
}
.phn-5 {
background-image: url(../img/new-parallax-bg/5.jpg);
}
.phn-6 {
background-image: url(../img/new-parallax-bg/6.jpg);
}
.phn-7 {
background-image: url(../img/new-parallax-bg/7.jpg);
}
.phn-ttrs {
background-image: url(../img/new-parallax-bg/ttrs.jpg);
}
.phn-8 {
background-image: url(../img/rs7/rs7bg.jpg);
}
@media (max-width: 1024px) {
.phn-8 {
background-image: url(../img/new-parallax-bg/4_1024.jpg); }
}
.parallax-header-new {
overflow: hidden;
position: relative;
display: block;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}

@media (min-width: 1025px) {
.parallax-header-new {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
}
}

.head-text-container-rotate {
transform: rotate(-7deg); }

.invert-header-head-text-container {
font-family: "myFont1";
position: absolute;
top: 20%;
left: 5%;
color: white;
margin: 10px;
display: block;
font-family: Arial; }
.invert-header-head-text-container h1 {
font-family: "myFont1";
margin: 0;
padding: 0;
max-width: 100%;
text-transform: uppercase;
font-family: inherit;
font-size: 36px; }
.invert-header-head-text-container p {
font-family: "myFont1";
max-width: 400px; }
.invert-header-head-text-container p span {
font-family: "myFont1";
font-size: 24px; }

.head-text-container {
font-family: "myFont1";
position: absolute;
top: 20%;
left: 5%;
color: white;
margin: 10px;
display: block;
font-family: Arial; }
.head-text-container h1 {
font-family: "myFont1";
margin: 0;
padding: 0;
max-width: 100%;
text-transform: uppercase;
font-family: inherit;
font-size: 36px; }
.head-text-container p {
font-family: "myFont1";
max-width: 400px; }
.head-text-container p span {
font-family: "myFont1";
font-size: 24px; }
/*.head-text-container #btn-container-change-content {
}*/
.head-text-container .btn-container-change-content .change-content-btn {
	display: inline-block;
	padding: 10px 30px;
	background: transparent;
	border: 1px solid white;
	cursor: pointer;
	margin-right: 10px;
	font-size: 18px;
	font-family: "myFont1";
	border-radius: 2px;
	transition: all 200ms ease-in-out;
}
.head-text-container .btn-container-change-content .change-content-btn:hover {
	color: black;
	background: white;
}

.head-text-container .btn-container-change-content .active-content {
	color: black;
	background: white;
}

.invert-header-head-text-container .btn-container-change-content .change-content-btn {
	display: inline-block;
	padding: 10px 30px;
	background: transparent;
	border: 1px solid white;
	cursor: pointer;
	margin-right: 10px;
	font-size: 18px;
	font-family: "myFont1";
	border-radius: 2px;
	transition: all 200ms ease-in-out;
}
.invert-header-head-text-container .btn-container-change-content .change-content-btn:hover {
	color: black;
	background: white;
}

.invert-header-head-text-container .btn-container-change-content .active-content {
	color: black;
	background: white;
}

.hp_next {
display: block;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
width: 30px;
height: 30px;
transform: rotate(90deg);
animation: spin 1s infinite linear; }

@keyframes spin {
0% {
margin-bottom: 15px; }
50% {
margin-bottom: 0px; }
100% {
margin-bottom: 15px; } }

.color-white {
	color: white
}

.color-black {
color: black; }

.fc_block form > span{
display: none;
}

/*new style to home*/
.custom-image-bg{
width: 100%;
position: relative;
display: block;
margin: 0;
padding: 0;
}
.custom-image-bg img{
width: 100%;
}
.gbx{
overflow: hidden;
}
.custom-image-bg .geo-box h3{
font-size: 24px;
font-weight: bold;
}
.custom-image-bg .geo-box p{
font-size: 14px;
}
.custom-image-bg .geo-box{
position: absolute;
left: -40px;
top: -70px;
display: block;
max-width: 700px;
z-index: 1;
background-color: rgba(0,0,0,.7);
color: white;
font-family: "myFont1";
padding: 100px 50px 100px 80px;
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
.custom-image-bg .geo-box .gb-content{
position: relative;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}

.custom-image-bg .sport-top-content{
position: absolute;
top: 30px;
left: 30px;
font-family: "myFont1";
color: #000;
}
.custom-image-bg .sport-bottom-video{
width: 300px;
position: absolute;
bottom: 30px;
left: 30px;
cursor: pointer;
transition: all .3s ease;
}
.custom-image-bg .sport-bottom-video button{
background-color: transparent;
border: none;
opacity: .8;
transition: all .3s ease;
}
.custom-image-bg .sport-bottom-video button:hover{
opacity: 1;
}
.custom-image-bg .sport-bottom-video img{
width: 100%;
}
.custom-image-bg .sport-right-content h3{
font-size: 24px;
font-weight: bold;
color: #000;
}
.custom-image-bg .sport-right-content{
position: absolute;
bottom: 30px;
right: 30px;
display: block;
max-width: 600px;
}
.custom-image-bg .video-background button.cls-bt{
position: absolute;
right: 50px;
top: 50px;
background-color: #D01739;
display: table;
height: 50px;
border: none;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.custom-image-bg .video-background button.cls-bt:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.custom-image-bg .video-background button.cls-bt span{
background-color: #fff;
transition: all .3s ease;
width: 40px;
height: 2px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-image-bg .video-background button.cls-bt span::before{
content: "";
background-color: #fff;
transition: all .3s ease;
width: 40px;
height: 2px;
display: block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.custom-image-bg .video-background{
position: absolute;
width: 100%;
left: 100%;
right: 0;
bottom: 0;
top: 0;
background-color: green;
z-index: 3;
transition: all .3s ease;
}

/*ceram*/
.ceram{
position: absolute;
top: 20px;
right: 20px;
color: white;
max-width: 500px;
display: block;
font-family: "myFont1";
color: #fff;
}
.ceram h3 span{
text-transform: lowercase;
font-size: 24px;
}
.ceram img{
position: absolute;
left: -40px;
top: 2px;
width: 30px;
}
.ceram h3{
position: relative;
font-size: 28px;
text-transform: uppercase;
font-weight: bold;
}
header .men_butt{
transition: all .3s ease;
}
header.fixed-head .men_butt{
top: 1px !important;
}
header .right_logo{
transition: all .3s ease;
}

.it-img{
position: relative;
}
.it-img .intel-text-box{
font-family: "myFont1";
color: #000;
position: absolute;
top: 20px;
left: 60px;
max-width: 600px;
display: block;
}
.it-img .intel-text-box h1{
font-size: 24px;
margin: 10px 0;
font-weight: bold;
}
.video-slider{
position: relative;
width: 100%;
}
.video-slide-box{
max-width: 1000px;
display: block;
position: relative;
margin: 0 auto;
height: 270px;
}
.left-container{
display: block;
width: 29%;
position: absolute;
top: 17%;
left: 0;
cursor: pointer;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 50px #000;
height: 61%;
overflow: hidden;
}

.center-container{
display: block;
width: 46%;
position: absolute;
top: 0;
left: 27%;
z-index: 1;
box-shadow: 0 0 50px #000;
height: 95%;
overflow: hidden;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .3s ease;
cursor: pointer;
}

.right-container button i{
display: inline-block;
margin-left: 5px;
}
.right-container button:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.right-container button{
text-align: center;
width: 50px;
height: 50px;
display: table;
background-color: #D01739;
line-height: 25px;
border: none;
color: white;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin: -25px auto 0;
top: 50%;
text-align: center;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.left-container button i{
display: inline-block;
margin-left: 5px;
}
.left-container button:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.left-container button{
text-align: center;
width: 50px;
height: 50px;
display: table;
background-color: #D01739;
line-height: 25px;
border: none;
color: white;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin: -25px auto 0;
top: 50%;
text-align: center;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.center-container button i{
display: inline-block;
margin-left: 5px;
}
.center-container button:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.center-container button{
text-align: center;
width: 60px;
height: 60px;
display: table;
background-color: #D01739;
line-height: 32px;
border: none;
color: white;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin: -30px auto 0;
top: 50%;
text-align: center;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.center-container:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.right-container{
box-shadow: 0 0 50px #000;
height: 61%;
overflow: hidden;
display: block;
width: 29%;
position: absolute;
top: 17%;
right: 0;
cursor: pointer;
transition: all .3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.left-container:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 2;
}
.right-container:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 2;
}
.video-slide-box img{
width: 100%;
}
.imgrs1{
background-image: url(../img/rs7/rs7_paralax.jpg);
}
.imgrs2{
background-image: url(../img/rs3/paralax_v20.jpg);
background-size: contain
}
.imgrs3{
background-image: url(../img/rs_q3/rsq3_parallax.jpg);
}
.imgrs4{
background-image: url(../img/r8/r8_parallax.jpg);
}
.imgrsttrs{
background-image: url(../img/ttrs/tt_rs_parallax_01.jpg);
}
.imgrsttrs-2{
background-image: url(../img/ttrs/tt_rs_parallax_02.jpg);
}
.imgrs5{
background-image: url(../img/rs6/rs6_parallax.jpg);
}
#rs_slider .thumb { display: none; }
#rs_slider_range::-webkit-slider-thumb{
border-radius: 0;
transition: 0s;
}
.par-new{
width: 100%;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.bott-trans-test{
position: absolute;
bottom: 70px;
max-width: 400px;
left: 50%;
margin-left: -130px;
z-index: 1;
font-family: "myFont1";
}

/* rs q3 rotate slider */
.fig {
position: relative;
width: 100%;
overflow: hidden;
height: 600px;
display: block;
background-color: #1c1c1c; }
.fig .figure-full-cont {
background-color: #1c1c1c;
position: relative;
width: 120%;
left: -10%;
top: 0;
display: block; }
.fig .figure-full-cont .im1 {
background-image: url(../img/1.jpg); }
.fig .figure-full-cont .im2 {
background-image: url(../img/2.jpg); }
.fig .figure-full-cont .im3 {
background-image: url(../img/3.jpg); }
.fig .figure-full-cont .img-cont.active {
width: 50% !important;
z-index: 100;
transition: all 0.3s ease; }
.fig .figure-full-cont .img-cont:nth-child(1) {
transition: all 0.3s ease;
padding-top: 10%;
left: 0;
width: 33.3%; }
.fig .figure-full-cont .img-cont:nth-child(2) {
transition: all 0.3s ease;
padding-top: 10%;
left: 33.3%;
width: 33.3%; }
.fig .figure-full-cont .img-cont:nth-child(3) {
transition: all 0.3s ease;
padding-top: 10%;
left: 66.6%;
width: 33.3%; }
.fig .figure-full-cont .img-cont {
overflow: hidden;
transition: all 0.3s ease;
color: white;
background-color: #1c1c1c;
transform: rotate(20deg);
position: absolute;
height: 1300px;
top: -300px;
display: inline-table;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border: 5px solid #cecece; }
.fig .figure-full-cont .img-cont .slide-cont {
display: block;
position: absolute;
transition: all 0.3s ease;
left: 80px;
top: 500px;
padding: 50px;
transform: rotate(-20deg);
transform: all 0.5s ease; }
.fig .figure-full-cont .img-cont .slide-cont h1 {
background-color: #a90b0b;
padding: 20px;
width: 360px;
text-align: right;
position: relative;
left: -60px; }
.fig .figure-full-cont .img-cont .slide-cont h1::after {
content: "";
background-color: transparent;
position: absolute;
top: 0;
right: -67px;
border: 34px solid transparent;
border-left: 34px solid #a90b0b; }

#slider-wrap{ /* Оболочка слайдера и кнопок */
width: 100%;
}
#slider{ /* Оболочка слайдера */
width:100%;
overflow: hidden;
position:relative;}
.slide{ /* Слайд */
width:100%;
height:100%;
}
.sli-links{ /* Кнопки смены слайдов */
margin-top:10px;
text-align:center;}
.sli-links .control-slide{
margin:2px;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
text-indent:-9999px;
background:url(../img/rs7-slider/radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
cursor:pointer;
background-position:center center;}
.sli-links .control-slide.active{
background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
display:block;
width:15px;
height:100%;
position:absolute;
top:0;
overflow:hidden;
text-indent:-999px;
background:url(../img/rs7-slider/arrowBg.png) left center no-repeat;
opacity:0.8;
z-index:3;
outline:none !important;}
#prewbutton{left:30px;}
#nextbutton{
right:30px;
background:url(../img/rs7-slider/arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
opacity:1;}
.sli-links{
display: none;}
.hidd-form{
display: none;
}
.full-bg-bl{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: rgba(0,0,0,.9);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.full-bg-bl .img-cont{
max-width: 800px;
position: relative;
}
.full-bg-bl .img-cont img{
width: 100%;
}
.full-bg-bl .img-cont button{
cursor: pointer;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
outline: none;
position: absolute;
top: 30px;
left: 26px;
background-color: #D01739;
width: 50px;
height: 50px;
border: none;
transition: all .3s ease;
}
.full-bg-bl .img-cont button span::after{
content: "";
background-color: #fff;
width: 30px;
height: 2px;
display: block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.full-bg-bl .img-cont button:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.full-bg-bl .img-cont button span{
position: relative;
left: 5px;
background-color: #fff;
width: 30px;
height: 2px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .3s ease;

}

.invert-header{
display: none;
width: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.invert-par-new{
display: none;
position: relative;
width: 100%;
}
.invert-par-new img{
width: 100%;
}.owl-carousel {
max-width: 766px;
margin: 40px auto 0;
}

.owl-controls .owl-nav .owl-prev {
position: absolute;
left: -35px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-image: url(../img/video-carousel/arrow-once.png);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.owl-controls .owl-nav .owl-next {
position: absolute;
right: -30px;
top: 50%;
margin-top:-10px;
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-image: url(../img/video-carousel/arrow-once.png);
}


.pdf-box.active a#pdf-top{
top: 0;
opacity: 1;
}
.pdf-box.active a#pdf-bottom{
top: 0;
opacity: 1;
}
.pdf-box a#pdf-top{
position: relative;
transition: all .3s ease;
top: 40px;
opacity: 0;
}
.pdf-box a#pdf-bottom{
position: relative;
transition: all .3s ease;
top: -40px;
opacity: 0;
}
.pdf-box a{
display: block;
border-radius: 50%;
width: 50px;
height: 50px;
background-color: #cb0033;
border: none;
text-align: center;
line-height: 70px;
margin: 4px 2px;
z-index: 90;
}
.pdf-box button img{
transition: all .3s ease;
opacity: 1;
}
.pdf-box.active button img{
opacity: 0;
}
.pdf-box.active button span#ar1{
width: 35px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.pdf-box.active button span#ar2{
width: 35px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pdf-box button span#ar2{
position: absolute;
display: block;
width: 0px;
height: 2px;
right: 7px;
bottom: 23px;
background-color: #fff;
transition: all .3s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pdf-box button span#ar1{
position: absolute;
display: block;
width: 0px;
height: 2px;
left: 7px;
top: 25px;
background-color: #fff;
transition: all .3s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pdf-box button{
position: relative;
margin: 4px 2px;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #cb0033;
border: none;
z-index: 100;
transition: all .3s ease;
}
.pdf-box{
position: fixed;
right: 13px;
display: table;
top: 45%;
z-index: 999;
}

.foot-sc{
margin-bottom: 30px;
display: table;
}
.foot-sc a{
background: #424242;
display: inline-block;
color: #000;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
margin: 2px;
transition: all .3s ease;
font-size: 18px;
position: relative;
top: 3px;
z-index: 1;
}
.foot-sc a:hover{
background-color: #d01739;
color: white;
}
ul.active-material_cont1-ul {
display: block;
}
header.fixed-head .shbt{
top: 48px;
}
#footer-number{
position: absolute;
bottom: -25px;
right: 100px;
}
footer .foot2 { position: relative; }
/*# sourceMappingURL=main.css.map */