html { color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face { font-family: Intro; src: url('../fonts/INTRO.OTF'); }
@font-face { font-family: 'FuturaPTLight'; src: url('../fonts/FuturaPTLight.otf'); }
@font-face { font-family: 'BebasNeueBold'; src: url('../fonts/BebasNeue_Bold.otf'); }
@font-face { font-family: 'BebasNeueBlack'; src: url('../fonts/BebasNeue_Black.otf'); }
@font-face { font-family: 'BebasNeue'; src: url('../fonts/BebasNeue_Regular.otf'); }
@font-face { font-family: 'HelveticaNeueCyr Black'; src: url('../fonts/HelveticaNeueCyr-Black.otf'); }
@font-face { font-family: 'HelveticaNeueCyr Roman'; src: url('../fonts/HelveticaNeueCyr-Roman.otf'); }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { height: 100% }
body { margin: 0; padding: 0; line-height: 1; height: 100%; font-family: 'Open Sans', sans-serif; /*
background-image: url(../img/bgr-patt.png);
*/ }
p, h1, h2, h3 { margin: 0; padding: 0; }
a { outline: none; color: inherit; text-decoration: none; }
a:focus, a:visited, a:active { outline: 0; outline-offset: 0; text-decoration: none; }
/*
a:hover{
outline: none;
color:inherit;
text-decoration: none;
}*/
.img-responsive { margin: 0 auto; }
.clear { clear: both; }
.inner { width: 1170px; margin: 0 auto; }
.pagein { background-image: none; background-color: #f0f0f0; }
header { float: left; width: 100%; }
.header-top-line { float: left; width: 100%; background: #333333; color: #FFFFFF; font-size: 12px; }
.header-top-line span { line-height: 50px; }
.lang { margin: 0; padding: 0; float: right; margin-top: 18px; }
.lang li { float: left; list-style: none; border-right: 1px solid #666666; padding-right: 5px; padding-left: 5px; }
.lang li:last-child { border-right: 0; padding-right: 0; }
.lang a { color: #FFFFFF; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.lang a:hover { opacity: 0.6; }
.lang .active>a { opacity: 0.6; }
.main-header { float: left; width: 100%; background-color: #a6192e; height: 115px; }
.logo { float: left; margin-top: 20px; }
.mobile-responsive-search-icon { float: right; color: #fff; font-size: 24px; padding: 25px; cursor: pointer; }
.mobile-search-form { z-index: 9; position: absolute; top: 70px; width: 100%; display: none !important; }
.mobile-search-form.active { display: block !important; }
.mobile-search-form .form-control { border-radius: 0; border: 0; padding: 30px 22px; box-shadow: 0 4px 29px #ccc; }
.main-nav { float: right; font-family: 'PT Sans', sans-serif; margin-top: 44px; z-index: 200; }
.main-nav ul { margin: 0; padding: 0; list-style: none; }
.main-nav li { margin: 0; padding: 0; float: left; border-left: 1px solid #999999; /*padding-left: 20px;*/ /*padding-right: 20px;*/
padding-left: 5px; padding-right: 5px; line-height: 21px; height: 22px; }
.main-nav li:last-child { border-right-color: transparent; }
.main-nav li:first-child { border-left-color: transparent; }
.main-nav a { text-decoration: none; text-transform: uppercase; font-size: 15px; color: #FFFFFF; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5); padding: 0px 10px; }
.main-nav li.active { background-color: transparent; }
.responsive-icon { float: right; cursor: pointer; margin-top: 42px; display: none; }
.nav-line { position: relative; width: 100%; height: 1px; background-color: #FFFFFF; display: block; margin-top: 12px; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.main-nav li:hover .nav-line, .main-nav li.active .nav-line { opacity: 1; margin-top: 4px; }
/* modified */
#top-slider { float: left; width: 100%; height: 650px; overflow: hidden; z-index: 1; }
.slide { float: left; width: 100%; height: 650px; /*background-attachment: fixed; */ background-size: 100% auto; transition: 0.01s linear; background-position: center center; }
.slide .inner { position: relative; z-index: 6; }
/* SLIDE PARTILES */
.slider-igra-raider .full-width-height { display: block; width: 100%; height: 100%; }
.slider-igra-raider { background: url(/img/slider-igra-raider.jpg) top center no-repeat; }
.slide1 { background: url(../img/1.png) center center no-repeat; }
.slide1 .paralax-blured-particles { background: transparent url(../img/main-stujki.png) center center no-repeat; width: 1143px; }
.slide1 .paralax-blured-particles { background: transparent url(../img/blured-strujki.png) center center no-repeat; width: 1143px; }
.slide2 { background: url(../img/slider/slide-2-bg.jpg) no-repeat center center; }
.slide2 .paralax-particles { background: transparent url(../img/slider/slide-2-front.png) center center no-repeat !important; width: 60%; background-size: 80% !important; top: 0 !important; background-position: center 42% !important; }
@media (max-width:960px) {
.slide2 .paralax-particles { background-size: 100% !important; top: 0 !important; background-position: center 15% !important; }
}
.slide2 .paralax-blured-particles { display: none; }
.slide3 { background: url(../img/slider/slide-3-bg.jpg) no-repeat center center; }
.slide3 .paralax-particles { background: transparent url(../img/slider/slide-3-front.png) center center no-repeat !important; width: 60%; background-size: 60% !important; background-position: center 10% !important; }
.slide3.cycle-slide-active .paralax-blured-particles { display: none; }
.slide4 { background: url(../img/slider/slide-4-bg.png) no-repeat center center; }
.slide4 .paralax-particles { background: transparent url(../img/slider/slide-4-front.png) center center no-repeat !important; width: 60%; background-size: 88% !important; background-position: center 34% !important; }
.slide4.cycle-slide-active .paralax-blured-particles { display: none; }
.slide5 { background: url(../img/slider/slide-5-bg.jpg) no-repeat center center; }
.slide5 .paralax-particles { background: transparent url(../img/slider/slide-5-front.png) center center no-repeat !important; width: 60%; right: -80px !important; background-size: 100% !important; background-position: center 30% !important; }
.slide5.cycle-slide-active .paralax-blured-particles { display: none; }
.slide7 { background: url(../img/slider/7-bg.jpg) no-repeat center center; }
.slide6 { background: url(../img/slider/slide-6-bg.jpg) no-repeat center center; }
.slide6 .paralax-particles { background: transparent url(../img/slider/slide-6-front.png) center center no-repeat !important; width: 80%; right: -20% !important; background-size: 100% !important; height: 400px; background-position: center 21% !important; }
.slide6.cycle-slide-active .paralax-blured-particles { display: none; }
/*END SLIDE PARTICLES */
.cycle-slide-active .paralax-particles { background-attachment: fixed; display: block; height: 660px; position: absolute; right: 0%; /*border:1px solid red;*/ z-index: 2; opacity: 1; /*transition: all 0.6s linear;*/ }
.cycle-slide-active .paralax-blured-particles { background-attachment: fixed; display: block; height: 660px; position: absolute; right: 5%; /*border:1px solid green;*/ width: 1143px; z-index: 3; /*transition: all 0.6s linear;*/ }
/* end modified */
.slide-title { float: left; margin-top: 100px; opacity: 0; /* margin-top: 140px; */ margin-left: 38px; font-size: 50px; font-weight: 900; color: #FFFFFF; text-transform: uppercase; text-shadow: 4px 0px 4px rgba(0, 0, 0, 0.75); line-height: 60px; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear; -webkit-transition-delay: 0.5s; /* Safari */ transition-delay: 0.5s; position: absolute; }
.slide-title a { color: inherit; text-decoration: none; }
.slide-title a:hover { color: inherit; text-decoration: none; }
.cycle-slide-active .slide-title { margin-top: 140px; opacity: 1; }
.slide-title span { font-weight: 600; font-size: 42px; }
.slide-title ins { font-size: 58px; text-decoration: none; }
.slide-title ins .red { color: #cc3333; }
#slide-prev, #slide-next { position: absolute; z-index: 9999 !important; top: 240px !important; color: #FFFFFF; visibility: visible !important; cursor: pointer; }
#slide-prev:hover, #slide-next:hover { opacity: 0.8; }
#slide-prev { left: 20px; }
#slide-next { right: 20px; }
.view-more { text-transform: none; color: #FFFFFF; font-weight: 600; font-size: 16px; text-decoration: none; display: inline-block; line-height: 18px; background-color: #cc3333; height: 33px; line-height: 33px; box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; float: left; padding-left: 23px; padding-right: 23px; }
.view-more:hover, .view-more:focus { background-color: #7c1717; color: #fff; text-decoration: none; }
.view-more-corners { background-image: url(../img/view-more-left.png); background-repeat: no-repeat; background-position: top left; margin-top: 440px; padding-top: 4px; padding-left: 4px; padding-bottom: 4px; float: left; margin-left: 40px; position: absolute; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear; -webkit-transition-delay: 0.5s; /* Safari */ transition-delay: 0.5s; opacity: 0; }
.cycle-slide-active .view-more-corners { margin-top: 400px; opacity: 1; }
.right-corners { display: block; width: 10px; height: 41px; background-image: url(../img/view-more-right.png); float: right; margin-top: -4px; margin-left: -5px; }
.new-product { float: left; width: 100%; }
.new-product .inner { position: relative; }
.new-product .left-line, .new-product .right-line { width: 400px; }
.new-pr-image { position: absolute; z-index: 5; width: 550px; text-align: center; }
.new-pr-image .catalog-btn { padding-left: 0; }
@media (min-width:1200px) {
.new-pr-image .catalog-btn { margin-left: 0; }
}
.new-pr-image:after { content: ''; display: block; width: 70%; height: 15px; opacity: .7; margin: 0 auto; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 69%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(69%, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 69%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 69%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 69%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 69%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); }
.new-pr-image img { max-height: 394px; min-width: 20%; max-width: 90%; display: inline-block; }
.flip { position: absolute; margin-left: 310px; margin-top: 115px; z-index: 555; }
.flip-prev, .flip-next { position: absolute; z-index: 1111; float: none !important; color: #FFFFFF !important; display: block; margin-top: 15px; }
.flip-prev { left: -100px; }
.flip-next { right: -100px; }
.flip-prev:hover, .flip-next:hover { opacity: 0.7; }
.flip-name { text-align: center; position: relative; z-index: 11; }
.flip-name a, .flip-name a:hover { color: inherit; text-decoration: none; }
.flip-name ins { font-size: 44px; font-weight: 900; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; display: inline-block; margin-left: 40px; margin-right: 40px; line-height: 30px; background-image: url(../img/flip-corners-left.png); background-repeat: no-repeat; padding-left: 22px; height: 106px; padding-top: 22px; position: relative; padding-right: 22px; }
.flip-right-corners { background-image: url(../img/flip-corners-right.png); background-repeat: no-repeat; width: 20px; height: 106px; position: absolute; right: 0; top: 0; }
.flip-name ins span { font-size: 16px; font-weight: normal; letter-spacing: -0.5px; }
.vertical-line { width: 7px; height: 137px; background-image: url(../img/vertical-line.png); position: absolute; margin-left: -4px; left: 50%; margin-top: 105px; }
.flip-info { position: absolute; text-align: left; z-index: 111; width: 100%; position: relative; }
.flip-extras { position: absolute; }
.flip-extras p { text-transform: uppercase; font-size: 18px; font-weight: 600; letter-spacing: -0.8px; }
.flip-extras span { color: #cccccc; font-size: 14px; float: left; margin-top: 10px; line-height: 17px; width: 250px; }
.extras1, .extras2, .extras3 { left: 40px; }
.extras4, .extras5, .extras6 { right: 40px; text-align: right; }
.extras1 { top: 225px; }
.extras2 { top: 370px; }
.extras3 { top: 510px; }
.extras4 { top: 225px; }
.extras5 { top: 370px; }
.extras6 { top: 510px; }
.flipline { position: absolute; }
.flipline1 { width: 302px; height: 70px; background-image: url(../img/flipline1.png); margin-left: 130px; margin-top: 5px; }
.flipline2 { width: 282px; height: 10px; background-image: url(../img/flipline2.png); margin-left: 165px; margin-top: 5px; }
.flipline3 { width: 259px; height: 50px; background-image: url(../img/flipline3.png); margin-left: 193px; margin-top: -35px; }
.flipline4 { width: 267px; height: 56px; background-image: url(../img/flipline4.png); margin-left: -125px; margin-top: 5px; }
.flipline5 { width: 243px; height: 10px; background-image: url(../img/flipline5.png); margin-left: -160px; margin-top: 5px; }
.flipline6 { width: 253px; height: 65px; background-image: url(../img/flipline6.png); margin-left: -120px; margin-top: -49px; }
.svgelem { position: absolute; margin-left: 130px; margin-top: 0px; overflow: visible; }
.rightsvg { margin-left: -380px !important; }
.headline { float: left; width: 100%; background-image: url(../img/new-product-bgr.png); height: 417px; position: relative; z-index: 222; background-position: top center; background-repeat: no-repeat; margin-top: -154px; text-align: center; }
.headline h2, .video-head h2 { margin-top: 180px; text-transform: uppercase; font-size: 27px; font-weight: 900; color: #cc3333; letter-spacing: -1.2px; line-height: 34px; }
.headline span, .video-head span { font-size: 14px; color: #333333; letter-spacing: -0.3px; }
.product-bgr { float: left; width: 100%; background-image: url(../img/new-product-bgr.jpg); height: 997px; background-position: top center; background-repeat: no-repeat; margin-top: -125px; position: relative; color: #FFFFFF; padding-top: 130px; text-align: center; overflow: hidden; /* edited vtkpw*/ }
.product-bgr .inner { position: relative; }
.blur-bgr { position: absolute; z-index: 1; width: 777px; height: 777px; background-image: url(../img/new-product-blur.png); margin-left: 200px; }
.cycle-bgr { width: 414px; height: 414px; position: absolute; z-index: 2; background-image: url(../img/product-bgr.png); margin-left: 380px; margin-top: 210px; }
.new-product-bottom-mask { width: 100%; background-image: url(../img/new-product-bottom-mask.png); height: 236px; background-position: top center; position: absolute; bottom: 0; }
.videos { width: 100%; float: left; text-align: center; }
.video-head { position: relative; }
#video-slide-next { position: absolute; top: 4px; right: auto; left: 65%; }
#video-slide-prev { position: absolute; left: 0; top: 6px; right: 35%; }
.video-head h2 { margin-top: 20px; }
.video-head .inner { position: relative; }
.left-line, .right-line { position: absolute; width: 362px; height: 1px; background-color: #cccccc; display: block; margin-top: 27px; }
.right-line { right: 0; }
.videos ul { margin: 0; padding: 0; width: 100%; float: left; margin-top: 60px; height: 275px; list-style: none; text-align: center; }
.videos ul li { margin: 0; padding: 0; float: none; width: 380px; height: 275px; text-align: left; text-transform: uppercase; display: inline-block; margin-left: -4px; overflow: visible !important; }
.videos ul li h3 { margin-left: 15px; font-size: 18px; color: #cc3333; font-weight: 900; letter-spacing: -0.8px; line-height: 22px; }
.videos ul li p { margin-left: 15px; font-size: 16px; font-weight: normal; color: #cc3333; }
.video-cover { float: left; width: 380px; height: 215px; position: relative; margin-bottom: 15px; }
.video-cover img { float: left; }
.youtube-icon { width: 59px; height: 41px; background-image: url(../img/youtube-icon.png); display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 3; }
.overlay-color { position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.video-cover:hover .overlay-color { background-color: rgba(0, 0, 0, 0); }
.catalogs { width: 100%; float: left; }
.catalog-top-mask { width: 100%; float: left; height: 248px; background-image: url(../img/catalog-mask.png); background-position: top center; }
.catalog { float: left; width: 100%; padding-bottom: 45px; background-color: #333333; }
.catalog-left { float: left; margin-top: 10px; margin-left: 70px; width: 465px; }
.catalog-right { float: left; width: 405px; height: 187px; border-left: 2px solid #FFFFFF; margin-left: 55px; margin-top: 38px; padding-left: 75px; }
.catalog-right h3 { text-transform: uppercase; font-weight: 900; font-size: 26px; color: #FFFFFF; letter-spacing: -1px; line-height: 31px; font-style: italic; }
.catalog-right h3 a { text-decoration: none; color: #cc3333; }
.catalog-right p { color: #FFFFFF; font-size: 16px; font-weight: 300; margin-top: 5px; }
.catalog-btn { display: inline-block; margin-top: 15px; font-size: 16px; color: #FFFFFF; text-decoration: none; background-color: #cc3333; width: 130px; height: 35px; line-height: 35px; padding-left: 17px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.catalog-btn:hover, .catalog-btn:focus, .catalog-btn:visited, .catalog-btn:active { color: #fff; text-decoration: none; }
.catalog-btn img { float: right; margin-right: 12px; margin-top: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.catalog-btn:hover { background-color: #7c1717; }
.catalog-btn:hover img { margin-right: 9px; }
footer { width: 100%; float: left; text-align: center; background-image: url(../img/footer-bgr.jpg); background-position: top center; padding-top: 50px; }
.product-footer { background-image: url(../img/pagein-footer.jpg); height: 396px; position: relative; z-index: 2; }
.product { width: 100%; float: left;/*
background-image: url(../img/productpage-bgr.png);
background-position: top 370px center;
background-size: 100% 120px; */ background-repeat: no-repeat; }
.product-desc-top { width: 100%; float: left; /* margin-top: 80px; */ min-height: 410px; }
.product-image { float: left; width: 440px; margin-right: 100px; position: relative; }
.product-image > a > img { max-height: 350px; margin-left: auto; margin-right: auto; }
.product-image a.fancy.cycle-slide { max-width: 100%; }
#product-prev, #product-next { position: absolute; top: 170px; width: 35px; height: 38px; z-index: 1000; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: center center; }
#product-prev:hover, #product-next:hover { opacity: 0.7; }
#product-prev { background-image: url(../img/product-image-left.png); left: -40px; }
#product-next { background-image: url(../img/product-image-right.png); right: -35px; }
.product-name { float: left; width: 530px; margin-left: 50px; }
.product-name span { text-transform: uppercase; font-size: 36px; color: #333333; letter-spacing: -1px; }
.product-name h1 { text-transform: uppercase; font-weight: 900; color: #333333; font-size: 58px; letter-spacing: -2px; line-height: 50px; margin-left: -2px; }
.product-name p { font-size: 20px; color: #cc3333; margin-top: 5px; }
.product-tooltip { float: left; width: 555px; margin-top: 40px; margin-left: 49px; }
.product-tooltip ul { margin: 0; padding: 0; list-style: none; float: left; }
.product-tooltip ul li { float: left; margin-right: 10px; margin-bottom: 10px; width: 50px; height: 60px; }
.product-tooltip ul li img { float: left; cursor: pointer; }
.product-tooltip ul li img:hover { opacity: 0.7; }
.tooltip_info { position: absolute; margin-top: -50px; color: #333333; font-size: 14px; opacity: 0; /* height: 32px; */ height: auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; display: none; /*
background-image: url(../img/tooltip_arrow2.png);
background-repeat: no-repeat;
background-position: left 15px top 20px;
*/ }
.tooltip_info:after { content: url(../img/tooltip_arrow2.png); position: absolute; margin-top: 21px; left: 10px; top: 0px; }
@-moz-document url-prefix() {
.tooltip_info:after { content: url(../img/tooltip_arrow2.png); position: absolute; margin-top: 22px; left: 10px; top: 0px; }
}
.tooltip_info span { background-color: #FFFFFF; padding: 6px 11px; border: 1px solid #333; }
.product-tooltip ul li img:hover + .tooltip_info { margin-top: -40px; opacity: 1; display: block; }
.product-desc-bottom:before { width: 100%; float: left; background-image: url(../img/productpage-bgr.png); background-position: bottom center; background-size: 100% 120px; background-repeat: no-repeat; content: ""; display: block; height: 120px; margin-top: -118px; }
.product-desc-bottom { width: 100%; float: left; background-color: #cc3333; padding-bottom: 30px; margin-top: 130px; }
.product-desc-bottom ul { margin: 0; padding: 0; list-style: none; color: #FFFFFF; font-size: 14px; margin-left: 590px; line-height: 17px; margin-top: 20px; }
.description { float: left; width: 920px; margin-left: 130px; color: #FFFFFF; /* margin-top: 35px; */ }
.description h2 { text-transform: uppercase; font-weight: 900; font-size: 20px; letter-spacing: -1px; background-color: #cc3333; position: relative; z-index: 2; display: inline; padding-right: 20px; }
.h2line { width: 100%; height: 1px; background-color: #FFFFFF; margin-top: -10px; }
.description p { margin-top: 15px; font-size: 14px; line-height: 16px; }
.product-bottom-mask { width: 100%; float: left; height: 176px; background-image: url(../img/productpage-bottom-bgr.png); background-position: top center; }
.extras { float: left; width: 100%; min-height: 1074px; background-image: url(../img/extras-bgr.png); background-repeat: no-repeat; background-position: top center; }
.extras ul { margin: 0; padding: 0; list-style: none; width: 1040px; float: left; margin-top: 220px; margin-left: 60px; position: relative; }
.extras ul li { margin: 0; padding: 0; float: left; height: 365px; overflow: hidden; position: relative; }
.extras ul li img { float: left; position: relative; z-index: 2; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.extras ul li.withtext { cursor: pointer; }
.extras ul li.withtext:hover > img { margin-top: 100px; opacity: 0.8; }
.extras ul li.bottomtext .extras-text { bottom: 0; }
.extras ul li.bottomtext:hover > img { margin-top: -100px !important; }
.extras-text { text-align: center; padding-top: 25px; padding-bottom: 25px; position: absolute; width: 100%; }
.extras-text h3 { font-weight: 900; font-size: 27px; color: #cc3333; text-transform: uppercase; letter-spacing: -1.7px; }
.extras-text p { font-size: 12px; color: #333333; }
.related-product { float: left; width: 100%; }
.related-head-line { float: left; width: 100%; background-image: url(../img/gray-line.png); background-repeat: repeat-x; background-position: center center; }
.related-head { width: 440px; margin: 0 auto; text-align: center; background-color: #fff; }
.dz-left-arrow { float: left; margin-left: 30px; }
.dz-right-arrow { float: right; margin-right: 30px; }
.related-head h2 { font-size: 24px; font-weight: 900; text-transform: uppercase; color: #666666; letter-spacing: -0.6px; line-height: 27px; }
.related-head span { font-size: 12px; color: #999999; letter-spacing: -0.3px; }
.related-product ul { margin: 0; padding: 0; float: left; list-style: none; margin-top: 70px; /*
background-image: url(../img/slider-bgr.png);
*/ background-color: #fff; background-repeat: repeat-x; background-position: left bottom; width: 100%; text-align: center; overflow: hidden; }
.related-product ul li:hover .product-title{ color: #333; transition: .2s ease; }
.related-product ul li:hover .product-photo{ border-color:#cc3333; transition: .2s ease; }
.related-product ul li .product-photo{ margin-bottom: 50px;padding: 20px;border: 1px solid #ccc;}
.related-product ul li { /* height: 343px; */
text-align: center; text-transform: uppercase; margin-right: 20px; margin-left: 20px; width: 320px; display: block; position: relative; /* margin-top: -150px; */ }
.product-title { display: inline-block; color: #cc3333; font-size: 22px; font-weight: 900; letter-spacing: -1px; background-image: url(../img/related-left-corners.png); background-repeat: no-repeat; height: 60px; padding-top: 10px; padding-left: 15px; position: relative; padding-right: 15px; top: 40px; }
.related-right-corners { background-image: url(../img/related-right-corners.png); position: absolute; width: 13px; height: 60px; display: block; right: 0; top: 0; }
.related-line { position: absolute; width: 7px; height: 77px; margin-left: 156px; margin-top: 100px; background-image: url(../img/related-line.png); }
.product-title ins { color: #999999; font-size: 14px; text-decoration: none; font-weight: normal; float: left; margin-bottom: 5px; width: 100%; text-align: center; }
.product-photo { float: left; display: block; width: 100%; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; margin-top: 150px; }
.product-photo img { left: 0; }
.related-product ul li:nth-child(2) .product-photo { }
.related-product ul li:nth-child(3) .product-photo { }
.related-product ul li:hover .product-photo { /* margin-top: 90px !important; */ }
.dz { cursor: pointer; font-size: 39px !important; color: #9b9b9b; }
.dz:hover { color: #666666; }
.search { float: right; margin-left: 20px; margin-top: 13px; }
.search input[type="text"] { color: #FFFFFF; border: 0; border-bottom: 1px solid #FFFFFF; float: right; background-color: rgba(0, 0, 0, 0); width: 0px; height: 22px; display: none; margin-top: -15px; transition: all 2s ease; }
.search input[type="text"].active { width: 200px; display: block; transition: all 1s ease; }
.search-icon { float: right; width: 14px; height: 14px; background-image: url(../img/search-icon.png); cursor: pointer; margin-top: 4px; margin-left: 10px; position: relative; z-index: 99; }
.search-icon:hover { opacity: 0.7; }
.mobile-tooltip { display: none; }
.mobile-tooltip .tooltip .tooltip-inner { background: #fff; border: 1px solid #666; color: #333; font-size: 14px; border-radius: 0; }
.mobile-tooltip .tooltip .tooltip-arrow { background: #fff; color: #333; font-size: 14px; border-radius: 0; border-top-color: #666; }
/* ==========================================================================
Helper classes
========================================================================== */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/**
** New
**/
footer h5 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 900; color: #fff; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
footer a, footer p, footer li { text-align: left; color: #fff; font-size: 12px; font-family: 'Open Sans', sans-serif; line-height: 13px; }
footer ul { padding-left: 0; margin-left: 0; list-style: none; }
footer ul li { margin-bottom: 10px; }
footer .inner:nth-child(1) > div.row > div:nth-child(2) a { position: relative; transition: all 0.1s ease; }
footer .inner:nth-child(1) > div.row > div:nth-child(2) a:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; transition: all 0.1s ease; opacity: 0; }
footer .inner:nth-child(1) a:hover, footer .inner:nth-child(1) a:focus, footer .inner:nth-child(1) a:active { text-decoration: none; color: #fff; }
footer .inner:nth-child(1) > div.row > div:nth-child(2) a:hover, footer .inner:nth-child(1) > div.row > div:nth-child(2) a:focus, footer .inner:nth-child(1) > div.row > div:nth-child(2) a:active { padding-left: 10px; }
footer .inner:nth-child(1) > div.row > div:nth-child(2) a:hover:before, footer .inner:nth-child(1) > div.row > div:nth-child(2) a:focus:before, footer .inner:nth-child(1) > div.row > div:nth-child(2) a:active:before { left: 0px; opacity: 1; }
/* edited (vtkpw)*/
body > footer > div > div > div.col-md-7 { margin-top: -50px; margin-left: -15px; }
footer > .inner:nth-child(2) { margin-top: 30px; width: 60%; max-width: 90%; }
footer > .inner:nth-child(2):after { /* width: 90%; edited (vtkpw)*/
/* min-width: 81%;
max-width: 90%;
display: block;
content: "";
height: 1px;
background-color: #ebebeb;
position: absolute;
margin-left: 60px;
margin-top: -40px;*/ }
/* edited (vtkpw)*/
footer p { margin-bottom: 13px; }
.map-icon, .phone-icon, .fax-icon, .email-icon { background-repeat: no-repeat; background-position: top left; padding-left: 25px; }
.map-icon { background-image: url(../img/map-icon.png); }
.phone-icon { background-image: url(../img/phone-icon.png); }
.fax-icon { background-image: url(../img/fax-icon.png); }
.email-icon { background-image: url(../img/email-icon.png); }
footer .fb, footer .gplus, footer .youtube { margin-top: 30px; display: block; float: left; margin-right: 10px; }
.breadcrumb { background-color: transparent; }
.breadcrumb a { color: #666666; }
.breadcrumb a, .breadcrumb li { font-size: 11px; font-family: 'Open Sans', sans-serif; }
.breadcrumb>li+li:before, .breadcrumb>li:last-child:after { content: none; }
.breadcrumb>li:after { content: "/"; color: #ccc; padding: 0 5px; padding-right: 4px; }
.breadcrumb >.active, .breadcrumb > li:nth-child(1) a { color: #be2f2f; }
.category { background-image: url(../img/category_bg.png); background-repeat: no-repeat; background-position: left 90px; min-height: 349px; background-size: 100% 110px; }
.blog { background-image: url(../img/category_bg.png); background-repeat: no-repeat; background-position: left 60px; min-height: 359px; }
.blog { background-size: 100% 220px; }
.category.main { background-position: left 80px; background-size: 100% 90px; padding-bottom: 100px; }
.category.main h1 { margin-bottom: 100px; }
.category.main .title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cc3333; }
.category.main .title img { margin-right: 20px; }
.category.main .title h2 { font-size: 16px; color: #666666; font-weight: 900; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.category.main .sub1 + .clearfix + .title { margin-top: 50px; }
.category.main .title h2 + p { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #000; }
.category h1, .blog h1, .page h1 { font-family: 'Intro', sans-serif; font-size: 30px; color: #cc3333; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin-bottom: 45px; }
.subcategories { list-style: none; margin-left: 0; padding-left: 0; }
.category .products { margin-top: 0px; }
@media screen and (min-width:1200px) {
.subcategories { display: flex; }
.subcategories li + li a { border-left: 1px solid #fff; }
}
.subcategories { justify-content: center; flex-wrap: wrap; }
.subcategories li { flex-grow: 0; flex-shrink: 0; float: left; margin-bottom: 5px; }
.subcategories li a { color: #fff; font-size: 12px; font-family: 'Tahoma', sans-serif; padding: 5px 10px; background-color: transparent; transition: all 0.3s ease; }
.subcategories li a:hover { background-color: #fff; color: #000; }
.subcategories li.active a { background-color: #fff; color: #000; }
.category .row.products { margin-top: 30px; }
@media screen and (min-width:1200px) {
.flex .products > div { flex-grow: 1; flex-shrink: 0; }
.flex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: flex-start; }
}
.products.flex { justify-content: space-between; width: 100%; margin-top: 65px; margin-bottom: 50px; }
.flex .products > div { order: 0; flex: 0 1 auto; align-self: flex-end; }
.products > div > a { display: block; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 900; text-transform: uppercase; position: relative; color: #333; }
.products > div > a:hover { text-decoration: none; }
.products > div > a:nth-child(1) img { transition: all 0.3s ease; }
.products > div > a:nth-child(1):hover img { transform: scale(1.1); }
.products > div > a:nth-child(2) { margin-top: 50px; margin-bottom: 100px; }
.products > div > a:nth-child(2):before { content: url(../img/product-left-title.png); position: absolute; left: 0; margin-top: -10px; transition: all 0.1s ease; }
.products > div:hover > a:nth-child(2):before, .products > div:hover > a:nth-child(2):after { transform: scale(1.2); }
.products > div > a:nth-child(2):after { content: url(../img/product-right-title.png); position: absolute; right: 0; margin-top: -45px; transition: all 0.1s ease; }
.products > div > a > span { display: block; color: #cc3333; }
.pagination>li>a, .pagination>li>span { background-color: transparent; border-color: transparent; }
.pagination>li>a, .pagination>li>a:hover { display: block; float: left; color: #cc3333; font-weight: normal; font-size: 16px; font-family: 'Open Sans', sans-serif; border-color: transparent !important; background-color: transparent; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { font-weight: bold; color: #fff; background-color: #cc3333; }
.grid-item > a h2 { font-size: 16px; color: #cc3333; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.category .grid-item ul { list-style: none; margin-left: 0; padding-left: 0; }
.category .grid-item ul li a { font-size: 14px; color: #000; font-family: 'Open Sans', sans-serif; }
.category.main .grid + .clearfix + .title { margin-top: 50px; }
ul.subcategory-items { display: block; position: relative; }
li.sub1 { position: relative; float: left; }
.grid-item { width: 25%; padding-right: 20px; padding-top: 10px; }
.blog h2 { font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 30px; color: #fff; text-transform: uppercase; }
.blog h3 { font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; font-weight: 100; font-size: 18px; margin-bottom: 100px; }
.blog .post { background-color: #fff; background-clip: content-box; }
.blog .post h4 { color: #cc3333; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: 'Open Sans', sans-serif; padding-left: 15px; padding-right: 15px; }
.blog .post .help-block { font-size: 11px; color: #333333; font-family: 'Open Sans', sans-serif; padding-left: 15px; padding-right: 15px; }
.blog .post p { font-size: 12px; color: #333333; font-family: 'Open Sans', sans-serif; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog .post { margin-bottom: 20px; }
.blog .post.card > a { height: 200px; overflow: hidden; display: block; }
.blog.post .content { margin-top: 120px; margin-bottom: 50px; }
.blog.post .content a.fancy { float: left !important; margin-top: 10px; margin-bottom: 10px; }
.blog.post .content a.fancy + a.fancy { margin-left: 20px; }
@media screen and (min-width:1440px) {
.blog.post .content a.fancy:nth-child(3n+1) { margin-left: 0 !important; }
}
.blog.post .content img { max-width: 100%; }
.page { padding-bottom: 30px; }
.about-icons > div { padding: 0 15px; margin-bottom: 100px; }
.about-icons svg { height: 98px; margin-bottom: 25px; margin-top: 100px; }
.about-icons p { font-size: 14px; color: #333333; font-family: 'Open Sans', sans-serif; }
.about-icons p:after { content: ""; width: 100px; height: 2px; display: block; margin-left: auto; margin-right: auto; background-color: #cc3333; margin-top: 20px; transition: all 0.3s ease; }
.about-icons div:hover > p:after { width: 120px; }
.about-icons > div svg path { transition: all 0.3s ease; fill: #999; }
.about-icons > div:hover svg path { fill: #cc3333; }
.distributors-btn-filter { border: 0 !important; outline: 0 !important; padding: 2px 71px; height: auto; width: auto; margin: 0; }
#contacts_map { height: 600px; width: 100%; position: relative; z-index: 2; display: block; }
#contacts_map.distributors-static-bg { height: 600px; width: 100%; overflow: hidden; /* background: transparent url(../img/raider-static-mapbg-old.jpg) center center no-repeat; */ background: transparent url(../img/raider-static-mapbg-empty.jpg) center center no-repeat; }
#contacts_map:before { content: url(../img/map_shadow.png); text-align: center; width: 100%; position: absolute; top: -5px; z-index: 5; display: block; transform: rotate(180deg); }
#contacts_map:after { content: url(../img/map_shadow.png); text-align: center; width: 100%; z-index: 5; display: block; position: absolute; bottom: -4px; overflow: hidden; }
/* distributors tooltips */
.map-tooltip-bg { background: transparent url(../img/map_tooltip_bg.png) center center no-repeat; width: 237px; height: 140px; position: absolute; top: 0; z-index: 5; left: 0; }
.map-tooltip-bg.ro { top: 40px; left: 36%; }
.map-tooltip-bg.bg { top: 279px; left: 47%; }
.map-tooltip-bg.mk { top: 330px; left: 8%; }
#map-links { width: 600px; height: 500px; margin: 0 auto; position: relative; /* border:1px solid red; */ }
/* END distributors tooltips */
.contacts h2 { color: #cc3333; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; padding-top: 20px; margin-bottom: 20px; }
.contacts h2:before { content: "\f041"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #333333; margin-right: 5px; }
.text-black { color: #333; }
.text-red { color: #cc3333; }
.margin-right-20 { margin-right: 20px; }
.offices-container { margin-top: 20px; font-size: 14px; color: #333; font-family: 'Open Sans', sans-serif; margin-bottom: 30px; }
.offices-container h4 { color: #cc3333; font-size: 16px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; }
@media (min-width:1440px) {
.offices-container:before { content: url(../img/offices-container-shadow.png); text-align: center; width: 100%; position: relative; top: -5px; z-index: 5; display: block; }
.offices-container:after { content: url(../img/offices-container-shadow.png); text-align: center; width: 100%; position: relative; top: 15px; z-index: 5; display: block; transform: rotate(180deg); }
}
.white-bg { background-color: #fff; }
.page.contacts { padding-bottom: 0; }
.page.contacts .white-bg { padding-bottom: 30px; }
.contacts-form h4 { font-family: 'Intro', sans-serif; font-size: 18px; color: #cc3333; text-transform: uppercase; }
.contacts-form .form-control { background-color: transparent; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #cc3333; border-radius: 0; box-shadow: none; }
.contacts-form .form-control:focus { outline: none !important; box-shadow: none; border-color: #cc003f; }
.contacts-form textarea { width: 100%; height: 100px; }
.contacts-form button { margin-top: 50px; background-color: #fff; font-size: 16px; font-family: 'Intro', sans-serif; color: #cc3333; border-color: #cc3333; padding: 5px 50px; border-radius: 0; margin-bottom: 50px; }
.city_form { margin-top: 50px; }
.distributors > div { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #333; }
.distributors h6 { font-family: 'Open Sans', sans-serif; font-weight: bold; color: #333; }
.distributors h3 { font-family: 'Intro', sans-serif; color: #cc3333; }
.attached-files li:before { content: '' !important; margin-right: 0 !important; }
.attached-files-title { font-size: 18px; }
.description ul { margin-left: 20px; }
.description ul { list-style: disc; }
/* NEW modifications - new ategory page */
.category-product-list { position: relative; overflow: hidden; margin: 0; padding: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: baseline; margin-bottom: 50px; }
.category-product-list .cell { float: left; width: 20%; text-align: center; padding: 30px; }
.category-product-list li>a { display: block; overflow: hidden; }
.category-product-list li .image { display: block; text-align: center; }
.category-product-list li .image img { /* display: table-cell; */
align: bottom; margin: 0 auto; }
.category-product-list li .category-title { text-align: center; font-weight: bold; color: #cc3333; margin-top: 10px; }
.category-product-list li .category-subtitle { text-align: center; color: #999; margin-top: 10px; font-size: 12px; }
.category-product-list li .category-title:hover { text-decoration: none; }
/* End modification to new category page */
.products > div > a:nth-child(2) { max-width: 95%; margin-left: auto; margin-right: auto; }
.products > div > a:nth-child(2):after { margin-top: 0; top: -10px; }
.socials-list-footer { text-align: center; }
.socials-list-footer a { display: inline-block; float: none; }
.mobile-langs { height: auto; overflow: hidden; }
.mobile-langs .active { background: #921023; }
.mobile-langs a { padding: 0 5px; display: inline-block !important; }
.product-code { margin-left: 2px; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0; }
#pager { position: absolute; display: block; float: left; margin-bottom: 0; bottom: 0; left: 50%; text-align: center; z-index: 101; top: 100%; transform: translateX(-50%); }
#pager>span { color: #cc3333; font-size: 30px; margin-left: 10px; margin-bottom: 10px; opacity: .7; transition: .3s ease; cursor: pointer; }
#pager>span.cycle-pager-active { opacity: 1; transition: .3s ease; }
.blog .read-post-image { margin-right: 15px; margin-bottom: 15px; display: block; float: left; }
/* .blog.post .read-post-image img
{
display: block;
max-width: 100%;
}
.blog .read-post-text {
float: left;
}
.blog .read-post-text ul
{
padding-left: 30px;
margin: 15px 0;
list-style: none;
} */
/*
CUSTOM 404 ERROR PAGE
*/
@font-face { font-family: 'Panton Blackcaps'; src: url('../fonts/panton-blackcaps-webfont.ttf'); }
.error-page { min-height: 600px; padding-bottom: 70px; }
.error-page .big-title { font-family: 'Panton Blackcaps', sans-serif; font-size: 130px; color: #e62f2f; text-align: center; font-weight: 800; margin-top: 80px; }
.error-page .small-title { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #333; text-align: center; font-weight: bold; }
.error-page .small-title p { margin: 0; }
/* .error-page .category-list
{
margin: 0 auto;
margin-top: 40px;
border-top: 1px solid #8d8d8d;
border-bottom: 1px solid #8d8d8d;
padding: 15px 0;
width: 80%;
}
.error-page .category-list ul
{
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.error-page .category-list ul>li
{
display: block;
float: left;
position: relative;
}
.error-page .category-list ul>li:after
{
display: block;
position: absolute;
content: "|";
font-size: 14px;
color: #999999;
right: 0;
top: 50%;
transform: translate(0,-50%);
margin-top: -2px;
}
.error-page .category-list ul>li:last-child:after
{
content: none;
}
.error-page .category-list ul>li>a
{
display: block;
color: #999999;
padding: 6px 10px;
transition: .4s ease;
}
.error-page .category-list ul>li>a:hover
{
color: #f0c103;
text-decoration: none;
transition: .4s ease;
} */
.error-page .inline-links { list-style: none; /* margin: 0; */ padding: 0; margin: 15px auto; display: block; overflow: hidden; text-align: center; }
.error-page .inline-links:before { content: ""; height: 26px; width: 100%; display: block; background: transparent url(../img/error-page-bottom-shadow.png) top center no-repeat; margin-bottom: 10px; }
.error-page .inline-links>li { display: inline-block; }
.error-page .inline-links>li>a { color: #333; font-size: 14px; font-weight: bold; padding: 5px 25px; transition: .4s ease; }
.error-page .inline-links>li>a:hover { color: #cc3333; text-decoration: none; transition: .4s ease; }
.error-page .strong-red { color: #e62f2f; font-weight: 800; text-transform: uppercase; font-size: 18px; text-align: center; margin-top: 50px; margin-bottom: 15px; }
@media(max-width:768px) {
.error-page .inline-links>li { display: block; margin: 17px auto; }
.error-page .inline-links>li>a { display: block; padding: 10px; }
.error-page .inline-links:before { -webkit-background-size: 100% auto; background-size: 100% auto; }
}
#raider-video-modal.in { display: flex; align-items: center; }
#raider-video-modal .closeBtn { border-radius: 50%; right: 0; top: 0; width: 32px; height: 32px; color: #fff; font-weight: normal; text-align: center; line-height: 30px; position: absolute; margin-top: -30px; margin-right: -30px; background: #e52d27; opacity: 1; }
.modal-backdrop.in { opacity: .7; }
.view-layout .view-product-player { width: 800px; height: 400px; margin: 0 auto; max-width: 100%; clear: both; }
.view-layout .view-product-player:after, .view-layout .view-product-player:before { display: block; clear: both; }
.view-layout .view-product-player iframe { width: 800px; max-width: 100%; max-height: 100%; height: 400px; margin: 0; border: 0; float: left; margin-top: -150px; margin-bottom: 50px; position: relative; z-index: 5; border: 15px solid #333333; }
.industrial-layout .industrial-big-text .large-text-line1 { margin-top: 35px; font-size: 3em; text-transform: uppercase; display: block; color: #fff; line-height: 1em; font-weight: 800; font-family: 'HelveticaNeueCyr Black', 'Open Sans', sans-serif; }
.industrial-layout .industrial-big-text .large-text-line2 { font-size: 4em; text-transform: uppercase; font-family: 'HelveticaNeueCyr Black', 'Open Sans', sans-serif; display: block; font-weight: 800; line-height: 1em; color: #fff; }
.industrial-layout .industrial-big-text .large-text-line3 { font-size: 1.7em; text-transform: uppercase; display: block; font-weight: normal; line-height: 1em; color: #fff; }
.category-angled-description:before{
content:'';
display: block;
width:100%;
position: absolute;
bottom: 100%;
left:0;
height: 95px;
background: transparent url(../img/category_bg.png) center top no-repeat;
}
.category-angled-description:after{
content:'';
display: block;
position: absolute;
top:100%;
width:100%;
left:0;
height: 130px;
background: transparent url(../img/category_bg.png) scroll 0 -177px no-repeat;
}
.category-angled-description
{
position: relative;
margin-top: 95px;
margin-bottom: 120px;
background: #cc3333;
color:#fff;
text-align: left;
}
.products > .product-cell.has-price { margin-bottom: 100px;}
.products > .product-cell.has-price > a:nth-child(2){
margin-bottom: 20px;
}
.products .product-cell.has-price .price{
text-align: center;
}
.products .product-cell.has-price .price .new{
font-weight: 800;
font-size: 27px;
color:#cc3333;
}
.products .product-cell.has-price .price .old{
font-size: 12px;
color:#666;
}
.products .product-cell.has-price .price .old span{
text-decoration: line-through;
}
.main_product_grid .products-grid-item .logo{
margin:0 auto;
margin-top: 50px;
}
.main_product_grid .products-grid-item .logo img{
height: 95px;
width: auto;
}
.main_product_grid .products-grid-item .img-responsive{
margin:0 auto;
}
.main_product_grid .products-grid-item:before{
content:'';
display: block;
top:0;
left:0;
position: absolute;
right: 0;
background: transparent url(../img/products-page/grid-hover.png) top center no-repeat;
height: 220px;
width: 100%;
z-index: 0;
opacity: 0;
transition: .36s ease;
}
.main_product_grid .products-grid-item:hover:before{
opacity: 1;
transition: .37s ease;
}
.main_product_grid .products-grid-item{
position: relative;
background: url(../img/products-page/grid-bg.jpg) top left no-repeat;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
text-align: center;
color:#fff;
margin-bottom: 30px;
}
.main_product_grid .products-grid-item .desc{
margin:30px 0;
}
.main_product_grid .products-grid-item .inside{
display: flex;
z-index: 2;
position: relative;
flex-direction: column;
}
.main_product_grid .products-grid-item .image{
position: relative;
height: 365px;
}
.main_product_grid .products-grid-item .image .the-image{
position: relative;
z-index: 2;
display: block;
position: absolute;
left:0;
top: 0;
}
.main_product_grid .products-grid-item .image .bg-rect{
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%, -50%);
z-index: 0;
opacity: 0;
transition: .3s ease;
}
.main_product_grid .products-grid-item .bg-rect path{
stroke-dasharray: 1039;
stroke-dashoffset: 1038;
transition-delay: .3s;
transition: .3s ease;
}
.main_product_grid .products-grid-item:hover .bg-rect {
opacity: 1;
transition: .3s ease;
}
.main_product_grid .products-grid-item:hover .bg-rect path{
stroke-dashoffset: 0;
transition: .3s ease;
}
.main_product_grid .products-grid-item:hover .view-all-btn,
.main_product_grid .products-grid-item .view-all-btn:hover{
background: #e71616;
color:#fff;
transition: .3s ease;
}
.main_product_grid .products-grid-item .view-all-btn{
background: #d7d7d7;
padding: 20px 40px;
text-align: center;
color:#333;
text-decoration: none;
font-size: 17px;
transition: .3s ease;
}
.main_product_grid .products-grid-item:not(.horizontal) .image{
min-height: 440px;
}
.main_product_grid .products-grid-item.horizontal .image{
height: 345px;
}
.main_product_grid .products-grid-item.horizontal .image .the-image{
top: 15%;
}
.main_product_grid .products-grid-item.horizontal .left-col{
display: flex;
text-align: left;
flex-direction: column;
}
.main_product_grid .products-grid-item.horizontal .logo{ margin-left: 0; margin-right: auto; }
.main_product_grid .products-grid-item.horizontal .view-all-btn{
display: inline-block;
padding: 15px 25px;
width: 250px;
}
.become_distributor_papge .mapbg{
background: #fff url(../img/distributors/mapbg.jpg) center center no-repeat;
position: relative;
}
.become_distributor_papge .mapbg:before{
content: '';
display: block;
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
left:0;
top:0;
background: rgba(255,255,255 ,.9);
}
.become_distributor_papge .mapbg .overlay{
position: relative;
padding:150px 0;
z-index: 2;
text-align: center;
}
.become_distributor_papge .mapbg .overlay .text{
font-size: 15px;
text-align: center;
}
.become_distributor_papge .mapbg .overlay .text:after{
content: '';
width: 30px;
border-bottom: 1px solid #cc3333;
margin:20px auto;
display: block;
}
.become_distributor_papge .mapbg .overlay .title {
text-transform: uppercase;
font-weight: 800;
font-size: 5em;
margin-bottom: 30px;
font-family: 'BebasNeueBold',sans-serif;
}
.become_distributor_papge .section-title {
text-align: center;
}
.become_distributor_papge .section-title:after {
content: '';
width: 30px;
height: 0;
display: block;
margin: 20px auto;
border-bottom: 2px solid #ff0a2d;
}
.become_distributor_papge .section-title .title {
color: #333;
}
.become_distributor_papge .hightlights{
padding: 50px 0;
}
.become_distributor_papge .postijeniq-list {
width: 100%;
display: block;
list-style: none;
margin: 50px 0;
padding: 0;
}
.become_distributor_papge .postijeniq-list > li {
float: left;
flex-grow: 1;
width: 25%;
display: block;
text-align: center;
padding: 0 15px;
cursor: pointer;
transition: .2s ease;
}
.become_distributor_papge .postijeniq-list > li:hover .icon {
border-color: #ff0a2d;
transition: .2s ease;
}
.become_distributor_papge .postijeniq-list > li:hover .icon .svg.svg1 {
background-position: 5px -66px;
}
.become_distributor_papge .postijeniq-list > li:hover .icon .svg.svg2 {
background-position: -62px -66px;
}
.become_distributor_papge .postijeniq-list > li:hover .icon .svg.svg3 {
background-position: -140px -66px;
}
.become_distributor_papge .postijeniq-list > li:hover .icon .svg.svg4 {
background-position: -200px -66px;
}
.become_distributor_papge .postijeniq-list > li:hover .icon .num {
color: #333;
transition: .2s ease;
}
.become_distributor_papge .postijeniq-list > li:hover .text {
color: #ff0a2d;
transition: 0.2s ease;
}
.become_distributor_papge .postijeniq-list > li .icon {
width: 140px;
height: 140px;
border-radius: 50%;
border: 2px solid #ccc;
position: relative;
margin: 15px auto;
margin-bottom: 35px;
}
.become_distributor_papge .postijeniq-list > li .icon .svg {
background: transparent url(../img/distributors/postijeniq-sprite.png) scroll 0 0 no-repeat;
width: 59px;
height: 59px;
margin: 35px auto;
}
.become_distributor_papge .postijeniq-list > li .icon .svg.svg1 {
background-position: 5px 0;
}
.become_distributor_papge .postijeniq-list > li .icon .svg.svg2 {
background-position: -62px 0;
}
.become_distributor_papge .postijeniq-list > li .icon .svg.svg3 {
background-position: -140px 0;
}
.become_distributor_papge .postijeniq-list > li .icon .svg.svg4 {
background-position: -200px 0;
}
.become_distributor_papge .postijeniq-list > li .icon .num {
padding: 5px 12px;
background: #fff;
color: #ff0a2d;
font-family: 'FuturaPTLight', sans-serif;
font-size: 45px;
position: absolute;
bottom: 0;
transition: .2s ease;
left: 50%;
line-height: 1em;
text-align: center;
transform: translateX(-50%);
margin-bottom: -30px;
border-radius: 15px;
}
.become_distributor_papge .bg-img{
background: url(../img/1.png) top center no-repeat;
height: 800px;
clip-path: polygon(
0 0, /* left top */
100% 0, /* right top */
100% 100%, /* right bottom */
0 90% /* left bottom */
);
position: relative;
}
.become_distributor_papge .sliderbg{
position: relative;
}
.become_distributor_papge .catalog-title img{
width: 620px;
}
.become_distributor_papge .catalog-title .text{
color:#fff;
font-size: 3em;
font-weight: bold;
margin-bottom: 15px;
}
.become_distributor_papge .catalog-title{
position: absolute;
bottom:100%;
left:50%;
transform: translateX(-50%);
z-index: 5;
text-align: center;
}
.become_distributor_papge .page-text{
padding-top: 60px;
position: relative;
}
.become_distributor_papge .formsection .form-control::-webkit-input-placeholder,
.become_distributor_papge .formsection .form-control::-moz-placeholder,
.become_distributor_papge .formsection .form-control:-moz-placeholder,
.become_distributor_papge .formsection .form-control::-o-input-placeholder,
.become_distributor_papge .formsection .form-control::-ms-input-placeholder,
.become_distributor_papge .formsection .form-control::placeholder{
color:#333 !important; opacity: 1;
}
.become_distributor_papge .contacts-form{
padding: 0;
}
.become_distributor_papge .contacts-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #333;
}
.become_distributor_papge .contacts-form .form-control::-moz-placeholder { /* Firefox 19+ */
color: #333;
}
.become_distributor_papge .contacts-form .form-control:-ms-input-placeholder { /* IE 10+ */
color: #333;
}
.become_distributor_papge .contacts-form .form-control:-moz-placeholder { /* Firefox 18- */
color: #333;
}
.become_distributor_papge .formsection .contacts-form .form-control:focus{
border-color:#333;
}
.become_distributor_papge .formsection .contacts-form .form-control{
border-bottom-color: #333 !important;
color:#333 !important;
}
.become_distributor_papge .formsection .submit-contacts-btn{
color:#333;
background: transparent;
border-color:#333;
margin-bottom: 0;
}
.become_distributor_papge .formsection .submit-contacts-btn:hover{
color:#cc3333;
border-color:#cc3333;
}
.become_distributor_papge .formsection .section-title span, .become_distributor_papge .formsection .red-text{ color: #cc3333; }
.become_distributor_papge .formsection .section-title{
font-family: 'BebasNeueBold',sans-serif;
text-align: center;
margin:20px auto;
text-transform: uppercase;
color:#333;
font-size: 3em;
margin-bottom: 30px;
}
.become_distributor_papge .formsection .box1 {
background: #e8e8e8;
color:#666;
padding: 30px;
margin-bottom: 25px;
}
.become_distributor_papge .formsection .box2 {
background: #333;
color:#fff;
padding: 25px;
margin-bottom: 25px;
}
.become_distributor_papge .formsection .box2 .btn { border-radius: 0;background: #cc3333;color:#fff; padding: 6px 25px; border-color:#cc3333; }
.become_distributor_papge .formsection .box2 .btn:hover {background: #BF1616;color:#fff; border-color:#BF1616; }
.become_distributor_papge .formsection .box2 .side-section-icons > li .icon { margin-top: 15px }
.become_distributor_papge .formsection .box2 .side-section-icons > li .icon svg{
fill:#fff;
}
.become_distributor_papge .formsection .box3 {
background: #f1f1f1;
color:#666;
padding: 25px;
margin-bottom: 25px;
}
.become_distributor_papge .formsection .side-section-icons {
list-style-type: none;
margin:0;
padding: 0;
}
.become_distributor_papge .formsection .side-section-icons > li{
display: flex;
margin-bottom: 20px;
margin-top: 5px
}
.become_distributor_papge .formsection .side-section-icons > li .icon{
width: 80px;
float:left;
flex-basis: 23%;
}
.become_distributor_papge .formsection .side-section-icons > li .icon svg{
fill:#cc3333;
width: 50px;
height: 50px;
margin-top: 10px
}
.become_distributor_papge .formsection .side-section-icons > li .content h5{
font-weight: bold;
font-size: 17px;
margin-bottom: 5px
}
/* vtkpw categories filters panel */
.category-products-filter-container .inner.flex { width: calc(1170px - 300px); }
.category-products-filter-container { display: flex; justify-content: center; align-items: flex-start;}
.category-products-filter-container .products-side-filter{ border:1px solid #cc3333; width: 300px; padding: 15px 15px; margin-bottom: 50px; }
.category-products-filter-container .products-side-filter .filters-title{ padding-bottom:10px;border-bottom:1px solid #cc3333; font-weight: bold; text-transform: uppercase; color:#cc3333; margin-bottom:0; }
.category-products-filter-container .products-side-filter .filters-title a{ display: block; text-decoration: none; color:inherit; }
.category-products-filter-container .products.flex { margin-top: 0;}
.category-products-filter-container .inner.flex .products.flex{width: auto;}
.category-products-filter-container .products > .product-cell.has-price{margin-bottom: 0;}
.category-products-filter-container .panel-default{border:0;box-shadow: none}
.category-products-filter-container .panel-default>.panel-heading{font-weight:bold;border:0; border-bottom:1px solid #cc3333; background: transparent; padding:10px 0;}
.category-products-filter-container .panel-default .panel-body{max-height:180px; overflow-y:auto;border:0; padding:0; padding-top: 15px;}
.category-products-filter-container .panel-default .panel-body label{ display: block; font-weight: normal;}
.checkbox-custom {
opacity: 0;
position: absolute;
}
.checkbox label {
padding-left: 0;
}
.checkbox .checkbox-custom-label {
display: flex;
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
display: inline-block;
vertical-align: middle;
font-size: 16px;
margin: 5px;
cursor: pointer;
}
.checkbox-custom-label {
position: relative;
}
.checkbox-custom + .checkbox-custom-label:before {
content: '\f00c';
background: #fff;
border: 2px solid #cc3333;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
padding: 4px;
margin-right: 15px;
text-align: center;
font-size: 12px;
line-height: 14px;
color: #fff;
margin-top: -3px;
border-radius: 5px;
transition: .3s ease;
font-family: FontAwesome;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
background: #FFF;
color: #cc3333;
transition: .3s ease;
}
.checkbox-custom:focus + .checkbox-custom-label {
outline: 0;
}
#WhereToByModal .modal-lg { width:1170px; }
#WhereToByModal .modal-dialog { margin-top:100px; }
#WhereToByModal .modal-header { padding-bottom:0px; }
#WhereToByModal .modal-header .nav-tabs { top:1px; position:relative; border-bottom:0px none; }
#WhereToByModal .modal-header .nav-tabs > li > a { border:0px none; border-bottom:4px solid transparent; }
#WhereToByModal .modal-header .nav-tabs > li > a:hover { border-bottom-color:#A6192E; background-color:#FFFFFF; }
#WhereToByModal .modal-header .nav-tabs > li.active > a { border-bottom-color:#A6192E; }
#WhereToByModal .modal-header .nav-tabs > li.active > a:hover { border-bottom-color:#A6192E; background-color:#FFFFFF; }
#WhereToByModal .offside-title { top:-40px; left:20px; right:0px; height:40px; position:absolute; }
#WhereToByModal .offside-title h1 { padding-left:10px; display:inline-block; text-transform:uppercase; font-size:36px; font-family:"BebasNeueBold"; color:#A6192E; }
#WhereToByModal .offside-title span { text-transform:uppercase; font-size:30px; font-family:"BebasNeueBold"; color:#FFFFFF; }
#WhereToByModal .container-tabs .map { width:100%; height:300px; margin-bottom:15px; background:#F8F8F8; }
#WhereToByModal .container-tabs .box { height:350px; overflow-y:auto; }
#WhereToByModal .container-tabs .autocomplete_city { width:100%; position:relative; border-radius:0px; }
#WhereToByModal .container-buynow-list { max-height:450px; overflow-y:auto; }
#WhereToByModal .container-buynow-list .item { margin:5px -10px; padding:15px; border:1px solid #666; background:#F5F5F5; }
#WhereToByModal .container-buynow-list .item .btn { margin:15px 0px 25px; padding:10px 15px 6px; line-height:24px; text-transform:uppercase; font-size:24px; font-family:"BebasNeueBold"; color:#7A7A7A; border:1px solid #7A7A7A; border-radius:0px; background:#F5F5F5; }
#WhereToByModal .container-buynow-list .item:hover { border:1px solid #A6192E; background:#FFFFFF; }
#WhereToByModal .container-buynow-list .item:hover .btn { color:#FFFFFF; border:1px solid #A6192E; background:#A6192E; }
.igra-raider-modal.hidden{
transition: .1s ease;
}
.igra-raider-modal{
position: fixed;
bottom:15px;
right:15px;
z-index: 225;
display: flex;
width: 300px;
transform: translate(0,0);
transition: .1s ease;
}
.igra-raider-modal .closebtn{
position: absolute;
top:5px;
right: 10px;
z-index: 1;
color:#fff;
border:0;
font-size: 14px;
padding: 8px;
background: transparent;
display: inline-block;
}