@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;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue_regular.eot');
    src: url('fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular.woff2') format('woff2'),
         url('fonts/bebasneue_regular.woff') format('woff'),
         url('fonts/bebasneue_regular.ttf') format('truetype'),
         url('fonts/bebasneue_regular.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue_bold.eot');
    src: url('fonts/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_bold.woff2') format('woff2'),
         url('fonts/bebasneue_bold.woff') format('woff'),
         url('fonts/bebasneue_bold.ttf') format('truetype'),
         url('fonts/bebasneue_bold.svg#bebas_neuebold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue_book.eot');
    src: url('fonts/bebasneue_book.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_book.woff2') format('woff2'),
         url('fonts/bebasneue_book.woff') format('woff'),
         url('fonts/bebasneue_book.ttf') format('truetype'),
         url('fonts/bebasneue_book.svg#bebas_neuebook') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue_light.eot');
    src: url('fonts/bebasneue_light.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_light.woff2') format('woff2'),
         url('fonts/bebasneue_light.woff') format('woff'),
         url('fonts/bebasneue_light.ttf') format('truetype'),
         url('fonts/bebasneue_light.svg#bebas_neuelight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue_thin.eot');
    src: url('fonts/bebasneue_thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_thin.woff2') format('woff2'),
         url('fonts/bebasneue_thin.woff') format('woff'),
         url('fonts/bebasneue_thin.ttf') format('truetype'),
         url('fonts/bebasneue_thin.svg#bebas_neuethin') format('svg');
    font-weight: 100;
    font-style: normal;
}

/* Stenik default style helpers */
.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: 'BebasNeue';
    width: 100%;
    color: #464646;
    font-size: 14px;
    background: #FFF;
}
html { overflow-x: hidden; }
.wrapper {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
a {
    -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: 'BebasNeue', sans-serif;
    color: #000;
    font-size: 14px;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.formRow input:focus { border-color: #4cb5ea; }
::-webkit-input-placeholder{ font-family: 'BebasNeue', sans-serif; color: #000; font-size: 15px; }
:-moz-placeholder { font-family: 'BebasNeue', sans-serif; color: #000; font-size: 15px; }
::-moz-placeholder { font-family: 'BebasNeue', sans-serif; color: #000; font-size: 15px; }
:-ms-input-placeholder { font-family: 'BebasNeue', sans-serif; color: #000; font-size: 15px; }
.button {
    display: inline-block;
    min-width: 222px;
    height: 52px;
    font-size: 30px;
    line-height: 52px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background: #4cb5ea;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.button:hover { background: #696969; }


/*header styles*/
#header { float: left; width: 100%; }
.headerTop { float: left; width: 100%; height: 35px; background: #f3f3f3; }
.headerTopInfo { float: left; margin-left: 45px; }
.headerTopInfo p { font-size: 14px; color: #696969; text-transform: uppercase; line-height: 35px; }
.headerTopInfo a { color: #4cb5ea; text-decoration: none; }
.navLang { float: right; margin: 0 45px 0 50px; }
.navLang li { float: left; padding: 0 7px; position: relative; }
.navLang li:first-of-type:after { content: ""; width: 1px; height: 10px; background: #d9d9d9; position: absolute; top: 13px; right: 0; }
.navLang li a { font-size: 14px; color: #696969; text-transform: uppercase; line-height: 35px; text-decoration: none; }
.navLang li a:hover { color: #58beed; }
.headerSocial { float: right; }
.headerSocialTitle {
    float: left;
    margin-right: 7px;
    font-size: 14px;
    color: #696969;
    text-transform: uppercase;
    line-height: 35px;
}
.social { float: left; width: 21px; height: 21px; margin-top: 7px; position: relative; }
.social:before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/instagramIcon.png') no-repeat center center; 
    background-size: 100% 100%;
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.social:hover:before { opacity: 0; transform: scale(0); }
.social:after {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    background: url('../images/instagramH.png') no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.social:hover:after { opacity: 1; transform: scale(1); }
.headerSocial .social.fb { margin-right: 10px;}
.headerBottom { float: left; width: 100%; height: 137px; background: url('../images/headerBckg.jpg') repeat-x left top; }
.logo { float: left; width: 220px; height: 48px; margin: 44px 45px 0; }
.navMain { float: left; margin-top: 44px; position: relative; }
.navMain > ul > li { float: left; margin-right: 50px; height: 48px;  }
.navMain > ul > li  > a {
    float: left;
    font-size: 24px;
    line-height: 48px;
    text-transform: uppercase;
    text-decoration: none;
    color: #696969;
    position: relative;
}
.navMain > ul > li.hasSub:hover > a:after {
    content: "";
    width: 9px;
    height: 5px;
    margin-left: -4px;
    position: absolute;
    z-index: 10;
    bottom: -1px;
    left: 50%;
    background: url('../images/submenuArrow.jpg') no-repeat center center;
}
.navMain li.hasSub ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0;
    padding-top: 13px;
    border-top: 1px solid #ccc;
}
.navMain li.hasSub ul li { float: left;  }
.navMain li.hasSub ul li a {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #c1c1c1;
    font-size: 18px;
    color: #696969;
    text-decoration: none;
}
.navMain li.hasSub ul li:first-of-type a { padding-left: 0; border-left: none; }
.navMain li a:hover { color: #58beed; }
.navMain li.hasSub a:hover { color: #58beed; }
#formSearch { float: right; width: 183px; height: 34px; margin: 51px 45px 0 0; position: relative; }
#search {
    float: left;
    width: 100%;
    height: 34px;
    padding: 0 35px 0 10px;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #FFF;
    box-sizing: border-box;
}
#search:focus { border-color: #4cb5ea; }
.btnSearch {
    float: right;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 1px;
    right: 0px;
    outline: none;
    border: none;
    background: url('../images/searchIcon.png') no-repeat center center;
}

/*slider styles*/

.mainSliderWrapper { float: left; width: 100%; margin-bottom: 40px; }
.mainSlider { float: left; width: 100%; height: 457px; }
.mainSlider .item { float: left; width: 100%; height: 457px; position: relative; overflow: hidden; }
.mainSlider .item figure {
    width: 2000px;
    height: 457px;
    margin: 0px 0px 0px -1000px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 50%;
}
.mainSlider .item figure img {
    display: inline-block;
    width: 100%;
}
.mainSlider .sliderCaption {
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -550px;
    padding: 30px 34px;
    background: rgba(255,255,255, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
}
.sliderCaption .title {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 32px;
    color: #8ab82f;
}
.sliderCaption .title a { text-decoration: none; color: #000; }
.sliderCaption .title a:hover { color: #8ab82f; }
.sliderCaption .text {
    float: left;
    width: 100%;
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}
.sliderCaption .text p { line-height: 22px; }
.sliderCaption .viewMore {
    float: left;
    width: 111px;
    height: 41px;
    color: #FFF;
    font-size: 23px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    background: #6bccf1;
    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;
}
.mainSliderThumbs { float: left; width: 100%; height: 133px; text-align: center; }
.mainSliderThumbs .thumb { width: 300px; height: 133px; cursor: pointer; position: relative; outline: none; }
.mainSliderThumbs .thumb.slick-current:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 4px solid #49b3ea;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

/*main styles*/
#main { float: left; width: 100%; }
.mainBody { float: left; width: 100%; }
.mainContent { float: right; width: 912px; margin-right: 45px; }
.mainContent.full { width: 100%; padding: 0 45px; margin-bottom: 50px; box-sizing: border-box; margin: 0; }
.sidebar { float: left; width: 160px; margin-left: 45px; }
.navAside { float: left; width: 100%; padding: 25px 20px; box-sizing: border-box; background: #f3f3f3; }
.navAside li { float: left; width: 100%; padding: 10px 0; border-bottom: 1px dotted #b6b6b6; }
.navAside li:last-of-type { padding-bottom: 0; border-bottom: none; }
.navAside li:first-of-type { padding-top: 0; }
.navAside li a { float: left; width: 100%; font-size: 18px; text-decoration: none; color: #696969; }
.navAside li.selected a,
.navAside li a:hover { color: #59bfed; }
.mainBody h1 {
    float: left;
    width: 100%;
    padding: 0 45px;
    margin-bottom: 35px;
    font-size: 41px;
    font-weight: normal;
    text-align: center;
    color: #313131;
    box-sizing: border-box;
    position: relative;
}
.mainBody h1:after {
    content: "";
    width: 100%;
    height: 1px;
    background: url('../images/headingBckg.jpg') repeat left top;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.titleWrapper { display: inline-block; padding: 0 15px; background: #FFF; }
.titleBckg { display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: url('../images/headingBckg.jpg') repeat left top; }
.accents { float: left; width: 100%; }
.accent { float: left; width: 100%; margin-bottom: 60px; }
.accent h1 { float: left; width: 100%; margin-bottom: 30px; font-size: 32px; font-weight: normal; color: #464646; }
.accentAbout { text-align: center; }
.accentAbout .article { padding: 0 110px; box-sizing: border-box; }
.accentTitle {
    float: left;
    width: 100%;
    padding: 0 45px;
    margin-bottom: 35px;
    font-size: 41px;
    text-align: center;
    color: #313131;
    box-sizing: border-box;
    position: relative;
}
.accentTitle:after {
    content: "";
    width: 100%;
    height: 1px;
    background: url('../images/headingBckg.jpg') repeat left top;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.productViewPage .accentTitle::after { z-index: 0; }
.accents .accentTitle:after { width: 1110px; left: 45px; }
.titleWrapper { display: inline-block; padding: 0 15px; background: #FFF; }
.productViewPage .titleWrapper { position: relative; z-index: 1; padding: 0; }
.titleBckg { display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: url('../images/headingBckg.jpg') repeat left top; }
.accentTitle a { color: #313131; text-decoration: none; }
.accentTitle a:hover { color: #59bfed; c}
.accentProducts .boxes { float: left; width: 100%; text-align: center; font-size: 0; }
.accentProducts .box {
    display: inline-block;
    margin: 0 10px 20px;
    width: 380px;
    position: relative;
}
.accentProducts .box .mainPhoto {
    display: inline-block;
    width: 380px;
    height: 246px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;
}
.accentProducts .box:hover .mainPhoto { transform: scale(0); opacity: 0; }
.accentProducts .box .productName { float: left; width: 100%; margin: 20px 0; font-size: 24px; color: #313131; text-decoration: none; }
.accentProducts .box .productName:hover { color: #59bfed; }

.accentNews { text-align: center; }
.accentNews .box { display: inline-block; width: 300px; margin: 0 40px; vertical-align: top; text-align: left; color: #373737; }
.accentNews .box .title { float: left; width: 100%; margin-bottom: 5px; font-size: 24px; text-decoration: none; color: #373737; }
.accentNews .box .title:hover { color: #59bfed; }
.accentNews .box .date { float: left; width: 100%; margin-bottom: 30px; font-size: 16px; }
.accentNews .box .newsDesc { float: left; width: 100%; margin-bottom: 20px; font-size: 14px; font-family: 'Arial'; line-height: 18px; }
.accentNews .box .seeMore { float: left; font-size: 18px; color: #373737; text-decoration: none; }
.accentNews .box .seeMore:hover { color: #59bfed; }

/*breadcrumbs styles*/
.breadcrumbs { float: left; width: 100%; margin-top: 30px; }
.productViewPage .breadcrumbs { box-sizing: border-box; padding: 10px 20px; margin: 0 0 20px; background: rgba(255,255,255,0.8); }
.breadcrumbs li { float: left; font-size: 14px; color: #59bfed; }
.breadcrumbs li a { float: left; color: #696969; text-decoration: none; }
.productViewPage .breadcrumbs li a { color: #282828; }
.breadcrumbs li a:hover { color: #49b3ea; }
.breadcrumbs li a:after { content: "//"; margin: 0 8px; }


/*paging styles*/
.paging { float: left; width: 100%; padding: 45px 0; border-top: 1px dotted #8c8c8c; font-size: 0; text-align: center; }
.paging li { display: inline-block; margin: 0 3px; font-size: 24px; vertical-align: top; }
.paging li a {
    display: inline-block;
    width: 25px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    color: #313131;
    vertical-align: top;
}
.paging li a:hover { color: #59bfed; }
.paging li.selected a { background: #e9e9e9; box-shadow: 1px 1px 0 rgba(0,0,0,0.25); cursor: default; }
.paging li.selected a:hover { color: #313131; }
.paging li.prev a { width: auto; margin-right: 65px; padding-left: 20px; background: url('../images/pagingPrev.png') no-repeat left center; }
.paging li.next a { width: auto; margin-left: 65px; padding-right: 20px; background: url('../images/pagingNext.png') no-repeat right center; }

/*products page styles */
.productListing  { float: left; width: 1200px; margin-left: -45px; }
.categoryDescription { float: left; width: 100%; margin-bottom: 40px; }
.productListing .box { height: auto; }
.productListing .box .productName {
    float: left;
    width: 100%;
    margin: 20px 0;
    font-size: 24px;
    color: #313131;
    text-decoration: none;
}
.productListing .box .productName:hover { color: #59bfed; }
.brandLogoContainer { float: left; width: 100%; text-align: center; margin-bottom: 65px; }
.productViewContent { float: left; width: 100%; }
#galleryMain { float: left; width: 191px; margin-right: 24px; }
.galleryImages { float: left; width: 191px; height: 292px; margin-bottom: 12px; }
.galleryThumbs { float: left; width: 198px; height: 88px; margin-bottom: 40px; }
.galleryThumbs .thumb {
    float: left;
    width: 58px;
    height: 88px;
    margin-right: 8px;
    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;
}
.galleryThumbs .thumb:hover { opacity: 0.6; }
.galleryThumbs .thumb img { width: 100%; height: 100%; }
#galleryMain .slick-arrow {
    width: 30px; 
    height: 30px;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    border: none;
    background: none;
    font-size: 0;
    z-index: 10;
}
#galleryMain .slick-next { background: url('../images/arrowNext.png') no-repeat center center; right: 5px; }
#galleryMain .slick-prev { background: url('../images/arrowPrev.png') no-repeat center center; left: 5px; }
.productDescription { float: left; width: 890px; padding: 20px; margin-bottom: 20px; background: rgba(255,255,255,0.8); box-sizing: border-box; }
.productDescription h1 { padding: 0; margin-bottom: 20px; font-size: 32px; color: #282828; text-align: left; }
.productDescription h1:after { width: 0; }
.productDescription .article { margin-bottom: 15px; }
.productDescription .button { min-width: 183px; width: auto; height: 41px; padding: 0 15px; line-height: 41px; margin-bottom: 20px; font-size: 23px; box-sizing: border-box; }
.productTabs { float: left; width: 890px; margin-bottom: 25px; }
.tabsNav { float: left; width: 100%; height: 41px; }
.tabsNav li { float: left; margin-right: 9px; }
.tabsNav li a {
    float: left;
    height: 41px;
    padding: 0 10px;
    line-height: 41px;
    font-size: 18px;
    color: #2b2b2b;
    text-decoration: none;
    background: #dfdfdf;
    -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.tabsNav li a:hover,
.tabsNav li.selected a { background: #ececec; }
.tabsContent { float: left; width: 100%; background: #ececec; padding: 25px 20px; box-sizing: border-box; }

/*news styles*/
.newsListing { float: left; width: 100%; text-align: center; }
.newsListing .box { display: inline-block; width: 250px; margin: 0 40px 35px; vertical-align: top;}
.newsListing .box .photo { float: left; width: 250px; height: 247px; margin-bottom: 20px; }
.newsListing .box .title { float: left; width: 100%; margin-bottom: 5px; font-size: 24px; text-decoration: none; color: #696969; }
.newsListing .box .title:hover { color: #59bfed; }
.newsListing .box .date { float: left; width: 100%; font-size: 18px; color: #929292; }
.newsInner { float: left; width: 100%; margin-bottom: 80px; }
.newsInnerImg { display: inline-block; margin: 0 35px 35px 0; vertical-align: top; }
.newsInnerText { display: inline-block; width: 700px; vertical-align: top; }
.newsInnerText .button { padding: 0 15px; }
.newsInnerText h2 {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: normal;
    color: #282828;
    margin: 0 0 5px;
}
.newsInnerText .newsInnerDate { float: left; width: 100%; margin-bottom: 20px; font-size: 12px; color: #282828; }
.shareBox { float: left; width: 100%; margin-bottom: 20px; }
.shareBox .shareTitle { float: left; margin-right: 10px; font-size: 18px; line-height: 18px; color: #2b2b2b; }
.shareBox .social { float: left; width: 18px; height: 18px; margin: 0 7px 0 0; background-size: 100% 100%; }
.social.fb:before { background: url('../images/fbIcon.png') no-repeat right center; background-size: 100% 100%; }
.social.fb:after { background: url('../images/fbIconH.png') no-repeat right center; background-size: 100% 100%; }
.newsInnerText .article p { font-size: 16px; margin-bottom: 25px; }

/*article styles*/
.mainBody > .wrapper > .breadcrumbs { padding: 0 45px; box-sizing: border-box; }
.mainBody > .wrapper > h1 { width: 1110px; margin-left: 45px; }
.textContent { float: left; width: 100%; padding: 30px 12px; margin-bottom: 50px; box-sizing: border-box; background: #f3f3f3; }
.article p { font-family: 'Arial'; line-height: 18px; margin-bottom: 5px; }
.article.searchListing p:first-of-type { font-size: 22px; text-transform: uppercase; }
.article.searchListing ul li { margin-bottom: 20px; }
.article a { color: #59bfed; }
.article h2 { margin-bottom: 20px; font-size: 24px; font-weight: normal; color: #282828; }
.article h3 { margin-bottom: 20px; font-size: 20px; font-weight: normal; color: #282828; }
.article h4 { margin-bottom: 20px; font-size: 18px; font-weight: normal; color: #282828; }
.article h5 { margin-bottom: 20px; font-size: 16px; font-weight: normal; color: #282828; }
.article h6 { margin-bottom: 20px; font-size: 16px; font-weight: normal; color: #282828; }
.article .tableMain {
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #1e1e1e;
    text-align: center;
}
.article .tableMain th,
.article .tableMain td { padding: 8px; }
.article .tableMain th { border-bottom: 2px solid #4cb5ea; font-size: 16px; text-transform: uppercase; }
.article .tableMain td { border-bottom: 1px solid #4cb5ea; }

.article .tableGrid,
.article .tableGrid thead,
.article .tableGrid tbody,
.article .tableGrid tr,
.article .tableGrid th,
.article .tableGrid td {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.article .tableGrid td { vertical-align: top; }
.errorPage { clear: both; width: 600px; padding: 50px; margin: 0 auto 50px; background: #f3f3f3; box-sizing: border-box; }
.article li {
    padding-left: 20px;
    margin-bottom: 5px;
    font-family: 'Arial';
    line-height: 18px;
    position: relative;
}
.article li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #464646;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%;
}

/*contacts page styles*/

.contactsPage { float: left; width: 100%; margin-bottom: 80px; }
.contactForm { float: left; width: 452px; margin-right: 38px; }
.formRow { float: left; width: 210px; margin: 0 30px 20px 0; }
.formRow:nth-of-type(2n) { margin-right: 0; }
.formRow.large { width: 100%; margin-right: 0; }
.formRow label { float: left; width: 100%; font-size: 16px; color: #313131; margin-bottom: 8px; }
.formRow input {
    float: left;
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    box-sizing: border-box;
    outline: none;
}
.formRow input:focus { border-color: #4cb5ea; }
.formRow .fieldError input,
.formRow .fieldError textarea { border-color: #e40000; }
.formRow textarea {
    float: left;
    width: 100%;
    height: 111px;
    padding: 10px;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    box-sizing: border-box;
    outline: none;
    resize: vertical;
}
.formRow textarea:focus { border-color: #4cb5ea; }
.formRow select {
    float: left;
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #fafafa  url('../images/selectArrow.jpg') no-repeat right top;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
.msg { float: left; width: 100%; margin: 0 0 10px; font-size: 20px; line-height: 18px; font-weight: normal; font-style: italic; }
.msgSuccess { color: #38bba2; }
.msgError { color: #e21b00; }
#captcha { float: left; width: 100%; margin-bottom: 20px; }
.contactsInfo { float: left; width: 598px; }
.contactsInfo .article { margin-bottom: 30px; }
.mapContainer { float: left; width: 100%; height: 285px; }
.mapContainer .mapContacts { float: left; width: 100%; height: 285px; }


/*orders page styles*/
.ordersPage { float: left; width: 100%; margin-bottom: 80px; }
.ordersForm { float: left; width: 452px; margin-right: 38px; }
.ordersForm .button { width: 126px; }


/*footer styles*/

#footer { float: left; width: 100%; height: 60px; background: #f3f3f3; }
.footerInfo { float: left; margin-left: 45px; }
.footerInfo p { font-size: 14px; text-transform: uppercase; color: #333; line-height: 60px; }
.footerInfo a { color: #4cb5ea; text-decoration: none; }
.credits { float: right; margin-right: 45px; }
.credits p { font-size: 14px; color: #a2a2a2; line-height: 60px; }
.credits p a { color: #a2a2a2; text-decoration: none; }
.credits p a:hover { color: #59bfed; }
.copy { float: right; line-height: 60px; font-size: 14px; color: #333; margin-right: 10px; }

#hidden { text-align: center; }
.hiddenText { font-size: 26px; margin: 100px 0 50px; }
#hidden .button { margin: 0 20px 20px; }
.agePopup #cboxClose { display: none; }