@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th/*, td */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'Geometria', sans-serif; font-size:16px; line-height: 100%; color: #eee; width:100%; overflow-x: hidden; font-weight: 400; background: #1f1f1f;}
img {border:0;}
a:link, a:visited, a:active {font-family: 'Geometria', sans-serif; font-size:16px; color:#fff; text-decoration:none; font-weight: 400;}
a:hover {text-decoration:underline;}
.left {float:left;}
.right {float:right;}

/*bottom fix*/
html {height: 100%;}
body {position: relative;
  min-height: 100%;
  margin: 0;}

/* ----- general ----- */
.topp {width: 100%; height: 120px;}
.toppin {width: 1170px; height: 120px; margin: 0 auto; position: relative;}
.topp .logo {position: absolute; top: 15px; left: 15px; z-index: 5;}
.topp .logo img {}

.topp .phones {position: absolute; top: 30px; right: 15px;; font-weight: bold;}
.topp .phones i {font-size: 24px; vertical-align: middle;}
.topp .phones br {display: none;}

.topp .topmenu {
	position: absolute;
    top: 70px;
    right: 0;
    left: 0px;
    z-index: 3;
    text-align: right;}
.topp .topmenu > ul {font-size: 0; }
.topp .topmenu > ul li {display: inline-block; position: relative; padding: 0 7px 10px 7px;}
.topp .topmenu > ul li:first-child {}
.topp .topmenu > ul li:last-child {}
.topp .topmenu > ul li a, .topp .topmenu > ul li span.nav-header  {text-transform: uppercase; font-size: 14px; line-height: 14px; color: #fff; font-weight: 400; -webkit-border-radius: 4px; border-radius: 4px; padding: 7px 10px; background: none; display: block; box-sizing: border-box; position: relative;}
.topp .topmenu > ul li a:hover, .topp .topmenu > ul > li.active > a, .topp .topmenu > ul li span.nav-header:hover, .topp .topmenu > ul li.active span.nav-header  {color: #fff; text-decoration: none;}
.topp .topmenu > ul li a:hover:after, .topp .topmenu > ul li.active a:after, .topp .topmenu > ul li span.nav-header:hover:after, .topp .topmenu > ul li.active span.nav-header:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff;  -webkit-border-radius: 4px; border-radius: 4px; }
.topp .topmenu > ul li.parent span.nav-header:hover:after, .topp .topmenu > ul li.parent:hover span.nav-header:after {background: none !important;}
.topp .topmenu > ul > li img {display: none;}
.topp .topmenu > ul > li ul {display: none; position: absolute; top: 37px; left: 50%; padding: 10px; margin-left: -80px; width: 160px; background: rgb(255, 255, 255); -webkit-border-radius: 4px; border-radius: 4px;}
.topp .topmenu > ul > li:hover ul {display: block;}
.topp .topmenu > ul > li > ul::before {content: ''; position: absolute; left: 50%; margin-left: -8px; top: -16px; border: 8px solid transparent; border-bottom: 8px solid rgb(255, 255, 255);}
.topp .topmenu > ul > li > ul li {padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: 1px solid #e4e4e4; display: block; text-align: left;}
.topp .topmenu > ul > li > ul li:last-child {border-bottom: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.topp .topmenu > ul > li > ul li a {display: block; color: #333; font-size: 14px; text-transform: uppercase; line-height: 21px;}
.topp .topmenu > ul > li > ul li a:hover {color: #000;}

.moduletable_lang {position:absolute; top:37px; right:15px;}
.moduletable_lang h3 {font-weight: normal; display: inline-block; margin-right:6px;}
.moduletable_lang .mod-languages_lang {display: inline-block;}
.moduletable_lang li {display: inline-block; text-align: center;}
.moduletable_lang li.lang-active {display: inline-block;}
.moduletable_lang li a {font-size:14px; line-height: 14px; color: #333; padding: 7px 10px; background: none; display: block; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px;}
.moduletable_lang li.lang-active a {background:#fff;}

.components {width: 1170px; margin: 40px auto 40px auto; font-size:0; vertical-align: top; padding: 0 15px; box-sizing: border-box;}
.components h1 {display:none;}
.components h2 {font-size: 30px; font-family: 'BigNoodleTitlingCyr'; font-weight: normal; text-transform: uppercase; line-height: 100%; margin: 0 0 20px 0;}
.components h3 {font-size: 24px; font-family: 'BigNoodleTitlingCyr'; font-weight: normal; text-transform: uppercase; line-height: 100%; margin: 0 0 20px 0;}


.withleft {vertical-align: center; overflow: hidden;}
.withleft .cleft {float: left; width: 290px; text-align: left; font-size:16px;}
.withleft .cright {margin-left: 325px; overflow: hidden;}
.withleft .cright img {max-width: 100%; height: auto !important;}

.bottomon {width: 100%; height: 100px; clear: both;}
.bottom {position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0; width:100%; height: 100px;}
.bottomin {position: relative; margin: 0 auto; height: 100px; width: 1170px; font-size: 0px; color: #fff; line-height: 22px; box-sizing: border-box; padding: 0 15px; text-transform: uppercase;}
.bottomin a {text-transform: uppercase; font-size: 14px;}
.bottomin .b1 {font-size: 14px; display: inline-block; width: 33.3%; padding: 40px 0 0 0; text-align: left;}
.bottomin .b2 {font-size: 14px; display: inline-block; width: 33.3%; padding: 38px 0 0 0; text-align: center;}
.bottomin .b3 {font-size: 14px; display: inline-block; width: 33.3%; padding: 40px 0 0 0; text-align: right;}

.bottomin .social {display: inline-block; background: #fff; -webkit-border-radius: 4px; border-radius: 4px;  margin: 0 0 0 10px; height: 26px; width: 26px; padding: 5px 0 0 0; box-sizing: border-box; text-align:center;}
.bottomin .social i {color: #1f1f1f; font-size: 18px; line-height: 18px;}

.mtitle {position: relative; overflow: hidden;}
.mtitleimg {background-image: url('../images/bg2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; bottom: 0; left: 0; height: 100%; width: 100%; transition: 0.0s ease;}
.mtitlein {width: 1170px; margin: 0 auto 0 auto; padding: 20px 0; overflow: hidden; position: relative; z-index: 2;}
.mtitlein h1 {font-size: 36px; color: #fff; display: block; padding: 20px 15px 15px 15px; box-sizing: border-box; font-family: 'BigNoodleTitlingCyr'; font-weight: normal; text-transform: uppercase; line-height: 100%; text-align: left; text-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

/* -------------------- PAGES -------------------- */


.moduletable_asso {width: 100%;}
.moduletable_asso > ul {width: 100%; height: 100%;}
.moduletable_asso > ul > li {width: 100%; height: 100%;}
.moduletable_asso > ul > li > a {display: none;}
.moduletable_asso > ul > li > span {display: none;}
.moduletable_asso > ul > li > ul {width: 100%; height: 100%; font-size: 0;}
.moduletable_asso > ul > li > ul > li {width: 50%; border: 1px solid #000; box-sizing: border-box;  font-size: 14px; display: inline-block; position: relative; transition: 0.25s ease-in-out; opacity: 1;}
.moduletable_asso > ul > li > ul > li.grid2 {width:50%;}
.moduletable_asso > ul > li > ul > li.grid3 {width:33.3%;}
.moduletable_asso > ul > li > ul > li.grid4 {width:25%;}
.moduletable_asso > ul > li > ul > li.grid5 {width:20%;}
.moduletable_asso > ul > li > ul > li :nth-child(9){display: none !important;}
.moduletable_asso:hover  > ul > li > ul > li  {opacity: 0.6;}
.moduletable_asso > ul > li > ul > li:hover {opacity: 1;}
.moduletable_asso > ul > li > ul > li a {display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
/*.moduletable_asso > ul > li > ul > li a span.image-body {display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}*/
.moduletable_asso > ul > li > ul > li a img {display: block; width: 100%; height: auto;}
.moduletable_asso > ul > li > ul > li a span.image-title {width: 100%; text-align: center; font-size: 36px; line-height: 130%; font-family: 'BigNoodleTitlingCyr'; font-weight: normal; text-transform: uppercase;; color: #fff; position: absolute; left: 0px; bottom: 30px; text-overflow: clip; z-index: 2;
text-shadow: 1px 1px 0 rgba(71,71,71,1) , 2px 2px 0 rgba(71,71,71,1) , 3px 3px 0 rgba(71,71,71,1) , 0 0 5px rgba(0,0,0,0.0980392) , 1px 1px 3px rgba(0,0,0,0.298039) , 3px 3px 5px rgba(0,0,0,0.34) , 5px 5px 10px rgba(0,0,0,0.56) , 10px 10px 10px rgba(0,0,0,0.2) , 10px 20px 20px rgba(0,0,0,0.14902) ;
}
.moduletable_asso > ul > li > ul > li a span.image-body {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition: -webkit-transform  0.4s linear; -moz-transition:  -moz-transform 0.4s linear; -o-transition:  -o-transform 0.4s linear; transition: transform 0.4s linear;}
.moduletable_asso > ul > li > ul > li a:hover span.image-body {-webkit-transform: scale(1.14,1.14); -moz-transform: scale(1.14,1.14); -ms-transform: scale(1.14,1.14); -o-transform: scale(1.14,1.14); transform: scale(1.14,1.14);}


.moduletable_left {padding: 15px; margin-bottom: 20px;}
.moduletable_left h3 {color: #58585b; text-transform: uppercase; font-size: 30px; font-weight: 500; text-align: center; margin: 10px 0 20px 0; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);}
.moduletable_left > ul > li {font-size:16px; width: 100%; box-sizing: border-box; line-height: 18px; vertical-align: top; margin-bottom:20px;}
.moduletable_left > ul > li > a {font-size: 16px; padding: 0 0 0 0; display: block; vertical-align: middle; font-weight: 400; color: #58585b; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); line-height: 16px;}
.moduletable_left > ul > li.current a {color: #000;}
.moduletable_left > ul > li li {margin: 0 0 15px 15px;}
.moduletable_left > ul > li li a {color: #58585b;}
.moduletable_left > ul > li li.current a {color: #000;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top: auto !important; bottom:15px !important; right: 15px !important; left:15px !important; text-align: center;}


.rsform h2 {font-size: 24px;}
.rsform-block-ftitle {font-size: 16px; font-weight: bold; }
.formResponsive .formHorizontal .formControlLabel {float: none; width: 100%; padding-top: 0; padding-bottom: 5px; text-align: left;}
.formResponsive .formHorizontal .formControls {margin-left: 0px;}
.formResponsive .formBody {position: relative;}
.formResponsive input.rsform-calendar-button {margin-bottom: 0; position: absolute; right: 1px; top: 1px;}
.formResponsive .formHorizontal p.formDescription, .formResponsive input[type="text"] {margin-bottom: 0px;}
.formResponsive input[type="text"] {width: 100%; box-sizing: border-box; height: 30px; background: #ccc; border: 1px solid #ccc;}
.formResponsive input[type="text"].rsform-calendar-box {margin-bottom: 0px; width: 100%;}
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {background: #fff; border: none !important; color: #000000; text-shadow: none; font-size: 18px; height: 46px; font-weight: bold;}
.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {background: #ffe629; border: none !important; color: #000000; text-shadow: none;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 12px;}
.formResponsive .formHorizontal .formValidation {display: block;}
.formResponsive .formError {margin: 0; height: auto; display: block;}
.formResponsive select, .formResponsive input[type="file"] {
height: 18px;
line-height: 18px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 100%;
box-sizing: border-box; height: 30px;
background: #ccc;
}
.formResponsive .formHorizontal textarea {width: 100%; box-sizing: border-box; background: #ccc; border: 1px solid #ccc;}

a.bigbtn {
    background: #fff;
    color: #000000;
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: bold;
}
a.bigbtn:hover {text-decoration: none; background: #ffe629;}

/* phome */
.phome .mtitle {display: none;}

/* K2 */
#k2Container {padding: 0; box-sizing: border-box;}
div.itemHeader span.itemDateCreated {font-size: 12px !important;}
.itemBody p {margin: 0 0 15px 0;}
div.itemListCategory {padding: 8px 0;}
.components div.itemListCategory  h2 {font-size: 24px; color: #333; display: block; padding: 0; font-weight: 500; line-height: 100%;}
div.catItemView {margin-bottom: 0px; padding: 0px;}
.catItemImageA {width: 270px; float: left; border-radius:5px; margin: 0 15px 15px 0; overflow: hidden;}
.catItemImageA img {width: 100%; height: auto;}
div.itemContainer {float: none; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dedede;}
div.itemVideoBlock {margin: 0 0 15px 0; padding: 0; background: none;}
div.itemVideoBlock iframe {width: 100%; height: auto; min-height: 400px;}

div.catItemBody {padding: 0; margin: 0;}
div.catItemIntroText {padding: 0;}
div.catItemHeader h3.catItemTitle {padding: 5px 0 5px 0; margin: 0;}
div.catItemHeader h3.catItemTitle a {font-weight: 500; font-size: 18px;}
div.catItemHeader span.catItemDateCreated {color: #777; font-size: 14px;}
div.catItemVideoBlock {margin: 0 15px 15px 0; width: 270px; float: left; padding: 0; background: none;}
div.catItemVideoBlock iframe {width: 100%; height: auto; min-height: 180px;}
div.itemToolbar {display: none;}
div.itemBackToTop a {display: none;}


/* pcont */
.pcont {}
.pcont table {}
.pcont table td {vertical-align: top;}
.pcont .formResponsive {margin: 0 0 0 0;}
.item-pagepcont {box-sizing: border-box; padding: 0 15px;}



#movies {position: relative}
#playb {position: absolute; top:50%; left: 50%; height: 60px; width: 60px; margin-left: -30px; margin-top: -30px; color: #fff; font-size:60xp; line-height: 60px; z-index:10;}
#playb.hidden {display: none;}


.masonContainer {margin: 0 -15px;}
.sigProThumb {
    float: none;
    width: 25%;
    padding: 0 15px 30px 15px;
    box-sizing: border-box;
}
.sigProThumb a {
    background: #000;
    display: block;
    position: relative;
    z-index: 0;
    transition: all 250ms ease;
    width: 100%;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}
.sigProThumb a:after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}
.sigProThumb a:before {
	content: "\f00e";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #fff;
	position: absolute;
	font-size: 24px;
	text-align: center;
	line-height: 24px;
	width: 24px;
	right: 15px;
	bottom: 15px;
	transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
	opacity: 0;
	z-index:5;
}
.sigProThumb a:hover:after{
    box-shadow: inset 0 0 0 5px #fff;
}
.sigProThumb a:hover:before{
    opacity: 1;
}
.sigProThumb a img {width: 100%; height: auto; transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;}
.sigProThumb a:hover img {}







.royalSlider {
    width: 100%;
	z-index: 2;
	margin-bottom: 20px;
	    position: relative;
}
.royalSlider2 {
    width: 100%;
	height: 500px;
	z-index: 2;
	margin-bottom: 20px;
	    position: relative;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {background: #1f1f1f;}
.rsDefault .rsThumb.rsNavSelected {background: #fff;}
.productdesc {font-size: 18px; line-height: 26px;}
.rsDefault .rsThumb img {
    height: auto;
}
img.rsImg {
    max-width: 100%;
}

.rsDefault .rsThumb {
	text-align: center;
	height: 64px;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
    color: #333;
}
.tab-content>.tab-pane {
    background: #fff;
    padding: 10px;
}

.description {
	text-align: justify;
    margin-bottom: 15px;
	font-size:16px;
	line-height: 26px;
}
.description p {
    margin-bottom: 15px;
}
.description ul, .description ol {
    margin-bottom: 15px;
}
.description ul li {
    list-style: circle inside;
	padding-left: 15px;
}
.description ol li {
    list-style: decimal inside;
	padding-left: 15px;
}
.description strong, .description b {
	font-weight: bold;
}
.description em {
	font-style: italic;
}
.description img {
	height: auto !important;
	max-width:100%
}
.description img.right, .description  img.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.description img.left, .description img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.description img.center, .description img.aligncenter  {
	display: block;
	margin: 0 auto 15px auto;
}
.description img.roundcorners {
	-webkit-border-radius: 8px;
    border-radius: 8px;
}
.description hr {
	border: 0px;
	border-top: 1px solid #eee;
	clear: both;
}
.description table {
	border: 1px solid #eee;
	border-collapse: collapse;
}
.description td, .description th {
	border: 1px solid #eee; padding: 5px;
	vertical-align: top;
}
.description table.va-middle {
	vertical-align: middle;
} 
.description table.va-middle td, .description table.va-middle th {
	vertical-align: middle;
} 

.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
}

.slicknav_menu {display:none;}

/* #Screen < 1600 ================================================== */
@media (max-width: 1600px) {


}

/* #Screen < 1200 ================================================== */
@media (max-width: 1200px) {
.toppin, .components, .bottomin, .moduletable_slide > div , .mtitlein, .custom_slide2, .custom_slide3, .custom_slide4, .moduletable_slide5 {width: 960px;}
.topp .topmenu > ul li {padding: 0 4px 30px 4px;}
.topp .topmenu > ul li a {padding: 7px 5px; font-size: 13px;}

.moduletable_lang li a {font-size: 13px; padding: 7px 5px;}
.moduletable_slide h4 {width: 360px;}




/*.moduletable_asso > ul > li > ul > li {width: 50%;}*/
.moduletable_asso > ul > li > ul > li a span.image-title {font-size: 32px;}



.sigProThumb {
    width: 33.3%;
}


}

/* #Screen < 960 ================================================== */
@media (max-width: 960px) {
.toppin, .components, .bottomin, .moduletable_slide > div , .mtitlein, .custom_slide2, .custom_slide3, .custom_slide4, .moduletable_slide5 {width: 720px;}

.sigProThumb {
    width: 50%;
}

}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {
.toppin, .components, .bottomin, .moduletable_slide > div , .mtitlein, .custom_slide2, .custom_slide3, .custom_slide4, .moduletable_slide5 {width: 100%;}
.withleft .cleft {float: none; width: 100%;}
.withleft .cright {margin-left: 0;}
.components h2 {font-size: 24px;}

.mtitlein {padding: 90px 0 0 0;}
.mtitlein h1{font-size: 24px;}

.slicknav_menu {	display:block;}
.topp .topmenu {top: 80px; right: 0px;}
.topp .topmenu > ul  {display:none;}

.topp .phones {top: 15px; text-align: right;}
.topp .phones i, .topp .phones span {display: none;}
.topp .phones br {display: inline-block;}

.bottomin .b1 {width: 100%; text-align: center; padding: 10px 0 0 0;}
.bottomin .b2 {width: 100%; text-align: center; padding: 6px 0 0 0;}
.bottomin .b3 {width: 100%; text-align: center; padding: 7px 0 0 0;}


.moduletable_asso > ul > li > ul > li {width: 100% !important;}
.moduletable_asso > ul > li > ul > li a span.image-title {font-size: 28px;}


}

/* #Screen < 510 ================================================== */
@media (max-width: 510px) {


.catItemImageA {width: 100%; float: none; margin: 0 0 15px 0;}
div.catItemVideoBlock {margin: 0 0px 15px 0; width: 100%; float: none;}
.moduletable_news div.k2ItemsBlock ul li {display: block; width: 100%;box-sizing: border-box;}
.moduletable_news .moduleItemImage {width: 100%;}



.sigProThumb {
    width: 100%;
}

}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {
.slicknav_menutxt {display:none !important;}


}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {

.ba-form input[type="text"], .ba-form input[type="email"], .ba-form textarea {width:100%;}
.topp .logo {top: 21px;}
.topp .logo img {width: 150px; height: auto;}

}