/*

Theme Name: SSXTHEME

Theme URI: http://demo.com/themes/ssxtheme

Author: the ssx team

Author URI: http://demo.com/

Description: The SSXTHEME theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: ssxtheme





*/

/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }

html, body { width: 100%; font-size: 24px; font-weight: 400; line-height: normal; color: #000000; font-family: 'Open Sans', sans-serif; background: #fff; }



*::-webkit-input-placeholder { opacity:1; color: #9b071e; }

*::-moz-placeholder {opacity:1;color: #9b071e; }

*:-ms-input-placeholder {opacity:1;color: #9b071e; }



input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top; }

button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Open Sans', sans-serif; }



:focus,input:focus, textarea:focus { outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

:focus { outline: none; }



/* common */

a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }

ul { list-style: none; }

.clear { clear: both; overflow: hidden; }

img { border: 0px; outline: none; display: block; max-width: 100%; }



h1 { font-size: 72px; line-height: 85px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }

h2 { margin-bottom: 24px; font-size: 72px; line-height: normal; color: #ab1a2d; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }

h3 { font-size: 35px; line-height: 35px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; color: #ab1a2d; }

h4 { font-size: 20px; line-height: 24px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }

h5 { font-size: 18px; line-height: 22px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }

h6 { font-size: 16px; line-height: 20px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }



p { padding-bottom: 25px; }

p a { text-decoration:underline; color:#000; }

p a:hover { text-decoration:none; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }

#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }

#back-to-top.show { opacity: 0.8; }

#back-to-top.show:hover { opacity: 1; }

a.close, a.mobilemenu { display: none; }

.button { padding: 0 15px; height: 47px; display: inline-flex; align-items: center; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 19px; border-radius: 10px; background-color: #ab1a2d; }

.button:hover { background-color: #ffaf01; }



#wrapper { width: 100%; position: relative; overflow: hidden; }



.wrapper { padding-right: calc((100% - 1782px) / 2); padding-left: calc((100% - 1782px) / 2); position: relative; }



/*header-part*/

#header-part { width: 100%; position: absolute; top: 0; z-index: 99; }



	.top-bar { width: 100%; min-height: 80px; display: flex; align-items: center; justify-content: flex-end; border-bottom: 3px solid #ffae00; background-color: #54565a; }

	.top-bar .right { padding-right: 25px; display: flex; align-items: center; font-size: 14px; color: #fff; }

	.top-bar .address { margin-right: 108px; padding: 3px 2px 3px 35px; color: #fff; background: url(images/home-icon.png) no-repeat left top; }
	
	.top-bar .address a { color: #fff; }
	.top-bar .phone_number { margin-right: 118px; padding: 3px 2px 3px 35px; display: inline-block; color: #fff; background: url(images/phone-icon.png) no-repeat left top; }

	.top-bar .operation_text { margin-right: 52px; padding: 3px 2px 3px 35px; color: #fff; background: url(images/operation-icon.png) no-repeat left top; }

	.top-bar .social { display: flex; align-items: center; }

	.top-bar .social span { display: inline-block; }
	
	.top-bar .social span a { padding-right: 10px; color: #fff; }

	.top-bar .social ul { display: flex; }

	.top-bar .social ul li { padding-right: 8px; }

	.top-bar .social ul li:last-child { padding-right: 0; }

	

	.bottom-bar { padding-top: 17px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

	.bottom-bar .wp-block-search__label { display: none; }

	.bottom-bar .left { display: flex; flex-wrap: wrap; }

	.bottom-bar .menu { margin: 17px; display: flex; }

	.bottom-bar .menu li { padding: 0 23px; font-weight: 700; font-size: 16px; position: relative; }

	.bottom-bar .menu li > a { padding-bottom: 4px; color: #fff; border-bottom: 2px solid transparent;  display: block; }

	.bottom-bar .menu li.current-menu-item > a, .bottom-bar .menu li.current-menu-parent > a, .bottom-bar .menu li:hover > a { border-color: #ffae00; }

	.bottom-bar .wp-block-search__input { margin: 0; padding: 5px 25px 5px 62px; width: 305px; height: 68px; border: 0; border-radius: 40px; color: #9b071e; font-family: 'Open Sans', sans-serif; font-weight: 700; background: #fff; }

	.bottom-bar .wp-block-search__button { width: 30px; height: 30px; cursor: pointer; border: 0; font-size: 0; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: url(images/search-icon.png) no-repeat; }

	.bottom-bar .wp-block-search__inside-wrapper { position: relative; }

	.bottom-bar .logo { margin-top: -76px; }

	.bottom-bar .search { padding-right: 25px; }
	
	.bottom-bar .menu li:hover .sub-menu { opacity: 1; visibility: visible; }
	.bottom-bar .menu li .sub-menu { padding: 4px 0; min-width: 160px; position: absolute; top: 100%; opacity: 0; visibility: hidden; background-color: #ffaf01; }
	.bottom-bar .menu li .sub-menu li { padding: 4px 13px; display: block; }
	.bottom-bar .menu li .sub-menu li a { color: #000; border: 0; }
.bottom-bar .menu li .sub-menu li a:hover, .bottom-bar .menu li .sub-menu li.current-menu-item a { opacity: 0.7; }
	
	@-webkit-keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%) }
		100%{opacity:1;-webkit-transform:translateY(0)} 
	}	

	@-moz-keyframes nav-bar{ 
		0%{opacity:0;-moz-transform:translateY(-100%)}
		100%{opacity:1;-moz-transform:translateY(0)}
	}

	@keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
		100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	}

	.stickyhead .bottom-bar { padding-top: 0; height: 85px; top:0; position: fixed; -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; opacity: 1; visibility: visible; display: flex; flex-wrap: inherit; align-items: center; -webkit-animation:stickyhead ease-in-out 0.7s 0.1s both;-moz-animation:stickyhead ease-in-out 0.7s 0.1s both;animation:stickyhead ease-in-out 0.7s 0.1s both; background-color: #54565a; }
	
	.stickyhead .bottom-bar .logo img { max-width: 74px; }
	.stickyhead .bottom-bar .wp-block-search__input { width: 280px; height: 45px; }
	.stickyhead .bottom-bar .wp-block-search__button { height: 26px; background-size: 25px; }
	.stickyhead .bottom-bar .logo { margin-top: -4px; }
	.stickyhead .bottom-bar .menu li { padding-top: 3px; }
	.stickyhead .bottom-bar .left { width: 100%; }
	.stickyhead #menu { margin: auto; }


	

#content-part { padding-top: 79px; width: 100%; }

	

	.slider-bar { width: 100%; }

	.slider-bar .full { min-height: 690px; display: flex; align-items: center; }

	.slider-bar .slick-dots { width: 100%; display: flex; justify-content: center; position: absolute; bottom: 25px; }

	.slider-bar .slick-dots li { padding: 0 8px; }

	.slider-bar .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; border: 0; font-size: 0; cursor: pointer; background-color: #fff; }

	.slider-bar .slick-dots .slick-active button { width: 36px; border-radius: 20px; background-color: #ffae00; }

	.slider-bar .content { margin-top: 40px; max-width: 620px; }

	.slider-bar h2 { margin-bottom: 18px; font-family: 'Yanone Kaffeesatz'; font-weight: 700; color: #fff; font-size: 72px; line-height: 85px; text-shadow: 6px 6px 12px #000; }

	.slider-bar h2 span { color: #ffaf01; }

	.slider-bar .button { padding: 0 25px; height: 68px; font-size: 26px; border-radius: 18px; }

	.slider-bar .item { background-size: cover; background-repeat: no-repeat; }

	

	.banner-bar { padding-top: 200px; width: 100%; min-height: 303px; position: relative; background-size: cover; }

	.banner-bar:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 264px; background: url(images/banner-shadow.png) no-repeat; }

	.banner-bar h1 { text-shadow: 6px 6px 12px #000; color: #fff; }

	

	.service-bar { padding-top: 37px; width: 100%; }

	.service-bar .top { margin-bottom: 20px; }

	.service-bar .top p { font-family: 'Yanone Kaffeesatz'; font-weight: 700; font-size: 48px; line-height: 56px; color: #020000; }

	.service-bar h2 { text-align: center; }

	.service-bar .row { margin: 0 -15px; display: flex; flex-wrap: wrap; }

	.service-bar .item { margin-bottom: 30px; padding: 0 15px; width: 33.33%; }

	.service-bar .full { width: 100%; height: 480px; overflow: hidden; position: relative; cursor: pointer; }

	.service-bar .full img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; -webkit-transition: all 0.3s; }
	
	.service-bar .full:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }

	.service-bar .overlay { padding: 58px 37px 30px; position: absolute; top: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }

	.service-bar .overlay span { width: 100%; display: block; color: #fff; font-family: 'Yanone Kaffeesatz'; font-weight: 700; font-size: 72px; text-transform: uppercase; text-shadow: 6px 6px 12px #000; }

	

	.map-bar { margin-top: 45px; margin-bottom: 15px; width: 100%; }

	.map-bar h2 { margin-bottom: 16px; text-align: center; }

	.map-bar .row { margin: auto; max-width: 955px; display: flex; flex-wrap: wrap; justify-content: space-between; }

	.map-bar iframe { width: 100%; height: 682px; }

	.map-bar .address { padding: 3px 2px 3px 35px; color: #040000; font-size: 14px; font-weight: 700; background: url(images/home-icon.png) no-repeat left top; }
	.map-bar .address a { color: #040000; }
	.map-bar .phone_number { padding: 3px 2px 3px 35px; color: #040000; font-size: 14px; font-weight: 700; background: url(images/phone-icon.png) no-repeat left top; }

	.map-bar .operation { padding: 3px 2px 3px 35px; background: url(images/operation-icon.png) no-repeat left top; }

	.map-bar .operation h5 { font-size: 14px; font-weight: 700; color: #020000; font-family: 'Open Sans', sans-serif; }

	.map-bar ul li { font-size: 14px; color: #020000; }

	.map-bar .top { margin-bottom: 12px; }

	.map-bar .map p { padding-bottom: 0; }
	
	.map-bar .map { position: relative; }
	
	.map-bar .map_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; }
	

	.newsletter-bar { padding-top: 50px; padding-bottom: 40px; width: 100%; text-align: center; background-color: #bcbec0; }

	.newsletter-bar h2 { margin-bottom: 0; }

	.newsletter-bar p { margin-bottom: 30px; font-size: 14px; }

	.newsletter-bar .mailpoet_submit { width: 174px !important; height: 49px; border-radius: 26px; border: 0; cursor: pointer; color: #fff; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 700; position: absolute; right: 7px; top: 7px; background-color: #ab1a2d; }

    .newsletter-bar .mailpoet_text { padding: 6px 22px !important; width: 830px !important; height: 63px; color: #ab1a2d; border: 0; border-radius: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px !important; border-radius: 30px; background-color: #fff; }

    .newsletter-bar #mailpoet_form_1 .mailpoet_form { padding: 0 !important; margin: auto; max-width: 830px; display: flex; justify-content: center; position: relative; }

    .newsletter-bar .mailpoet_form .mailpoet_paragraph { margin-bottom: 0; }

    .newsletter-bar *::-webkit-input-placeholder { color: #ab1a2d; opacity: 1;  }

    .newsletter-bar *::-moz-placeholder { color: #ab1a2d; opacity: 1; }

    .newsletter-bar *:-ms-input-placeholder { color: #ab1a2d; opacity:1; }

    .newsletter-bar .mailpoet_submit:hover { background-color: #ffaf01; }

	.newsletter-bar #mailpoet_form_1 .mailpoet_message { display: none; }

	.newsletter-bar .parsley-errors-list { font-size: 16px; }

	

	.product-bar { padding-top: 48px; width: 100%; }

	.product-bar .top { margin-bottom: 42px; }

	.product-bar h2 { margin-bottom: 0; font-size: 48px; color: #9b071e; }

	.product-bar p { line-height: 28px; }

	.product-bar .row { margin: 0 -26px; display: flex; flex-wrap: wrap; }

	.product-bar .item { padding: 0 26px; margin-bottom: 70px; width: 25%; text-align: center; }

	.product-bar .title { color: #9b071e; font-size: 48px; display: block; font-family: 'Yanone Kaffeesatz'; font-weight: 700; }

	.product-bar .item a { display: block; }

	.product-bar .item a:hover .title { color: #ffaf01; }

	.product-bar figure { margin-bottom: 16px; }
	
	.product-bar .item p { font-size: 22px; }

	

	.content-bar { width: 100%; }

	.error404 .content-bar, .search-no-results .content-bar { text-align: center; }

	.search-no-results h1 { text-align: center; }

	

	.search-bar { padding-top: 40px; width: 100%; }

	.search-bar .page-header { margin-bottom: 10px; }

	.search-bar p { padding-bottom: 10px; }

	.search-bar .list { margin-bottom: 30px; }

	.search-bar .entry-meta { display: none; }



#footer-part { padding-bottom: 130px; width: 100%; }



	.footer-bar { padding-top: 55px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

	.footer-bar .menu { margin: 17px; display: flex; }

	.footer-bar .menu li { padding: 0 23px; font-weight: 700; font-size: 16px; }

	.footer-bar .menu li a { padding-bottom: 4px; color: #bcbec0; border-bottom: 2px solid transparent; }

	.footer-bar .menu li.current-menu-item a, .footer-bar .menu li a:hover { border-color: #ffae00; }

	.footer-bar .social { margin-top: 95px; display: flex; align-items: center; position: relative; z-index: 9; }

	.footer-bar .social span { padding-top: 7px; display: inline-block; font-size: 15px; color: #919191; }
	
	.footer-bar .social span a { padding-right: 10px; color: #919191; }

	.footer-bar .social img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.2; }

	.footer-bar .social ul { display: flex; }

	.footer-bar .social ul li { padding-right: 8px; }

	.footer-bar .social ul li a:hover { opacity: 0.7; }

	.footer-bar .social ul li:last-child { padding-right: 0; }

	.footer-bar .logo img { max-width: 161px; }

	

	.copyright-bar { margin-top: -48px; width: 100%; }

	.copyright-bar ul { display: flex; justify-content: center; }

	.copyright-bar ul li { padding: 0 25px; font-size: 14px; position: relative; }

	.copyright-bar ul li:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #010000; }

	.copyright-bar ul li a { color: #010000; }

	.copyright-bar ul li:last-child:after { display: none; }

	

@media only screen and (max-width: 1799px) {

	html, body { font-size: 22px; }

	p { padding-bottom: 20px; }

	h2 { margin-bottom: 20px; }

	h1, h2 { font-size: 62px; }

	.wrapper { padding-left: 20px; padding-right: 20px; }

	.top-bar .address { margin-right: 57px; }

	.top-bar .phone_number { margin-right: 68px; }

	.top-bar .operation_text { margin-right: 32px; }

	.top-bar .right { padding-right: 0; }

	.top-bar { min-height: 70px; }

	#content-part { padding-top: 69px; }

	.bottom-bar .wp-block-search__input { width: 283px; height: 55px; }

	.bottom-bar .search { padding-right: 0; }

	.bottom-bar .menu li { padding: 0 19px; }

	.bottom-bar .logo img { max-width: 200px; }

	.slider-bar h2 { font-size: 62px; line-height: 69px; }

	.slider-bar .button { padding: 0 22px; height: 60px; font-size: 22px; }

	.slider-bar .full { min-height: 640px; }

	.service-bar .top p { font-size: 40px; line-height: 50px; }

	.service-bar .overlay span { font-size: 62px; }

	.service-bar .full { height: 450px; }

	.service-bar .overlay { padding: 45px 30px 27px; }

	.product-bar .item { padding: 0 20px; margin-bottom: 65px; }

	.product-bar .row { margin: 0 -20px; }

	.product-bar .title { font-size: 42px; }

	.product-bar h2 { font-size: 45px; }

	.product-bar .top { margin-bottom: 35px; }

	.product-bar { padding-top: 40px; }

}



@media only screen and (max-width: 1599px) {

	html, body { font-size: 20px; }

	h1, h2 { font-size: 55px; }

	.button { height: 45px; font-size: 17px; }

	.bottom-bar .menu li { padding: 0 15px; }

	.slider-bar h2 { font-size: 55px; line-height: 62px; }

	.slider-bar h2 span { display: block; }

	.slider-bar .button { padding: 0 20px; height: 55px; font-size: 21px; border-radius: 14px; }

	.bottom-bar .wp-block-search__input { width: 270px; }

	.service-bar .overlay span { font-size: 50px; }

	.service-bar .overlay { padding: 32px 30px 25px; }

	.service-bar .full { height: 380px; }

	.service-bar .top p {font-size: 36px; line-height: 43px; }

	.service-bar { padding-top: 30px; }

	.service-bar .item { margin-bottom: 20px; padding: 0 10px; }

	.service-bar .row { margin: 0 -10px; }

	.map-bar { margin-top: 30px; }

	.map-bar iframe { height: 600px; }

	.footer-bar { padding-top: 40px; }

	.newsletter-bar p { margin-bottom: 15px; }

	.footer-bar .social { margin-top: 80px; }

	#footer-part { padding-bottom: 108px; }

	.banner-bar { padding-top: 180px; min-height: 285px; }

	.product-bar .title { font-size: 35px; }

	.product-bar .item { padding: 0 12px; margin-bottom: 50px; }

	.product-bar .row { margin: 0 -12px; }

	.product-bar h2 { font-size: 40px; }

}





@media only screen and (max-width: 1279px) {

	html, body { font-size: 18px; }

	h1, h2 { font-size: 50px; }

	h1 { line-height: normal; }

	p { padding-bottom: 18px; }

	.bottom-bar .logo img { max-width: 165px; }

	.bottom-bar .menu li { padding: 0 10px; font-size: 15px; }

	.bottom-bar .wp-block-search__button { background-size: 24px; }

	.bottom-bar .wp-block-search__button { width: 26px; height: 25px; left: 17px; }

	.bottom-bar .wp-block-search__input { padding: 5px 18px 5px 50px; width: 230px; height: 50px; }

	.slider-bar .full { min-height: 515px; }

	.slider-bar .content { margin-top: 52px; }

	.top-bar .operation_text { padding: 3px 2px 3px 28px; margin-right: 15px; background-size: 21px; background-position: left center; }

	.top-bar .phone_number { padding: 3px 2px 3px 29px; margin-right: 15px; background-size: 22px; }

	.top-bar .address { padding: 3px 2px 3px 28px; margin-right: 15px; background-size: 24px; }

	.top-bar .right { font-size: 13px; }

	.top-bar .social ul li img { max-width: 24px; }

	.top-bar { min-height: 60px; }

	#content-part { padding-top: 60px; }

	.slider-bar h2 { font-size: 50px; line-height: 56px; }

	.slider-bar .button { padding: 0 20px; height: 50px; font-size: 20px; }

	.slider-bar .item { background-position: right bottom; }

	.service-bar .top p { font-size: 31px; line-height: 39px; }

	.service-bar .overlay span { font-size: 45px; }

	.service-bar .overlay { padding: 27px 20px 21px; }

	.service-bar .full { height: 305px; }

	.map-bar iframe { height: 500px; }

	.footer-bar .menu li { padding: 0 10px; }

	.footer-bar .logo img { max-width: 128px; }

	#footer-part { padding-bottom: 75px; }

	.copyright-bar ul li { padding: 0 16px; }

	.footer-bar .social { margin-top: 41px; }

	.newsletter-bar .mailpoet_text { width: 715px !important; height: 58px; }

	.newsletter-bar #mailpoet_form_1 .mailpoet_form { max-width: 715px; }

	.newsletter-bar { padding-top: 40px; padding-bottom: 28px; }

	.newsletter-bar .mailpoet_submit { right: 5px; top: 4px; }

	.product-bar h2 { font-size: 35px; }

	.product-bar .top { margin-bottom: 15px; }

	.product-bar { padding-top: 33px; }

	.product-bar .title { font-size: 28px; }

	.product-bar .item { padding: 0 8px; margin-bottom: 40px; }

	.product-bar .row { margin: 0 -8px; }

	.banner-bar { padding-top: 140px; min-height: 216px; }

	.banner-bar::before { height: 138px; background-size: cover; }
	.stickyhead .bottom-bar .wp-block-search__input { width: 200px; }
	.product-bar .item p { font-size: 18px; line-height: 26px; }
	
	.bottom-bar .menu li .sub-menu { min-width: 143px; }

}



@media only screen and (max-width: 1023px) {

	h1, h2 { font-size: 45px; }

	.top-bar .social span { display: none; }

	.bottom-bar nav { display: none; }

	a.mobilemenu { display: block; }

	.mm-menu { background: url(../images/bg.jpg) repeat; }

	.mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }

	.mm-opened a.close { display: block; }

	.mm-opened header span.top { opacity: 0; }

	#back-to-top { display: block; }

	

	a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 15px; top: 18px; z-index: 8888; }

	a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 9px; content: ""; background: #fcbe1d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

	a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

	

	a.mobilemenu { z-index:1; display: block; font-size: 16px; color: #fcbe1d; height: 30px; line-height: 32px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 20px; top: 85px; width: 40px;}

	.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #fcbe1d; display: block; height: 3px; position: absolute; right: 0; top: 15px; }

	.mobilemenu span:before{ top: -10px; transition-property:top,transform; }

	.mobilemenu span:after,.mobilemenu span:before { background-color: #fcbe1d; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }

	.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

	.bottom-bar .search { padding-right: 45px; }

	.mm-opened .bottom-bar .logo { display: none; }

	.top-bar .phone_number span { display: none; }

	.top-bar .phone_number { margin-right: 5px; width: 23px; height: 24px; background-size: 24px; }

	.top-bar .operation_text { margin-right: 10px; }

	.top-bar .address { margin-right: 10px; }

	.bottom-bar .logo { margin-top: -64px; }

	.service-bar .overlay span { font-size: 36px; }

	.service-bar .overlay { padding: 27px 15px 21px; }

	.service-bar .full { height: 255px; }

	.service-bar .item { margin-bottom: 12px; padding: 0 6px; }

	.service-bar .row { margin: 0 -6px; }

	.service-bar .top p { font-size: 29px; line-height: 37px; }

	.map-bar iframe { height: 400px; }

	.map-bar { margin-bottom: 8px; }

	.newsletter-bar p { margin-bottom: 6px; }

	.copyright-bar ul li { padding: 0 10px; font-size: 13px; }

	.footer-bar .social { display: none; }

	.footer-bar { padding-top: 22px; }

	.footer-bar .menu li { padding: 0 9px; font-size: 15px; }

	.footer-bar .menu { margin: 8px; }

	.footer-bar .logo img { max-width: 103px; }

	.copyright-bar ul { justify-content: flex-end; }

	#footer-part { padding-bottom: 50px; }

	.newsletter-bar .mailpoet_text { width: 700px !important; height: 58px; }

	.newsletter-bar #mailpoet_form_1 .mailpoet_form { max-width: 700px; }

	.mm-listview > li.current_page_item a { color: #ffae00; }

	.product-bar .title { font-size: 25px; }

	.product-bar figure { margin-bottom: 10px; }

	.product-bar .item { padding: 0 5px; margin-bottom: 30px; width: 33.33%; }

	.product-bar .row { margin: 0 -5px; }

	.product-bar p { line-height: 24px; }

	.banner-bar { padding-top: 139px; min-height: 203px; }

}



@media only screen and (max-width: 767px) {

	h1, h2 { font-size: 40px; }

	h3 { font-size: 32px; line-height: 33px; }

	.button { height: 43px; font-size: 16px; }

	.top-bar .operation_text, .top-bar .address, .bottom-bar .search { display: none; }

	a.mobilemenu { top: 10px; }

	a.close { top: 16px; }

	.top-bar .right { padding-right: 47px; }

	.bottom-bar .logo img { max-width: 138px; }

	.top-bar { min-height: 55px; }

	#content-part { padding-top: 55px; }

	.slider-bar h2 { margin-bottom: 15px; font-size: 44px; line-height: 48px; }

	.slider-bar .button { padding: 0 20px; height: 47px; font-size: 17px; border-radius: 10px; }

	.slider-bar .full { min-height: 455px; }

	.slider-bar .slick-dots .slick-active button { width: 30px; }

	.slider-bar .slick-dots li { padding: 0 6px; }

	.service-bar .item { width: 50%; }

	.service-bar .top p { padding-bottom: 15px; font-size: 25px; line-height: 34px; }

	.service-bar { padding-top: 20px; }

	.map-bar { margin-top: 20px; }

	.map-bar h2 { margin-bottom: 13px; }

	.map-bar .operation { margin-top: 8px; width: 100%; }

	.map-bar iframe { height: 400px; }

	.newsletter-bar .mailpoet_submit { right: 0; top: 0; position: relative; }

	.newsletter-bar #mailpoet_form_1 .mailpoet_form { flex-wrap: wrap; }

	.newsletter-bar .mailpoet_text { font-size: 14px !important; }

	.newsletter-bar #mailpoet_form_1 .mailpoet_paragraph { margin-bottom: 10px; }

	.newsletter-bar p { margin-bottom: 0px; }

	.footer-bar .logo { margin-bottom: 20px; max-width: 100%; width: 100%; }

	.footer-bar .f-menu { display: none; }

	.footer-bar .logo img { margin: auto; }

	.copyright-bar ul { flex-wrap: wrap; justify-content: center; }

	.copyright-bar { margin-top: 0; }

	#footer-part { padding-bottom: 25px; }

	.map-bar .phone_number, .map-bar .address { margin-bottom: 12px; }

	.newsletter-bar { padding-top: 32px; }

	.product-bar .item { padding: 0 5px; margin-bottom: 20px; width: 50% }

	.product-bar .row { margin: 0 -5px; }

	.search-bar .list { margin-bottom: 20px; }

	.search-bar { padding-top: 30px; }
	.product-bar .item p { padding-bottom: 5px; font-size: 17px; line-height: 25px; }
	.product-bar .item a { margin-bottom: 4px; }
	.product-bar figure { margin-bottom: 15px; }
}



@media only screen and (max-width: 479px) {

	.service-bar .item { width: 100%; }

	.service-bar .full { height: auto; }

	.copyright-bar ul li { width: 100%; text-align: center; }

	.copyright-bar ul li::after { display: none; }

	.product-bar .item { width: 100% }
	
	.banner-bar { padding-top: 130px; padding-bottom: 15px; }

}