@charset "utf-8";
/* CSS Document
   Author: Dimitar Troyanov as developer @ www.stenikgroup.com
*/

/*Reset*/
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, img, ins, kbd, q, s, samp, small, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Stenik default style helpers */
p {	padding:0; margin:0; }
iframe { border-width: 0px; }
a {	outline:none; }
a img { border:0; }
.clear { clear:both; }
.clearH { clear:both; height:10px; }
.clearH2 { clear:both; height:20px; }
.clearH3 { clear:both; height:30px; }
.clearH4 { clear:both; height:40px; }
.radiusL { border-radius: 0px 0px 0px 5px; }
.radiusR { border-radius: 0px 0px 5px 0px; }
.decNone {	text-decoration:none; }
.noBgr { background:none!important; }
.left {	float:left; }
.right { float:right; }
.noBorder { border: none!important; }
.noBorderB { border-bottom:none !important; }
.noBorderT { border-top:none !important; }
.noBorderL { border-left:none !important; }
.noBorderR { border-right:none !important; }
.noMarginR {margin-right:0 !important; }
.noMarginL {margin-left:0 !important; }
.noMarginB { margin-bottom:0 !important; }
.noMarginT { margin-top:0 !important; }
.noMargin { margin:0 !important; }
.noPaddingL { padding-left:0 !important; }
.noPaddingR { padding-right:0 !important; }
.noPaddingB { padding-bottom:0 !important; }
.noPaddingT { padding-top:0 !important; }
.noPadding { padding:0 !important; }
.noOverflow { overflow:hidden; }
.noOverflowX { overflow-x:hidden; }
/* End of Stenik default style helpers */

html, body {
    height: auto;
    font-family: 'PT Sans', sans-serif;
    float: left;
    width: 100%;
    color: #333;
    background: #f4f4f4;
}
html { overflow-x: hidden; }
.wrapper {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
a {
    color: #000;
    -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;
}
button, input, textarea {
    outline: none;
    font-family: 'PT Sans', sans-serif;
    color: #111;
    font-size: 13px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
::-webkit-input-placeholder{ font-family: 'PT Sans', sans-serif; color: #000; font-size: 15px; }
:-moz-placeholder { font-family: 'PT Sans', sans-serif; color: #000; font-size: 15px; }
::-moz-placeholder { font-family: 'PT Sans', sans-serif; color: #000; font-size: 15px; }
:-ms-input-placeholder { font-family: 'PT Sans', sans-serif; color: #000; font-size: 15px; }



/*header styles*/

#header {
    float: left;
    width: 100%;
    height: 64px;
    padding: 0 65px;
    position: relative;
    z-index: 20;
    background: #FFF;
    box-sizing: border-box;
}
#header.homepageHeader { background: rgba( 17, 17, 17, 0.5); }
#header .logo {
    float: left;
    width: 191px;
    height: 32px;
    margin-top: 17px;
}
#header .langNav { float: right; margin: 25px 0 0 55px; }
#header .langNav li { float: left; margin-left: 5px; }
#header .langNav li a {
    float: left;
    padding: 0 2px 0 5px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}
#header .langNav li a:hover { color: #ff6823; }
#header.homepageHeader .langNav li a { color: #FFF; }
#header.homepageHeader .langNav li a:hover { color: #ff6823; }
#header .langNav li.active a { border-bottom: 1px solid #333; }
#header.homepageHeader .langNav li.active a { border-bottom: 1px solid #FFF; }
#header .mainMenu { float: right; margin-top: 6px; }
#header .mainMenu li { float: left; margin-left: 8px; position: relative; }
#header .mainMenu li a {
    float: left;
    padding: 0px 10px;
    font-size: 16px;
    line-height: 58px;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    position: relative;
}
#header.homepageHeader .mainMenu li a { color: #FFF; }
#header .mainMenu li a:hover { color: #e15616; }
#header .mainMenu > ul > li.active > a { color: #e15616; }
#header .mainMenu > ul > li.active > a:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e15616;
    position: absolute;
    left: 0px;
    bottom: 13px;
}
#header .mainMenu li ul {
    display: none;
    width: 240px;
    background: #FFF;
    position: absolute;
    top: 58px;
    left: -20px;
    padding: 10px 25px;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px rgba(0,0,0, 0.1);
}
#header.homepageHeader .mainMenu li ul { background: rgba( 17, 17, 17, 0.5); }
#header .mainMenu li ul li { float: left; width: 100%; }
#header .mainMenu li ul a { float: left; width: 100%; padding: 8px 0; font-size: 14px; line-height: 14px; }
/*main styles*/
#main { float: left; width: 100%; }
#main.homepage { margin-top: -64px; }
.mainSlider { float: left; width: 100%; }
.mainSlider .item { float: left; width: 100%; position: relative; }
.mainSlider .item img { float: left; width: 100%; }
.mainSlider .sliderCaption { width: 700px; height: 385px; position: absolute; top: 180px; left: 185px; }
.mainSlider .sliderCaption h2 {
    float: left;
    width: 100%;
    margin-bottom: 70px;
    font-size: 80px;
    font-weight: bold;
    color: #FFF;
    line-height: 82px;
    text-transform: uppercase;
    position: relative;
}
.mainSlider .sliderCaption h2:after { content: ""; width: 104px; height: 9px; background: #FFF; position: absolute; bottom: -40px; left: 0px; }
.mainSlider .sliderCaption h2 a {
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.mainSlider .sliderCaption h2 a:hover { color: #ff6823; }
.mainSlider .sliderCaption p { float: left; width: 525px; font-size: 16px; line-height: 22px; color: #FFF; }
.mainSlider .owl-prev,
.mainSlider .owl-next {
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 1px solid #FFF;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.mainSlider .owl-prev {
    left: 60px;
    background: url('../../images/frontend/sliderPrev.png') no-repeat center center;
}
.mainSlider .owl-prev:hover { background-position: left 8px center; }
.mainSlider .owl-next {
    right: 60px;
    background: url('../../images/frontend/sliderNext.png') no-repeat center center;
}
.mainSlider .owl-next:hover { background-position: right 8px center; }
.mainSlider .owl-dots { width: 100%; position: absolute; left: 0px; bottom: 24px; font-size: 0px; text-align: center; }
.mainSlider .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    border: 1px solid #FFF;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.mainSlider .owl-dots .owl-dot:hover { border-color: #ff6823; }
.mainSlider .owl-dots .owl-dot.active { background: #FFF; }

.homepageSections { float: left; width: 100%; }
.homepageSections .leftSection { float: left; width: 50%; padding: 80px 0 0 185px; box-sizing: border-box; }
.sectionTitle { float: left; width: 100%; margin-bottom: 40px; font-size: 26px; font-weight: bold; text-transform: uppercase; }
.leftSection .textPage { float: left; max-width: 615px; margin-bottom: 90px; }
.buttonsHolder { float: left; width: 100%; }
.filledButton {
    float: left;
    height: 40px;
    padding: 0 25px;
    margin-left: 13px;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
    text-transform: uppercase;
    line-height: 40px;
    color: #FFF;
    background: #ff6823;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.filledButton:before {
    content: "";
    width: 0px;
    height: 0px;
    border-right: 13px solid #ff6823;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0px;
    left: -13px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.filledButton:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 13px solid #ff6823;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0px;
    right: -13px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.filledButton:hover { background: #3E194A; }
.filledButton:hover:after { border-left-color: #3E194A; }
.filledButton:hover:before { border-right-color: #3E194A; }
.buttonsHolder .filledButton { margin-right: 30px; }
.linkButton {
    float: left;
    height: 38px;
    padding: 0 25px;
    margin-left: 13px;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
    text-transform: uppercase;
    line-height: 38px;
    color: #ff6823;
    position: relative;
    border-top: 1px solid #ff6823;
    border-bottom: 1px solid #ff6823;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.linkButton:before {
    content: "";
    width: 13px;
    height: 40px;
    position: absolute;
    top: -1px;
    left: -13px;
    background: url('../../images/frontend/buttonLeftBorder.png') no-repeat center center;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.linkButton:after {
    content: "";
    width: 13px;
    height: 40px;
    position: absolute;
    top: -1px;
    right: -13px;
    background: url('../../images/frontend/buttonRightBorder.png') no-repeat center center;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.linkButton:hover { border: 1px solid #3E194A; color: #3E194A; }
.linkButton:hover:after, .linkButton:hover:before { width: 0px; }
.homepageSections .rightSection { float: right; width: 50%; position: relative; }
.homepageSections .rightSection img {
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.homepageSections .rightSection:hover img  { opacity: 0.8; }
.rightSection .sectionBox {
    display: block;
    width: 569px;
    height: 100px;
    padding: 25px 30px;
    color: #FFF;
    box-sizing: border-box;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(62, 25, 74, 0.8);
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.rightSection:hover .sectionBox { background: rgba(62, 25, 74, 1); }
.rightSection .sectionBox .sectionBoxTitle {
    float: left;
    width: 100%;
    max-height: 90px;
    font-size: 26px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
}
.seeMore {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    left: 30px;
    bottom: 25px;
}
.headerBanner { float: left; width: 100%; height: auto; }
.headerBanner img { float: left; width: 100%; height: auto; }

.breadcrumbs { float: left; width: 100%; height: 60px; border-bottom: 2px solid #FFF; text-align: center; font-size: 0px; }
.breadcrumbs li { display: inline-block; line-height: 60px; font-size: 12px; color: #666; }
.breadcrumbs li a { display: inline-block; color: #666; text-decoration: none; }
.breadcrumbs li a:hover { color: #ff6823; }
.breadcrumbs li a:after { content: "/"; margin: 0px 10px 0px 10px; }
.breadcrumbs li a:hover:after { color: #666 !important; }

.mainContent { float: left; width: 100%; margin-bottom: 20px; }
.twoCols .mainContent { float: right; width: 932px; }
h1 {
    float: left;
    width: 100%;
    margin: 55px 0 30px;
    padding: 0 120px;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #111;
    box-sizing: border-box;
}
.leftCol { float: left; width: 236px; }
.leftNav { float: left; width: 234px; margin-bottom: 50px; border: 1px solid #FFF; }
.leftNav li a {
    float: left;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #111;
    box-sizing: border-box;
    border-top: 1px solid #FFF;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.leftNav li:first-of-type a {border-top: none; }
.leftNav > ul > li.active > a { background: #FFF; color: #e15616; border-bottom: 2px solid #e15616; }
.leftNav > ul > li > a:hover { background: #FFF; color: #e15616; }
.leftNav li.subMenu > a:after {
    content: "";
    width: 9px;
    height: 17px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 17px;
    background: url('../../images/frontend/submenu.png') no-repeat center center;
}
.leftNav li.subMenu.openedSub > a:after {
    width: 17px;
    height: 9px;
    top: 32px;
    background: url('../../images/frontend/submenuOpened.png') no-repeat center center;
}
.leftNav li.subMenu li a {
    padding-left: 40px;
    font-size: 15px;
    text-transform: none;
    background: #FFF url('../../images/frontend/submenuBullet.png') no-repeat left 15px top 24px;
    border-bottom: 2px solid #f4f4f4;
}
.leftNav li.subMenu li:last-of-type a { border-bottom: none; }
.leftNav li.subMenu li.active a { color: #e15616; background: #FFF url('../../images/frontend/bullet.png') no-repeat left 15px top 24px; }
.leftNav li.subMenu li a:hover { color: #e15616; }

.socialHolder { float: left; width: 100%; padding: 20px 0px; }
.shareTitle { float: left; margin-right: 13px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #333; }
.socialHolder .addthis_native_toolbox { float: left; }


/*textpage styles*/

.textPage p { margin-bottom: 5px; font-size: 13px; line-height: 22px; }
.textPage a { color: #e15616; font-size: 13px; }
.textPage a:hover { color: #333; }
.textPage a.downloadLink {
    float: left;
    width: 100%;
    padding-left: 40px;
    margin-bottom: 11px;
    line-height: 19px;
    text-decoration: none;
    background: url('../../images/frontend/downloadLink.png') no-repeat left 14px top 2px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.textPage a.downloadLink:hover { background-position: left 14px top 4px; }
a.backLink {
    display: block;
    padding-left: 15px;
    margin-bottom: 11px;
    color: #e15616;
    font-size: 13px;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
 a.backLink:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 4px;
    left: 0px;
    border-right: 4px solid #e15616;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
a.backLink:hover:before { left: -2px; }
.textPage h2 { margin-bottom: 25px; font-size: 24px; font-weight: bold; color: #111; }
.textPage h3 { margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #111; }
.textPage h4 { margin-bottom: 15px; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #111; }
.textPage h5 { margin-bottom: 15px; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #111; }
.textPage h6 { margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #111; }
.textPage ul { margin-left: 20px; font-size: 13px; }
.textPage ul li {
    margin-bottom: 5px;
    padding-left: 20px;
    line-height: 22px;
    background: url('../../images/frontend/bullet.png') no-repeat left top 7px;
}
.textPage ol { margin-left: 35px; font-size: 13px; }
.textPage ol li {
    margin-bottom: 5px;
    line-height: 22px;
}
.textPage blockquote { margin-bottom: 20px; padding: 0px 95px 15px; font-size: 13px; line-height: 22px; font-style: italic; position: relative; }
.textPage blockquote:before,
.textPage blockquote:after {
    content: "";
    width: 44px;
    height: 1px;
    background: #666;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.textPage blockquote:after { left: auto; right: 0px; }
.textPage iframe { margin-bottom: 40px; }

.tableGrid,
.tableGrid thead,
.tableGrid tbody,
.tableGrid tr,
.tableGrid th,
.tableGrid td {
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box;
}
.tableGrid { width: 100%; }
.tableGrid td { vertical-align: top; }


/*gallery styles*/

.listing { float: left; width: 936px; margin-bottom: 25px; }
.listing .galleryBox {
    float: left;
    width: 465px;
    height: 348px;
    margin: 0 3px 4px 0;
    position: relative;
}
.productInfoBox {
    display: block;
    width: 270px;
    height: 40px;
    padding: 7px 20px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(62, 25, 74, 0.8);
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.productImage:hover .productInfoBox { background: rgba(62, 25, 74, 1); }
.productInfoBox .captionTitle {
    float: left;
    width: 100%;
    color: #FFF; 
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}
.productInfoBox .seeMore { color: #FFF; bottom: 20px; left: 20px; }
.boxCaption {
    display: block;
    width: 425px;
    height: 83px;
    padding: 15px 20px;
    color: #FFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(62, 25, 74, 0.8);
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.listing .galleryBox:hover .boxCaption { background: rgba(62, 25, 74, 1); }
.boxCaption .captionTitle {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}
.boxCaption .seeMore { bottom: 20px; left: 20px; }
.paging { float: left; width: 100%; margin-bottom: 40px; text-align: center; font-size: 0px; }
.paging li {
    display: inline-block;
    width: 45px;
    height: 40px;
    margin-left: -1px;
    font-size: 14px;
    font-weight: bold;
    color: #ff6823;
    vertical-align: top;
    line-height: 38px;
}
.paging li a {
    display: inline-block;
    width: 45px;
    height: 40px;
    color: #ff6823;
    line-height: 38px;
    text-decoration: none;
    vertical-align: top;
    background: url('../../images/frontend/paging.png') no-repeat center center;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.paging li.prev a { background: url('../../images/frontend/pagingPrev.png') no-repeat center center; }
.paging li.prev a:hover { background: url('../../images/frontend/pagingPrev.png') no-repeat left 15px center; }
.paging li.next a { background: url('../../images/frontend/pagingNext.png') no-repeat center center; }
.paging li.next a:hover { background: url('../../images/frontend/pagingNext.png') no-repeat right 15px center; }
.paging li.active a { color: #FFF; background: url('../../images/frontend/pagingActive.png') no-repeat center center; }
.paging li a:hover { color: #FFF; background: url('../../images/frontend/pagingActive.png') no-repeat center center; }

.listingInner { float: left; width: 934px; }
.galleryImage {
    float: left;
    width: 308px;
    height: 230px;
    margin: 0px 5px 5px 0px;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.galleryImage:after {
    content: "";
    width: 284px;
    height: 202px;
    position: absolute;
    top: 14px;
    left: 12px;
    background: rgba(62, 25, 74, 0.8);
    opacity: 0;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.galleryImage:hover:after { opacity: 1; }
.galleryImage:before {
    content: "+";
    width: 31px;
    height: 31px;
    font-size: 71px;
    color: #FFF;
    position: absolute;
    top: 75px;
    left: 138px;
    z-index: 10;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.galleryImage:hover:before { opacity: 1;  transform: scale(1); }
.galleryImage.hiddenImage { display: none;}
.galleryImage img { width: 308px; height: 230px; }
.listingInner .socialHolder { text-align: center; }
.listingInner .socialHolder .shareTitle { float: none; display: inline-block; }
.listingInner .socialHolder .addthis_native_toolbox { float: none; display: inline-block; }
.productPopUp {
    display: block;
    
    max-width: 100%;
    background: #fff;
}
.productPopUp * { max-width: 100%; }
.productPopUp .photo { padding: 9px 9px 0; }
.productPopUp img { max-width: 100%; display: block; }
.productPopUp .productInfo { width: 450px; margin-top: 20px; padding: 0 9px 9px; box-sizing: border-box; }
.productPopUp .productInfo h3 { margin-bottom: 15px; font-size: 18px; font-weight: normal; }
.productPopUp .productInfo p { margin-bottom: 5px; font-size: 13px; line-height: 18px; }


/*products page styles*/
.productBox {
    float: left;
    width: 465px;
    height: 348px;
    margin: 0 3px 4px 0;
    position: relative;
}
.listing .productBox:hover .boxCaption { background: rgba(62, 25, 74, 1); }
.productImage {
    float: left;
    width: 308px;
    height: 230px;
    margin: 0px 5px 5px 0px;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.productImage .boxCaption {
    width: 284px;
    height: 202px;
    position: absolute;
    top: 14px;
    left: 12px;
    background: rgba(62, 25, 74, 0.8);
    opacity: 0;
}
.productImage:hover .boxCaption { opacity: 1; }
.productListing { margin-bottom: 40px; }
.productGallery { width: 934px; }
.productGallery .buttonContainer { float: left; width: 100%; margin: 20px 0px; text-align: center; }
.productGallery .buttonContainer .filledButton { display: inline-block; float: none; }


/*advice pages styles*/

.boxContainer { float: left; width: 1204px; }
.adviceBox { float: left; width: 296px; height: 222px; margin: 0 5px 5px 0; position: relative; }
.adviceCaption {
    display: inline-block;
    width: 276px;
    height: 202px;
    padding: 20px;
    color: #FFF;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(62, 25, 74, 0.8);
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.adviceBox:hover .adviceCaption { background: rgba(62, 25, 74, 1); }
.adviceCaption .adviceTitle { display: inline-block; max-height: 135px; font-size: 16px; line-height: 22px; text-transform: uppercase; overflow: hidden; }
.adviceCaption .seeMore { left: 20px; bottom: 20px; }

/*contacts page styles*/

.mapContainer { float: left; width: 100%; height: 365px; }
.mapContainer #map-canvas { float: left; width: 100%; height: 365px; }
.contactsInfo { float: left; width: 380px; }
.contactsFormContainer { float: right; width: 492px; }
.contactsForm {
    float: right;
    width: 492px;
    padding: 30px 15px 20px 15px;
    background: #FFF url('../../images/frontend/contactsFormBckg.png') no-repeat left bottom;
    box-sizing: border-box;
}
.errorMsg { float: left; width: 100%; margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #d00e0e; }
.successMsg { float: left; width: 100%; margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #159f18; }
.requiredFields { float: left; width: 100%; padding-left: 105px; margin-bottom: 10px; font-size: 13px; color: #111; box-sizing: border-box; }
.formInput { float: left; width: 100%; margin-bottom: 6px; }
.formInput.error { background: url('../../images/frontend/errorMsg.png') no-repeat right center; }
.formInput label { float: left; width: 105px; margin-top: 8px; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.formInput input {
    float: left;
    width: 305px;
    height: 32px;
    padding: 0px 10px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.formInput textarea {
    float: left;
    width: 305px;
    height: 80px;
    padding: 5px 10px;
    resize: vertical;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.formInput.error input, .formInput.error textarea { border-bottom: 2px solid #d00e0e; }
.captcha { float: left; width: 100%; padding-left: 118px; margin-bottom: 10px; box-sizing: border-box; }
.contactsForm .buttonContainer { float: left; width: 100%; padding: 0 40px 0 105px; text-align: center; box-sizing: border-box; }
.contactsForm .buttonContainer .filledButton { display: inline-block; float: none; min-width: 180px; border: none; cursor: pointer; }


/*table styles*/
.lastUpdate { float: left; width: 100%; margin: -10px 0px 20px; text-align: center; font-size: 13px; color: #111; }
#infoTable { float: left; width: 100%; }
#infoTable th {
    font-size: 15px;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
    text-align: left;
    padding: 15px 30px 15px 0;
    border-bottom: 2px solid #e15616;
}
#infoTable td {
    font-size: 14px;
    color: #111;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #c5c5c5;
}
#infoTable tr:last-of-type td { border-bottom: none; }
[class^=hiddenRow] { display: none; }
#infoTable th:first-of-type, #infoTable td:first-of-type { width: 120px; }
#infoTable th:last-of-type, #infoTable td:last-of-type { width: 120px; text-align: center; }
#infoTable td:nth-of-type(2) { font-weight: bold; }
.filterWrapper { float: left; width: 100%; margin-bottom: 10px; text-align: center; }
.filterWrapper .filterTitle {
    display: inline-block;
    width: 100px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    line-height: 34px;
    text-transform: uppercase;
    text-align: right;
}
.filterWrapper select {
    display: inline-block;
    width: 225px;
    height: 32px;
    padding: 0px 0px 0 10px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    -ms-appearance:    none;
    appearance:         none;
    outline: none;
    background: url('../../images/frontend/selectArrow.png') no-repeat right top;
}

/*sitemap styles */
.sitemapContent { margin-bottom: 0; padding-bottom: 80px; background: url('../../images/frontend/sitemapBckg.png') no-repeat right bottom; }
.sitemapContent .textPage ul ul { margin-left: 20px;}
.sitemapContent .textPage ul a { text-decoration: none; color: #333; }
.sitemapContent .textPage ul a:hover { color: #ff6823; }


/*404 page styles*/
.errorPage { float: left; width: 100%; background: url('../../images/frontend/404bckg.jpg') no-repeat center bottom;  }
.errorPage .mainContent { margin-bottom: 0; padding: 60px 0; }
.textPage .errorBtn {
    display: inline-block;
    height: 38px;
    padding: 0px 15px;
    margin-top: 35px;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    color: #3e194a;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #4a2855;
    border-left: none;
    border-right: none;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.textPage .errorBtn:before {
    content: "";
    width: 13px;
    height: 40px;
    position: absolute;
    top: -1px;
    left: -13px;
    background: url('../../images/frontend/purpleButtonLeftBorder.png') no-repeat center center;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.textPage .errorBtn:after {
    content: "";
    width: 13px;
    height: 40px;
    position: absolute;
    top: -1px;
    right: -13px;
    background: url('../../images/frontend/purpleButtonRightBorder.png') no-repeat center center;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.textPage .errorBtn:hover { border: 1px solid #3e194a; color: #FFF; background: #3e194a; }
.textPage .errorBtn:hover:after, .textPage .errorBtn:hover:before { width: 0px; }



/*footer styles*/

#footer {
    float: left;
    width: 100%;
    height: 81px;
    background: #FFF;
    padding: 0px 65px;
    box-sizing: border-box;
}
#footer.homepage { border-top: 1px solid #e2e2e2; margin-top: -3px; }
#footer .copy { float: left; font-size: 12px; color: #444; line-height: 81px; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover { color: #ff6823; }
#footer .credit { float: right; margin-left: 40px; font-size: 12px; color: #444; line-height: 81px; }
#footer .credit img { vertical-align: middle; margin-right: 10px; }
#footer .credit a { text-decoration: none; }
#footer .credit a:hover { color: #ff6823; }
.footerNav { float: left; margin: 34px 0 0 30px; position: relative; }
.footerNav:before { content: ""; width: 1px; height: 13px; background: #e2e2e2; position: absolute; top: 0px; left: -15px; }
.footerNav li { float: left; margin-right: 17px; }
.footerNav li a {
    float: left;
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
    text-decoration: none;
}
.footerNav li a:hover { color: #ff6823; }
.footerSocial { float: right; margin-top: 34px; }
.footerSocial .social {
    float: left;
    height: 17px;
    margin: 0px 9px;
    position: relative;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.footerSocial .social:before,
.footerSocial .social:after  {
    content: "";
    height: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;
}
.footerSocial .social:after { opacity: 0; transform: scale(0); }
.footerSocial .social:hover:after { opacity: 1; transform: scale(1); }
.footerSocial .social:hover:before { opacity: 0; transform: scale(0); }
.footerSocial .social.facebook { width: 7px; }
.footerSocial .social.facebook:before { width: 7px; background: url('../../images/frontend/fb.png') no-repeat center center; }
.footerSocial .social.facebook:after { width: 7px; background: url('../../images/frontend/fbH.png') no-repeat center center; }
.footerSocial .social.twitter { width: 17px; }
.footerSocial .social.twitter:before { width: 17px; background: url('../../images/frontend/twitter.png') no-repeat center center; }
.footerSocial .social.twitter:after { width: 17px; background: url('../../images/frontend/twitterH.png') no-repeat center center; }
.footerSocial .social.youtube { width: 15px; }
.footerSocial .social.youtube:before { width: 15px; background: url('../../images/frontend/youtube.png') no-repeat center center; }
.footerSocial .social.youtube:after { width: 15px; background: url('../../images/frontend/youtubeH.png') no-repeat center center; }


@media only screen and (max-width: 1680px) {
   .homepageSections .leftSection {
        padding: 50px 50px 0;
    }
    .leftSection .textPage {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1400px) {
   #footer { padding: 0px 40px; }
   .mainSlider .sliderCaption h2 { font-size: 50px; line-height: 52px; }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../../css/frontend/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#FFF; opacity: 0.95; }
#colorbox{outline:0; }
    #cboxContent{ overflow:visible; background:#FFF; border: 1px solid #e7e7e7; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#FFF;}
        #cboxLoadingOverlay{background:#FFF;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; overflow:visible; text-indent:-9999px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxPrevious,
        #cboxNext { 
            width: 55px; 
            height: 56px; 
            margin: -28px 0px 0px 0px;
            position: absolute;
            top: 50%;
            left: -46px;
            border: 1px solid #e7e7e7;
        }
        #cboxPrevious { background: #FFF url('../../images/frontend/colorboxPrev.png') no-repeat center center; border-right: none; }
        #cboxNext { left: auto; right: -46px; background: #FFF url('../../images/frontend/colorboxNext.png') no-repeat center center; border-left: none; }
        #cboxPrevious:after,
        #cboxNext:after { 
            content: "";
            width: 3px;
            height: 56px;
            background: #000;
            position: absolute;
            top: 0;
            -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
        }
        #cboxPrevious:after { left: -3px;}
        #cboxNext:after { right: -3px;}
        #cboxPrevious:hover:after,
        #cboxNext:hover:after { background: #ff6823; }
        #cboxClose{ 
            width: 55px; 
            height: 56px; 
            position: absolute; 
            top: 9px; 
            right: -46px;
            border: 1px solid #e7e7e7;
            border-left: none;
            background: #FFF url('../../images/frontend/colorboxClose.png') no-repeat center center;             
        }
        #cboxClose:hover{ border-color: #ff6823; }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        #cboxTitle { display: none !important; }

@charset "utf-8";
/* CSS Document
   Author: Dimitar Troyanov as developer @ www.stenikgroup.com
*/


/* Menu icon styles */
.menuHandle { display: none; position: absolute; top: 22px; left: 20px; z-index: 999; width: 25px; height: 20px; cursor: pointer; }
.iconHelper, .menuHandle::before, .menuHandle::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 4px; background: #333; border-radius: 5px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.iconHelper { top: 50%; margin-top: -2px; }
.menuHandle::after { top: auto; bottom: 0px; }
.openPanel .menuHandle:before { -ms-transform:translate3d(0px,7px,0px)rotate(45deg); -webkit-transform:translate3d(0px,7px,0px)rotate(45deg); -moz-transform:translate3d(0px,7px,0px)rotate(45deg); -o-transform:translate3d(0px,7px,0px)rotate(45deg); transform:translate3d(0px,7px,0px)rotate(45deg); }
.openPanel .menuHandle .iconHelper { visibility: hidden; -ms-transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px); -o-transform:translateX(30px); transform:translateX(30px); opacity: 0; display: none; }
.openPanel .menuHandle:after { -ms-transform:translate3d(0px,-9px,0px)rotate(-45deg); -webkit-transform:translate3d(0px,-9px,0px)rotate(-45deg); -moz-transform:translate3d(0px,-9px,0px)rotate(-45deg); -o-transform:translate3d(0px,-9px,0px)rotate(-45deg);  transform:translate3d(0px,-9px,0px)rotate(-45deg); }


@media only screen and (min-width: 1025px) {
	#header .mainMenu { display: block !important; }
}


@media only screen and (max-width: 1250px) {
	#header { padding: 0 20px; }
	#header .langNav { margin: 21px 0 0 25px; }
	#header .mainMenu li a { padding: 0 5px;  }
	.mainSlider .item img { width: 100%; height: auto; }
	.mainSlider .sliderCaption { width: 500px; height: 280px; top: 100px; left: 55px; }
	.mainSlider .sliderCaption h2 { font-size: 36px; line-height: 44px; }
	.mainSlider .sliderCaption p { width: 425px; font-size: 14px; }
	.homepageSections .leftSection { padding: 20px; }
	.sectionTitle { margin-bottom: 15px; }
	.leftSection .textPage { margin-bottom: 15px; }
	.textPage p { font-size: 12px; line-height: 18px; }
	.rightSection .sectionBox { width: 70%; }
	.rightSection .sectionBox .sectionBoxTitle { font-size: 18px; line-height: 22px; }
}

/* Start Media Queries for small desktops
****************************************/
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.wrapper { width: 1000px; }
	.leftCol { width: 200px; }
	.leftNav { width: 200px; box-sizing: border-box; }
	.leftNav li a { padding-right: 40px; }
	.twoCols .mainContent { width: 770px; }
	.textPage img,
	.textPage iframe { max-width: 100%; height: auto; }

	.listing { width: 100%; }
	.listing .galleryBox { width: 381px; height: 288px; margin: 0 2px 4px; }
	.listing .galleryBox img { width: 381px; height: auto; }
	.boxCaption { width: 361px; padding: 10px; bottom: 10px; left: 10px; }
	.boxCaption .seeMore { bottom: 10px; left: 10px; }
	.listingInner { width: 100%; }
	.galleryImage { width: 252px; height: 190px; margin: 0 2px 4px !important; }
	.galleryImage img { width: 252px; height: auto; }
	.galleryImage:after { width: 232px; height: 170px; top: 10px; left: 10px; }
	.galleryImage:before { top: 55px; left: 110px; }
	.productBox { width: 381px; height: 288px; margin: 0 2px 4px; }
	.productBox img { width: 381px; height: auto; }
	.productImage { width: 296px; height: 221px; margin: 0 2px 4px; }
	.productImage img { width: 296px; height: auto; }
	.productImage .boxCaption { width: 276px; height: 201px; top: 10px; left: 10px; }
	.productGallery { width: 100%; }
	.boxContainer { width: 100%; }
	.adviceBox { width: 329px; height: 248px; margin: 0px 2px 4px; }
	.adviceBox img { width: 329px; height: auto; }
	.adviceCaption { width: 309px; height: 228px; }
	.contactsInfo { width: 300px; }
	.contactsFormContainer { width: 455px; }
	.contactsForm { width: 455px; padding: 20px 10px; }
	.formInput input,
	.formInput textarea { width: 270px; }
	.captcha { padding-left: 100px; }
}

/*Tablet and smartphones common styles
*****************************************/

@media only screen and (max-width: 1024px) {
	#header { padding: 0; }
	#header.openPanel { height: auto; }
	#header.homepageHeader.openPanel { background: #000; }
	#header .menuHandle { display: block; }
	#header.homepageHeader .iconHelper, 
	#header.homepageHeader .menuHandle::before, 
	#header.homepageHeader .menuHandle::after { background: #FFF; }
	#header .mainMenu { display: none; float: left; width: 100%; margin-top: 18px; }
	#header.homepageHeader .mainMenu { background: #000; }
	#header .mainMenu li { float: left; width: 100%; margin: 0; padding: 0 60px 0 0; box-sizing: border-box; cursor: pointer; }
	#header .mainMenu li.active { border-bottom: 2px solid #e15616; }
	#header .mainMenu li.hasDropdown:before { content: ""; width: 2px; height: 20px; position: absolute; top: 10px; right: 27px; background: #333; }
	#header.homepageHeader .mainMenu li.hasDropdown:before { background: #fff; }
	#header .mainMenu li.hasDropdown.openedSubcat:before { width: 0; }
	#header .mainMenu li.hasDropdown.active:before { background: #e15616; }
	#header .mainMenu li.hasDropdown:after { content: ""; width: 20px; height: 2px; position: absolute; top: 19px; right: 18px; background: #333; }
	#header.homepageHeader .mainMenu li.hasDropdown:after { background: #fff; }
	#header .mainMenu li.hasDropdown.active:after { background: #e15616; }
	#header .mainMenu li a { float: left; width: 100%; padding: 0 0 0 30px; box-sizing: border-box; line-height: 40px; }
	#header .mainMenu > ul > li.active > a::after { width: 0; }
	#header .mainMenu li ul { float: left; width: 100%; width: calc(100% + 60px); position: static; padding: 0; }
	#header .mainMenu li ul li { float: left; width: 100%; padding: 0; }
	#header .mainMenu li ul a { padding: 0 0 0 40px; line-height: 35px; text-transform: none; }
	#header .logo { position: absolute; left: 50%; top: 17px; margin: 0 0 0 -95px; }
	#header .langNav { margin-right: 20px; }

	#footer { height: auto; }
	#footer .copy { width: 100%; line-height: 40px; text-align: center; }
	.footerNav { width: 100%; text-align: center; margin: 0; }
	.footerNav::before { width: 0; }
	.footerNav li { float: none; display: inline-block; margin: 0px 10px; }
	.footerNav li a { line-height: 25px; }
	#footer .credit { width: 100%; margin: 0; line-height: 40px; text-align: center; }
	.footerSocial { width: 100%; margin: 0; text-align: center; }
	.footerSocial .social { float: none; display: inline-block; margin: 10px; }

	.twoCols .mainContent { width: 100%; }
	.breadcrumbs { height: auto; }
	.breadcrumbs li { line-height: 30px; }
	h1 { padding: 0; margin-top: 20px; }
	.leftCol { width: 100%; }
	.leftNav { width: 100%; box-sizing: border-box; }
	.textPage img,
	.textPage iframe { max-width: 100%; height: auto; }
	.listing { width: 100%; }
	.listing .galleryBox { width: 296px; height: 221px; margin: 0 2px 4px; }
	.listing .galleryBox img { width: 296px; height: auto; }
	.boxCaption { width: 276px; padding: 10px; bottom: 10px; left: 10px; }
	.boxCaption .seeMore { bottom: 10px; left: 10px; }
	.listingInner { width: 100%; }
	.galleryImage { width: 296px; height: 221px; margin: 0 2px 4px !important; }
	.galleryImage img { width: 296px; height: auto; }
	.galleryImage:after { width: 276px; height: 201px; top: 10px; left: 10px; }
	.productBox { width: 296px; height: 221px; margin: 0 2px 4px; }
	.productBox img { width: 296px; height: auto; }
	.productImage { width: 296px; height: 221px; margin: 0 2px 4px; }
	.productImage img { width: 296px; height: auto; }
	.productImage .boxCaption { width: 276px; height: 201px; top: 10px; left: 10px; }
	.productGallery { width: 100%; }
	.boxContainer { width: 100%; }
	.adviceBox { margin: 0px 2px 4px; }
	.productInfoBox { width: 255px; }

	.tableWrapper { float: left; width: 100%; overflow: auto; }
	#infoTable th:first-of-type, #infoTable td:first-of-type { width: 0; }
	.lastUpdate { margin: 0 0 20px; }
	.mapContainer { height: 250px; }
	.mapContainer #map-canvas { height: 250px; }
	.contactsInfo { width: 100%; margin-bottom: 20px; }
	.contactsInfo .textPage img { max-width: 48%; margin: 0 2px 10px; vertical-align: top; }
	.contactsFormContainer { width: 100%; }
	.contactsForm { width: 100%; }
	.formInput input,
	.formInput textarea { width: 405px; }
	.contactsForm .buttonContainer { padding: 0; }
	.contactsForm .buttonContainer .filledButton { margin: 0; }
}

@media only screen and (max-width: 970px) {
	.mainSlider .sliderCaption { top: 80px; }
	.mainSlider .sliderCaption h2 { margin-bottom: 50px; font-size: 18px; line-height: 22px; }
	.mainSlider .sliderCaption h2:after { height: 5px; bottom: -20px; }
	.homepageSections .leftSection { width: 100%; padding: 30px; }
	.leftSection .textPage { max-width: 100%; }
	.homepageSections .rightSection { width: 100%; }
	.tableGrid { table-layout: fixed; }
	.tableGrid th,
    .tableGrid td { display: block; }
}

/* Start Media Queries for tablets
****************************************/
@media only screen and (min-width: 601px) and (max-width: 1024px) {
	.wrapper { width: 600px; }

	.mainSlider .owl-prev, .mainSlider .owl-next { width: 30px; height: 30px; top: auto; bottom: 15px; z-index: 100; }
	.mainSlider .owl-prev:hover { background-position: left 1px center; }
	.mainSlider .owl-next:hover { background-position: right 1px center; }

	.productGallery .galleryImage { width: 196px; height: 146px; }
	.productGallery .galleryImage img { width: 196px; height: auto; }
	.productGallery .galleryImage:after { width: 176px; height: 126px; top: 10px; left: 10px; }
	.productGallery .galleryImage:before { left: 82.5px; top: 32px; }
	.contactsFormContainer { width: 580px; }
	.contactsInfo { width: 300px; }
	.contactsInfo .textPage img { max-width: 100%; margin: 0 0px 10px; vertical-align: top; }
}

@media only screen and (min-width: 940px) and (max-width: 1024px) {
	.wrapper { width: 900px; }
	.productGallery .galleryImage { width: 296px; height: 221px; }
	.productGallery .galleryImage img { width: 296px; height: auto; }
	.productGallery .galleryImage:after { width: 276px; height: 201px; top: 10px; left: 10px; }
	.productGallery .galleryImage:before { left: 130px; top: 72px; }
}

/* Start Media Queries for smartphones
****************************************/
@media only screen and (min-width: 0px) and (max-width: 600px) {
	.wrapper { width: 450px; }
	#header { height: 40px; }
	#header.homepageHeader { background: #000; }
	#header .menuHandle { top: 10px;}
	#header .mainMenu { margin-top: 0; }
	#header .logo { top: 3px; }
	#header .langNav { margin-top: 7px; }

	#main.homepage { margin-top: 0; }
	.mainSlider .sliderCaption { width: 200px; height: 125px; overflow: hidden; top: 20px; left: 25px; }
	.mainSlider .sliderCaption h2 { margin-bottom: 20px; }
	.mainSlider .sliderCaption h2:after { height: 2px; bottom: -10px; }
	.mainSlider .sliderCaption p { display: none; width: 100%; font-size: 12px; line-height: 14px; }
	.mainSlider .owl-prev, .mainSlider .owl-next { width: 30px; height: 30px; top: auto; bottom: 15px; z-index: 100; }
	.mainSlider .owl-prev { left: 25px; }
	.mainSlider .owl-next { right: 25px; }
	.mainSlider .owl-prev:hover { background-position: left 1px center; }
	.mainSlider .owl-next:hover { background-position: right 1px center; }
	.rightSection .sectionBox { width: 50%; }
	.rightSection .sectionBox .sectionBoxTitle { font-size: 14px; line-height: 18px; }

	#footer .copy a { display: block; margin-bottom: 10px; }

	h1 { font-size: 24px; }

	.mapContainer { height: 150px; }
	.mapContainer #map-canvas { height: 150px; }
	.requiredFields { padding-left: 0; }
	.formInput label { margin: 0 0 10px 0; }
	.formInput input { width: 90%; box-sizing: border-box; }
	.formInput textarea { width: 90%; box-sizing: border-box; }
	.formInput.error { background-position: right top 27px; }
	.contactsForm .buttonContainer { padding: 0; }
	.contactsForm .buttonContainer .filledButton { margin: 0; }

	#colorbox #cboxClose { top: -55px; right: 9px; border-left: 1px solid #e7e7e7; border-bottom: none; }
	#colorbox #cboxNext { margin-top: 0; top: -54px; right: 88px; border-left: 1px solid #e7e7e7; border-bottom: none; }
	#colorbox #cboxPrevious { margin-top: 0; top: -54px; left: 88px; border-right: 1px solid #e7e7e7; border-bottom: none; }
}
@media only screen and (max-width: 500px) {
	.mainSlider .sliderCaption h2 { font-size: 14px; line-height: 16px; }
	.filterWrapper .filterTitle { float: left; width: 100%; text-align: left; }
	.filterWrapper select { width: 100%; }
}
@media only screen and (min-width: 451px) and (max-width: 600px) {
	.listing .galleryBox { width: 221px; height: 165px; }
	.listing .galleryBox img { width: 221px; }
	.boxCaption { width: 201px; height: 70px; }
	.boxCaption .captionTitle { font-size: 14px; line-height: 16px; }
	.seeMore { font-size: 12px; }
	.galleryImage { width: 221px; height: 165px; }
	.galleryImage img { width: 221px; }
	.galleryImage:after { width: 201px; height: 145px; }
	.galleryImage:before { top: 45px; left: 95px; }
	.productBox { width: 221px; height: 165px; }
	.productBox img { width: 221px; }
	.productImage { width: 221px; height: 165px; }
	.productImage img { width: 221px; }
	.productImage .boxCaption { width: 201px; height: 145px; }
	.productGallery .galleryImage { width: 146px; height: 109px; }
	.productGallery .galleryImage img { width: 146px; }
	.productGallery .galleryImage:after { width: 126px; height: 89px; }
	.productGallery .galleryImage:before { left: 57.5px; top: 18px; }
	.adviceBox { width: 221px; height: 165px; margin: 0px 2px 4px; }
	.adviceBox img { width: 221px; height: auto; }
	.adviceCaption { width: 201px; height: 145px; padding: 10px; }
	.adviceCaption .adviceTitle { font-size: 14px; line-height: 18px; }
	.captcha { padding-left: 58px; }
}
@media only screen and (max-width: 460px) {	
	.wrapper { width: 300px; }
	#header .logo { width: 149px; height: 25px; margin-left: -75px; top: 7px;}
	#header .logo img { width: 149px; height: 25px; }
	.buttonsHolder { text-align: center; }
	.buttonsHolder .filledButton { float: none; display: block; margin: 0 0 20px 0; }
	.linkButton { float: none; display: block; margin: 0; }
	.rightSection .sectionBox { width: 80%; height: 80px; padding: 10px; }
	.rightSection .sectionBox .seeMore { left: 10px; bottom: 10px; }
	#footer.homepage { padding: 0 10px; }

	.captcha { padding-left: 0; margin-left: -15px; }

	.shareTitle { width: 100%; margin-bottom: 10px; text-align: center; }

}
@media only screen and (max-width: 350px) {
	.mainSlider .sliderCaption p { display: none; }
}