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

/* Menu icon styles */
.menuHandle { display: none; position: absolute; top: 13px; 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: #6bccf1;; 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); }

.responsiveMenu { display: none; }

/* Start Media Queries for small desktops
****************************************/
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.wrapper { width: 1000px; }

	.logo { width: 165px; height: 36px; margin: 50px 20px 0 0; }
	.logo img { width: 165px; }
	.navMain > ul > li { margin-right: 40px; }
	#formSearch { margin-right: 0; }
	.mainSliderThumbs .thumb img { max-width: 100%; }
	.accentNews .box { margin: 0 15px; }
	.footerInfo { margin-left: 0; }
	.credits { margin-right: 0; }
	.mainContent { width: 780px; margin-right: 0; }
	.sidebar { margin-left: 0; }
	.mainBody > .wrapper > h1 { margin-left: 0; width: 100%; }
	.productListing { width: 100%; margin-left: 0; }
	.mainContent.full { padding: 0; }
	.productDescription { width: 780px; }
	.productTabs { width: 780px; }
	.contactsInfo { width: 500px; }
	.newsInnerText { width: 590px; }
}

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

@media only screen and (max-width: 1024px) {
	html { overflow-x: hidden; height: 100%; }
	body { overflow-x: hidden; }
	#header { height: 45px; background: #FFF; border-bottom: 2px solid #6bccf1; }
	#header .wrapper { width: 100%; }
	.headerTop { height: 0; background: none; }
	.headerBottom { height: 0; background: none; }
	.headerTopInfo { display: none; }
	.headerSocial { float: left; margin-left: 60px; }
	.headerSocialTitle { display: none; }
	.social { margin-top: 12px; }
	.headerSocial .instagram { position: absolute; right: 72px; }
	.navLang { margin: 5px 20px 0 10px; }
	.logo { width: 160px; height: 35px; position: absolute; top: 5px; left: 50%; margin: 0 0 0 -80px; }
	.logo img { max-width: 100%; height: 35px; }
	.navMain { display: none; }
	#formSearch { display: none; }
	.menuHandle { display: block; }
	.responsiveMenu {
		width: 100%;
		position: absolute;
		top: 45px;
		left: 0;
		z-index: 50;
		background: #FFF;
		border-bottom: 2px solid #6bccf1;
	}
	#responsiveForm { display: block; width: 280px; height: 34px; margin: 20px auto; position: relative; }
	#responsiveForm  #search { border: 1px solid #e6e6e6; }
	.responsiveMenu ul { float: left; width: 100%; }
	.responsiveMenu ul li { float: left; width: 100%; height: 36px; }
	.responsiveMenu ul li a {
		float: left;
		width: 100%;
		padding-left: 20px; 
		font-size: 20px;
		line-height: 36px;
		text-decoration: none; color: #696969;
		box-sizing: border-box;
	}
	.responsiveMenu ul li ul { display: none; }

	.mainSliderWrapper { margin-bottom: 20px; }
	.mainSlider { height: 228px; }
	.mainSlider .item { height: 228px; }
	.mainSlider .item figure { width: 1000px; height: 228px; margin-left: -500px; }
	.mainSlider .item figure img { height: 228px; }
	.mainSlider .sliderCaption { width: 250px; height: 180px; margin: -95px 0 0 -300px; }
	.sliderCaption .text { display: none; }
	.mainSliderThumbs { height: 20px; margin-top: 20px; text-align: center; }
	.mainSliderThumbs .slick-track { width: 100% !important; }
	.mainSliderThumbs .thumb { float: none; display: inline-block; width: 20px !important; height: 20px; margin: 0 5px; border-radius: 50%; background: #f3f3f3; }
	.mainSliderThumbs .thumb img { display: none; }
	.mainSliderThumbs .thumb.slick-current  { background: #6bccf1; }
	.mainSliderThumbs .thumb.slick-current:after { border: none; }
	.accent { margin-bottom: 20px; }
	.accent h1 { margin-bottom: 20px; }
	.accentAbout .article { padding: 0; }
	.article img, .article iframe { max-width: 100%; }
	.mapContainer { display: none; }
	.accentProducts .box { width: 280px; height: 180px; }
	.accentProducts .box .mainPhoto { width: 100%; height: 180px; }
	.accentProducts .box img { width: 100%; height: 180px; }
	.accentNews .box { width: 100%; margin: 0 0 30px; text-align: center; }
	.accentNews .box .date { margin-bottom: 10px; }
	.accentNews .box .seeMore { float: none; }

	#footer { height: auto; text-align: center; }
	.footerInfo { width: 100%; height: 60px; margin: 0; padding-top: 10px; box-sizing: border-box; }
	.footerInfo p { line-height: 20px; }
	.credits { float: none; display: inline-block; margin: 0 20px; }
	.credits p { line-height: 40px; }
	.copy { float: none; display: inline-block; margin: 0 20px; line-height: 40px; }

	.mainContent { width: 100%; margin-right: 0; }
	.mainContent.full { padding: 0; }
	.mainBody { background: none !important; }
	.breadcrumbs { margin: 15px 0; }
	.mainBody > .wrapper > h1 { width: 100%; margin: 0 0 20px; }
	.breadcrumbs { padding-left: 20px; box-sizing: border-box; }
	.sidebar  { width: 100%; margin: 0 0 20px; }
	.productListing { width: 100%; margin-left: 0; }
	.productListing.accentProducts .box { height: auto; }
	.productDescription { width: 385px; }
	.productTabs { width: 100%; }

	.ordersForm { margin: 0 79px 20px; }
	#captcha { width: auto; }
	.btns { float: right; margin-top: 13px; }
	.contactForm { margin: 0 79px 20px; }
	.contactForm .btns { width: 100%; margin-top: 0; }
	.contactForm .btns .button { width: 100%; }
	.contactsInfo { width: 100%; }
	.newsListing .box { margin: 0 24px 35px; }
	.newsInner { text-align: center; }
	.newsInnerImg { margin: 0 50px 20px; }
	.newsInnerText { width: 100%; }
	.newsInner .shareBox .shareTitle { display: inline-block; float: none; vertical-align: top; }
	.newsInner .shareBox .social { float: none; display: inline-block; vertical-align: top; }

}


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

/* Start Media Queries for smartphones
****************************************/
@media only screen and (min-width: 0px) and (max-width: 600px) {
	.wrapper { width: 300px; }
	.logo { width: 114px; height: 25px; position: absolute; top: 10px; left: 50%; margin: 0 0 0 -57px; }
	.logo img { max-width: 100%; height: 25px; }

	.mainBody h1 { padding: 0; margin-bottom: 20px; }
	.titleBckg { height: 50px; font-size: 30px; line-height: 50px; }
	.breadcrumbs li,
	.breadcrumbs li a { line-height: 30px; }

	.mainSlider { height: 137px; }
	.mainSlider .item { height: 137px; }
	.mainSlider .item figure { width: 600px; height: 137px; margin-left: -300px; }
	.mainSlider .item figure img { height: 137px; }
	.mainSlider .sliderCaption { width: 200px; height: 100px; margin: -50px 0 0 -150px; padding: 10px; }
	.sliderCaption .title { font-size: 22px; margin-bottom: 10px; }
	.sliderCaption .viewMore { height: 30px; line-height: 30px; font-size: 18px; }

	.contactForm { width: 100%; margin: 0 0 20px; }
	.formRow { width: 100%; margin-right: 0; }
	.ordersForm { width: 100%; margin: 0 0 20px; }
	.btns { width: 100%; margin-top: 0; }
	.ordersForm .button { width: 100%; }
	.article { text-align: center; }
	.article img { float: none !important; max-width: 100%; margin: 0 0 20px !important; }

	#galleryMain { margin: 0 55px 20px; }
	.galleryThumbs { margin-bottom: 0; }
	.productDescription { width: 100%; text-align: center; }
	.productDescription h1 { text-align: center; }

	.newsInnerImg { width: 100%; margin: 0 0 20px; }
	.newsInnerImg img { width: 100%; }

}