@import url(../../../../css);
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Italic.woff2") format("woff2"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; }
* { font-family: 'Ubuntu'; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-weight: normal; }
*:focus { outline: inherit !important; outline: none !important; outline: 0 !important; }

@-moz-document url-prefix() { * { font-weight: 300; } }
a, input { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
a *, input * { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }

.fa { font-family: 'FontAwesome' !important; }

html, body { height: 100%; }

body { background-color: #4a4f55; }

.clear { clear: both; }

.mobilw{
display:none
}
@media (max-width:479px){
.mobilw{
display:block;
position: fixed; z-index:200000;
right: 4px; 
bottom: 2px;
padding: 4px;
 
}
}

form input:focus { outline: inherit !important; outline: none !important; outline: 0 !important; }

.container_960 { width: 960px; margin: 0 auto; position: relative; }

.head { display: inline-block; width: 100%; padding: 10px 0 10px 0; background: #4a4f55; }
.head .socials { float: right; }
.head .socials a { display: inline-block; width: 32px; height: 32px; border-radius: 50%; background: #000; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 18px; text-decoration: none; text-align: center; padding-top: 9px; margin-right: 5px; }
.head .socials a:last-of-type { margin-right: 0; }
.head .socials a:hover { text-decoration: none; }
.head .socials .fb { background: #3b5998; }
.head .socials .fb:hover { background: rgba(59, 89, 152, 0.5); }
.head .socials .tw { background: #00aced; }
.head .socials .tw:hover { background: rgba(0, 172, 237, 0.5); }
.head .socials .gg { background: #dd4b39; }
.head .socials .gg:hover { background: rgba(221, 75, 57, 0.5); }

header { width: 100%; height: 90px; background: #ffffff; position: relative; z-index: 2; -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75); box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75); }
header:before { position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: #ffbd2f; background: -moz-linear-gradient(top, #ffbd2f 0%, white 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffbd2f), color-stop(100%, white)); background: -webkit-linear-gradient(top, #ffbd2f 0%, white 100%); background: -o-linear-gradient(top, #ffbd2f 0%, white 100%); background: -ms-linear-gradient(top, #ffbd2f 0%, white 100%); background: linear-gradient(to bottom, #ffbd2f 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd2f', endColorstr='#ffffff', GradientType=0 ); content: ''; }
header .header { padding: 11px 8px 2px 11px; }
header .header .logo { float: left; }
header .header .logo img { max-height: 70px; }
header .menu { float: right; }
header .menu .mobile-btn { display: none; font-size: 44px; margin: 15px; cursor: pointer; }
header .menu ul { list-style: none; padding: 0; margin: 30px 0 0 0; }
header .menu ul li { float: left; margin-right: 50px; }
header .menu ul li:last-child { margin-right: 0; }
header .menu ul li a { display: inline-block; color: #4a4f55; font-size: 18px; font-weight: 500; line-height: 5.76px; padding-bottom: 40px; text-decoration: none; position: relative; }
header .menu ul li a:hover { text-decoration: none; }
header .menu ul li a:hover:before { position: absolute; top: 17px; left: 0; background: url("../images/menu-hover.png"); background-size: 100% 100%; width: 100%; height: 17px; content: ''; }
@-moz-document url-prefix() { header .menu ul li a { padding-bottom: 30px; } }
#main { width: 100%; background: #f2f2f2; padding-bottom: 30px; }
#main .slider { width: 100%; height: 512px; position: relative; }
#main .slider .slides { width: 100%; height: 100%; }
#main .slider .slides ul { list-style: none; padding: 0; margin: 0; }
#main .slider .slides ul li { width: 100%; height: 512px; float: left; }
#main .slider .slides ul li img { width: 100%; height: 512px; }
#main .slider .slider-arrows { display: none; }
#main .slider .slider-arrows .left a { display: inline-block; position: absolute; top: calc(50% - 15px); left: 11px; background: url("../images/slider-left-arrow.png"); width: 28px; height: 31px; content: ''; cursor: pointer; }
#main .slider .slider-arrows .left a:hover { opacity: 0.6; }
#main .slider .slider-arrows .right a { display: inline-block; position: absolute; top: calc(50% - 15px); right: 11px; background: url("../images/slider-right-arrow.png"); width: 28px; height: 31px; content: ''; cursor: pointer; }
#main .slider .slider-arrows .right a:hover { opacity: 0.6; }
#main .slider:hover > .slider-arrows { display: table; }
#main .content-slider { width: 100%; }
#main .content-slider .slider-pagenavi { width: 100%; }
#main .content-slider .slider-pagenavi ul { list-style: none; padding: 0; margin: 0; }
#main .content-slider .slider-pagenavi ul li { float: left; width: calc(100% / 3); height: 105px; position: relative; }
#main .content-slider .slider-pagenavi ul li a .title { position: absolute; top: calc(50% - 10px); left: 0; right: 0; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 20px; z-index: 2; -webkit-text-fill-color: white; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #545454; }
@-moz-document url-prefix() { #main .content-slider .slider-pagenavi ul li a .title { text-shadow: 1px 1px 0 #545454, -1px -1px 0 #545454, 1px -1px 0 #fff, -1px 1px 0 #545454, 1px 1px 1px #545454; } }
#main .content-slider .slider-pagenavi ul li a img { width: 100%; height: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ }
#main .content-slider .slider-pagenavi ul li a:hover > img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; /* Firefox 4+ */ }
#main .content-slider .slider-pagenavi ul li a:hover > .title { top: -58px; width: 100%; height: 58px; padding: 20px 5px 22px 5px; background: rgba(255, 183, 24, 0.7); -webkit-text-stroke-width: 0; font-weight: 500; }
@-moz-document url-prefix() { #main .content-slider .slider-pagenavi ul li a:hover > .title { text-shadow: initial; } }
#main .content-slider .slider-pagenavi ul li.active > a img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; /* Firefox 4+ */ }
#main .content-slider .slider-pagenavi ul li.active > a .title { top: -58px; width: 100%; height: 58px; padding: 20px 5px 22px 5px; background: rgba(255, 183, 24, 0.7); -webkit-text-stroke-width: 0; font-weight: 500; }
@-moz-document url-prefix() { #main .content-slider .slider-pagenavi ul li.active > a .title { text-shadow: initial; } }
#main .content-slider .content-slides { width: 100%; padding: 28px 11px 30px 11px; }
#main .content-slider .content-slides article { width: 100%; text-align: center; display: none; }
#main .content-slider .content-slides article:nth-child(1) { display: block; }
#main .content-slider .content-slides article .title { color: #4a4f55; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 15px; }
#main .content-slider .content-slides article .desc { color: #4a4f55; font-size: 14px; font-weight: 500; line-height: 20px; }
#main .two-blocks { width: 100%; }
#main .two-blocks .one-block { width: calc(50% - (22px / 2)); float: left; height: 230px; }
#main .two-blocks .one-block .block-title { color: #4a4f55; font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 9px; }
#main .two-blocks .one-block .block-content { background: #ffffff; padding: 14px 22px 20px 10px; }
#main .two-blocks .one-block.blog { margin-right: 22px; }
#main .two-blocks .one-block.blog .block-content .list article .artc-left { width: 223px; height: 148px; float: left; margin-right: 9px; }
#main .two-blocks .one-block.blog .block-content .list article .artc-left img { width: 100%; height: 100%; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right { width: calc(100% - 223px - 9px); float: left; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .title { margin-bottom: 5px; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .title a { color: #ffb718; font-size: 16px; font-weight: bold; line-height: 20px; margin-top: 2px; text-decoration: none; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .title a:hover { text-decoration: none; color: #F9D585; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .desc { color: #4a4f55; font-size: 12px; font-weight: 500; line-height: 12px; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .artc-info { margin-top: 10px; }
#main .two-blocks .one-block.blog .block-content .list article .artc-right .artc-info .date { color: #4a4f55; font-size: 12px; font-weight: 500 !important; line-height: 12px; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi { float: right; margin-right: 25px; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager { list-style: none; padding: 0; margin: 0; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item { float: left; width: 45px; margin-right: 8px; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item:last-child { margin-right: 0; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item a { display: inline-block; width: 100%; height: 1px; padding: 10px 0 10px 0; position: relative; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item a.active:before, #main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item a:hover:before { background: #ffb719; }
#main .two-blocks .one-block.blog .block-content .blog-pagenavi .bx-pager .bx-pager-item a:before { position: absolute; top: 10px; left: 0; width: 100%; height: 1px; background: #4a4f55; content: ''; }
#main .two-blocks .one-block.blog .block-content .post-arrow { float: right; }
#main .two-blocks .one-block.blog .block-content .post-arrow .right a { color: #ffb719; font-size: 15px; }
#main .two-blocks .one-block.blog .block-content .post-arrow .right a:hover { color: #F9D585; }
#main .two-blocks .one-block.aboutus .blog-content { background: #fff; padding: 14px 22px 20px 12px; }
#main .two-blocks .one-block.aboutus .blog-content .left { width: 122px; float: left; margin-right: 18px; }
#main .two-blocks .one-block.aboutus .blog-content .left img { width: 100%; }
#main .two-blocks .one-block.aboutus .blog-content .right { width: calc(100% - 122px - 18px); float: left; color: #4a4f55; font-size: 12px; font-weight: 500 !important; line-height: 12px; text-align: right; }
#main .two-blocks .one-block.aboutus .blog-content .right * { font-weight: 500 !important; }
#main .two-blocks .one-block.aboutus .blog-content .read-more a { color: #4a4f55; font-size: 12px; font-weight: bold; text-decoration: none; }
#main .two-blocks .one-block.aboutus .blog-content .read-more a:hover { text-decoration: none; color: #8B8D8D; }
#main .two-blocks .one-block.aboutus .blog-content .read-more a:hover i { color: #F9D585; }
#main .two-blocks .one-block.aboutus .blog-content .read-more a i { color: #ffb719; }
#main .post-container { width: 100%; padding: 25px 10px 0 10px; }
#main .post-container > .subtitle { width: 100%; display: inline-block; color: #4a4f55; font-size: 18px; font-weight: 400; margin: 0 0 0 0; }
#main .post-container > .title { width: 100%; display: inline-block; color: #4a4f55; font-size: 36px; font-weight: bold; margin: 0 0 10px 0; }
#main .post-container .breadcrumbs { width: 100%; }
#main .post-container .breadcrumbs ul { list-style: none; padding: 0; margin: 0; }
#main .post-container .breadcrumbs ul li { float: left; color: #4a4f55; font-size: 13px; font-weight: 400; line-height: 20px; margin-right: 5px; }
#main .post-container .breadcrumbs ul li:last-child { margin-right: 0; }
#main .post-container .breadcrumbs ul li a { float: left; color: #4a4f55; font-size: 13px; font-weight: 400; line-height: 20px; text-decoration: none; padding-right: 10px; position: relative; }
#main .post-container .breadcrumbs ul li a:after { position: absolute; top: 0; right: 0; content: '>'; color: #4a4f55; font-size: 13px; font-weight: 400; line-height: 20px; }
#main .post-container .breadcrumbs ul li a:hover { text-decoration: underline; }
#main .post-container .post { width: 100%; margin-top: 15px; }
#main .post-container .post .left { float: left; width: 295px; }
#main .post-container .post .left ul { list-style: none; padding: 0; margin: 0; }
#main .post-container .post .left ul li { width: 100%; border-bottom: 1px solid #595e63; }
#main .post-container .post .left ul li:last-child { border-bottom: 0; }
#main .post-container .post .left ul li a { display: inline-block; width: 100%; color: #ffffff; font-size: 16px; line-height: 20px; background: #4a4f55; padding: 16px 19px 16px 19px; text-decoration: none; }
#main .post-container .post .left ul li a:hover { text-decoration: none; color: #ffb718; }
#main .post-container .post .left ul li.active > a { background: #ffb718; }
#main .post-container .post .left ul li.active > a:hover { color: #fff; }
#main .post-container .post .right { float: left; width: calc(100% - 295px); padding: 18px 15px 18px 15px; background: #fff; border-top: 3px solid #ffb718; color: #58595b; font-size: 14px; font-weight: 400; }
#main .post-container .post .right.full-page { width: 100%; }
#main .post-container .post .right form { width: 100%; margin-top: 20px; }
#main .post-container .post .right form .form-box { width: calc(50% - (44px / 2)); float: left; margin-right: 44px; margin-bottom: 15px; }
#main .post-container .post .right form .form-box:nth-child(2n+2) { margin-right: 0; }
#main .post-container .post .right form .form-box label { color: #58595b; font-size: 14px; font-weight: 400; }
#main .post-container .post .right form .form-box input[type="text"] { width: 100%; color: #58595b; font-size: 14px; font-weight: 400; border: none; padding: 10px; border-top: 1px solid #ffb91f; border-left: 1px solid #ffb91f; }
#main .post-container .post .right form .form-box.form-box-ff { width: 100%; }
#main .post-container .post .right form .form-box.form-box-ff textarea { width: 100%; color: #58595b; font-size: 14px; font-weight: 400; border: none; padding: 10px; border-top: 1px solid #ffb91f; border-left: 1px solid #ffb91f; }
#main .post-container .post .right form .form-box.form-box-ff .submit-btn { float: right; color: #fff; font-size: 14.23px; font-weight: bold; line-height: 18.3px; background: #ffb718; padding: 10px 19px 10px 19px; margin-right: 1px; border: none; border-radius: 10px; }
#main .post-container .post .right form .form-box.form-box-ff .submit-btn:hover { background: #ffe19e; }
#main .post-container .post .right .about-us .info { margin-bottom: 5px; }
#main .post-container .post .right .about-us .info i { font-size: 16px; }
#main .post-container .post .right .about-us .info span { color: #58595b; font-size: 14px; font-weight: 400; margin-left: 10px; }
#main .post-container .post .right .about-us .map { width: 100%; margin-top: 20px; }
#main .post-container .post .right .about-us .map .title { color: #4a4f55; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
#main .post-container .post .right .about-us .map img, #main .post-container .post .right .about-us .map iframe { max-width: 100%; width: 100%; border: 1px solid #4a4f55 !important; }
#main .post-container .post .right .about-us .map * { max-width: 100%; }
#main .post-container .post .right .products { width: 100%; }
#main .post-container .post .right .products article { width: calc(33.3333% - (24px / 3)); float: left; margin-right: 12px; margin-bottom: 30px; }
#main .post-container .post .right .products article:nth-child(3n+3) { margin-right: 0; }
#main .post-container .post .right .products article .artc-header { width: 100%; height: 195px; border-top: 1px solid #ffb718; border-left: 1px solid #ffb718; border-right: 1px solid #ffb718; border-bottom: 11px solid #ffb718; position: relative; }
#main .post-container .post .right .products article .artc-header img { width: 100%; height: 100%; }
#main .post-container .post .right .products article .artc-header .zoom { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(74, 79, 85, 0.7); text-align: center; }
#main .post-container .post .right .products article .artc-header .zoom i { margin-top: 65px; font-size: 55px; color: #fff; }
#main .post-container .post .right .products article .artc-header a:hover > .zoom { display: block; }
#main .post-container .post .right .products article .artc-footer .title { margin-top: 9px; margin-bottom: 20px; }
#main .post-container .post .right .products article .artc-footer .title a { color: #4a4f55; font-size: 15px; font-weight: 400; line-height: 22px; text-decoration: none; }
#main .post-container .post .right .products article .artc-footer .title a:hover { text-decoration: underline; }
#main .post-container .post .right .products article .artc-footer .code { width: 100%; }
#main .post-container .post .right .products article .artc-footer .code .text { display: inline-block; float: left; color: #4a4f55; font-size: 12px; font-weight: bold; line-height: 12px; margin-right: 4px; }
#main .post-container .post .right .products article .artc-footer .code .value { display: inline-block; float: left; background: #ffb718; color: #4a4f55; font-size: 10px; font-weight: 400; line-height: 12px; padding: 8px 12px 10px 5px; border-top: 1px solid #ffd26e; border-right: 1px solid #ffd26e; border-bottom: 1px solid #ffd26e; border-radius: 0 4px 4px 0; height: 28px; margin: -7px 0 0 20px; position: relative; }
#main .post-container .post .right .products article .artc-footer .code .value:before { position: absolute; top: -1px; left: -20px; content: url("../images/products-code-bg.png"); width: 20px; height: 28px; }
#main .post-container .post .right .products .no-products { text-align: center; font-size: 22px; font-weight: bold; }
#main .post-container .post .right .blog-list { width: 100%; }
#main .post-container .post .right .blog-list .list { width: 100%; }
#main .post-container .post .right .blog-list .list article { width: 100%; margin-bottom: 50px; }
#main .post-container .post .right .blog-list .list article .artc-header { width: 100%; }
#main .post-container .post .right .blog-list .list article .artc-header .title { margin: 0 0 5px 0; }
#main .post-container .post .right .blog-list .list article .artc-header .title a { color: #ffb718; font-size: 23.09px; line-height: 32.71px; font-weight: bold; text-decoration: none; }
#main .post-container .post .right .blog-list .list article .artc-header .title a:hover { text-decoration: none; color: #F9D585; }
#main .post-container .post .right .blog-list .list article .artc-header .artc-img { width: 100%; height: 155px; margin-bottom: 10px; }
#main .post-container .post .right .blog-list .list article .artc-header .artc-img img { width: 100%; height: 100%; }
#main .post-container .post .right .blog-list .list article .artc-footer .description { color: #414042; font-size: 13.47px; line-height: 17.32px; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info { width: 100%; position: relative; margin-top: 10px; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info:before { position: absolute; bottom: 0; left: 0; width: calc(100% - 5px); height: 3px; background: #ffb718; content: ''; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info .date { display: inline-block; color: #414042; font-size: 13.47px; font-weight: bold; line-height: 32.71px; margin-left: 10px; float: left; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info .read-more { float: right; position: relative; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info .read-more a { display: inline-block; color: #ffffff; font-size: 10.45px; line-height: 13.43px; background: #ffb718; padding: 11px 15px 10px 15px; border-radius: 5px; text-decoration: none; }
#main .post-container .post .right .blog-list .list article .artc-footer .artc-info .read-more a:hover { text-decoration: none; background: #F9D585; }
#main .post-container .post .right .blog-post .blog-content { width: 100%; width: 100%; }
#main .post-container .post .right .blog-post .blog-content .title { margin: 0 0 5px 0; color: #ffb718; font-size: 23.09px; line-height: 32.71px; font-weight: bold; }
#main .post-container .post .right .blog-post .blog-content .artc-img { width: 100%; height: 155px; margin-bottom: 10px; }
#main .post-container .post .right .blog-post .blog-content .artc-img img { width: 100%; height: 100%; }
#main .post-container .post .right .blog-post .blog-content * { max-width: 100%; }
#main .post-container .post .right .blog-post .blog-content .content { color: #414042; font-size: 13.47px; line-height: 17.32px; }
#main .post-container .post .right .blog-post .blog-post-footer { width: 100%; margin-top: 25px; border-top: 3px solid #ffb718; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share { width: 100%; padding-top: 15px; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share span { color: #00689b; font-size: 14px; font-weight: bold; line-height: 18px; float: left; margin-right: 10px; padding-top: 3px; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share a { display: inline-block; float: left; color: #fff; background: #000; padding: 3px 5px 3px 5px; margin-right: 10px; color: #00689b; font-size: 14px; line-height: 18px; border-radius: 2px; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share a:last-of-type { margin-right: 0; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share a i { margin-right: 4px; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share a:hover { text-decoration: none; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share .fb { background: #3c56a8; color: #fff; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share .tw { background: #2794e6; color: #fff; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share .gg { background: #fff; border: 1px solid #d4d4d4; color: #000; }
#main .post-container .post .right .blog-post .blog-post-footer .social-share .gg i { color: #d74631; }

footer { width: 100%; }
footer .footer { width: 100%; }
footer .footer .container_960 { padding: 0 24px 0 24px; }
footer .footer .footer-top { width: 100%; background: #95a3ab; padding: 26px 32px 25px 32px; border-top: 1px solid #9eabb2; border-bottom: 1px solid #9eabb2; }
footer .footer .footer-top.footer-banks { padding: 10px 32px 10px 32px; }
footer .footer .footer-top .footer-top-left { color: #ffffff; font-size: 20px; font-weight: bold; line-height: 18px; margin-top: 10px; float: left; }
footer .footer .footer-top .footer-top-right { float: right; }
footer .footer .footer-bottom { background: #4a4f55; padding: 30px 20px 14px 20px; border-top: 2px solid #4a4f55; }
footer .footer .footer-bottom .footer-widgets { width: 100%; }
footer .footer .footer-bottom .footer-widgets .phone { color: #ffffff; font-size: 20px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }
footer .footer .footer-bottom .footer-widgets .footer-widget { width: calc(50% - 15px); float: left; }
footer .footer .footer-bottom .footer-widgets .footer-widget:nth-child(1) { margin-right: 30px; }
footer .footer .footer-bottom .footer-widgets .footer-widget .title { color: #ffffff; font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 15px; }
footer .footer .footer-bottom .footer-widgets .footer-widget .desc { color: #ffffff; font-size: 18px; line-height: 28px; max-width: 310px; }

a {
    color: #ffffff;
}

footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu { width: 100%; height: 65px; }
footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu ul { list-style: none; padding: 0; margin: 0; float: left; max-width: 99px; margin-right: 15px; }
footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu ul:last-of-type { margin-right: 0; }
footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu ul li { float: left; width: 100%; }
footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu ul li a { color: #ffffff; font-size: 11px; line-height: 18px; text-decoration: none; }
footer .footer .footer-bottom .footer-widgets .footer-widget .footer-menu ul li a:hover { text-decoration: underline; }
footer .footer .footer-copyright { display: table; width: calc(960px - 48px); border-top: 1px solid #b7bcc2; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 10px 0 10px 0; }
footer .footer .footer-copyright > .container_960 { width: 100%; padding: 0; }
footer .footer .footer-copyright .footer-copyright-left { width: auto; display: inline-block; }
footer .footer .footer-copyright .footer-copyright-left .footer-logo { max-width: 190px; max-height: 40px; float: left; margin-right: 10px; }
footer .footer .footer-copyright .footer-copyright-left .footer-logo a img { max-width: 100%; max-height: 100%; }
footer .footer .footer-copyright .footer-copyright-left .copyright { float: left; color: #fff; font-size: 12px; line-height: 18px; padding-top: 12px; }
footer .footer .footer-copyright .footer-copyright-right { float: right; width: auto; display: inline-block; }
footer .footer .footer-copyright .footer-copyright-right .socials { float: right; margin-bottom: 10px; }
footer .footer .footer-copyright .footer-copyright-right .socials a { display: inline-block; width: 36px; height: 36px; border-radius: 50%; background: #000; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 18px; text-decoration: none; text-align: center; padding-top: 9px; margin-right: 5px; }
footer .footer .footer-copyright .footer-copyright-right .socials a:last-of-type { margin-right: 0; }
footer .footer .footer-copyright .footer-copyright-right .socials a:hover { text-decoration: none; }
footer .footer .footer-copyright .footer-copyright-right .socials .fb { background: #3b5998; }
footer .footer .footer-copyright .footer-copyright-right .socials .fb:hover { background: rgba(59, 89, 152, 0.5); }
footer .footer .footer-copyright .footer-copyright-right .socials .tw { background: #00aced; }
footer .footer .footer-copyright .footer-copyright-right .socials .tw:hover { background: rgba(0, 172, 237, 0.5); }
footer .footer .footer-copyright .footer-copyright-right .socials .gg { background: #dd4b39; }
footer .footer .footer-copyright .footer-copyright-right .socials .gg:hover { background: rgba(221, 75, 57, 0.5); }
footer .footer .footer-copyright .footer-copyright-right .copyright { color: #ffffff; font-size: 13px; line-height: 50px; text-align: right; }

.g-recaptcha { display: inline-block; }

.alert { width: 100%; padding: 10px; border: 1px solid #FFB718; border-radius: 10px; margin: 10px 0 10px 0; text-align: center; }
.alert.alert-error { color: #E81515; }
.alert.alert-success { color: #15e835; }

@media all and (max-width: 960px) { .head .socials { padding-right: 20px; }
  header .menu ul { margin: 35px 0 0 0; }
  header .menu ul li a { font-size: 13px; }
  .container_960, footer .footer .footer-copyright { width: 100%; }
  #main .content-slider .slider-pagenavi ul li a .title { font-size: 13px; }
  #main .two-blocks .one-block { height: auto; } }
@media all and (max-width: 850px) { #main .two-blocks { padding: 0 10px 0 10px; }
  #main .two-blocks .one-block { width: 100%; margin-right: 0; margin-bottom: 20px; }
  footer .footer .footer-copyright .footer-copyright-left { float: none; width: 100%; }
  footer .footer .footer-copyright .footer-copyright-right { float: none; width: 100%; }
  footer .footer .footer-copyright .footer-copyright-left .footer-logo { float: none; width: 100%; max-width: initial; text-align: center; }
  footer .footer .footer-copyright .footer-copyright-left .footer-logo img { max-width: 100%; width: auto; }
  footer .footer .footer-copyright .footer-copyright-right .copyright { width: 100%; line-height: normal; padding-top: 40px; text-align: center; } }
@media all and (min-width: 801px) { header .menu ul { display: block !important; } }
@media all and (max-width: 800px) { header .menu ul { display: none; position: absolute; top: 90px; right: 0; width: 100%; margin: 0 0 0 0; border-top: 1px solid #333; }
  header .menu ul li { float: none; margin-right: 0; width: 100%; text-align: center; }
  header .menu ul li a { display: inline-block; width: 100%; padding: 10px; line-height: 22px; background: #FFF; }
  header .menu ul li a:hover { color: #fff; background: #FFB718; }
  header .menu ul li a:hover:before { display: none; }
  header .menu .mobile-btn { display: block; }
  #main .slider, #main .slider .slides ul li img { height: 430px; }
  #main .content-slider .slider-pagenavi ul li { width: calc(100% / 3); }
  #main .content-slider .slider-pagenavi ul li.active > a .title { background: rgba(255, 183, 24, 0.9); top: 0; width: 100%; height: 100%; padding: 40px 5px 22px 5px; }
  #main .post-container .post .left, #main .post-container .post .right { width: 100%; float: none; }
  #main .post-container .post .left:after, #main .post-container .post .right:after { display: table; clear: both; content: ''; } }
@media all and (max-width: 655px) { #main .slider, #main .slider .slides ul li img { height: 400px; }
  #main .post-container .post .right .products { display: table; width: calc(200px * 2 + 12px); margin-left: auto; margin-right: auto; }
  #main .post-container .post .right .products article { width: 200px; }
  #main .post-container .post .right .products article:nth-child(3n+3) { margin-right: 12px; }
  #main .post-container .post .right .products article:nth-child(2n+2) { margin-right: 0; } }
@media all and (max-width: 600px) { #main .slider, #main .slider .slides ul li img { height: 360px; } }
@media all and (max-width: 550px) { #main .slider, #main .slider .slides ul li img { height: 340px; } }
@media all and (max-width: 525px) { #main .slider, #main .slider .slides ul li img { height: 320px; }
  #main .post-container .post .right .products { width: 200px; }
  #main .post-container .post .right .products article { width: 200px; margin-right: 0 !important; } }
@media all and (max-width: 480px) { #main .slider, #main .slider .slides ul li img { height: 300px; }
  #main .two-blocks .one-block.blog .block-content .list article .artc-left { float: none; margin-bottom: 10px; }
  #main .two-blocks .one-block.blog .block-content .list article .artc-right { float: none; width: 100%; }
  #main .two-blocks .one-block.aboutus .blog-content .left { float: none; width: 100%; margin-bottom: 10px; text-align: center; }
  #main .two-blocks .one-block.aboutus .blog-content .left img { max-width: 100%; width: auto; }
  #main .two-blocks .one-block.aboutus .blog-content .right { float: none; width: 100%; }
  #main .two-blocks .one-block.aboutus .blog-content .read-more { float: right; }
  #main .two-blocks .one-block.aboutus .blog-content .read-more:after { display: table; clear: both; content: ''; } }
@media all and (max-width: 430px) { #main .slider, #main .slider .slides ul li img { height: 280px; }
  #main .content-slider .slider-pagenavi ul li { width: 100%; }
  footer .footer .footer-bottom .footer-widgets .footer-widget { width: 100%; margin-right: 0; margin-bottom: 20px; }
  #main .post-container .post .right form .form-box { float: none; width: 100%; margin-right: 0; } }

/*# sourceMappingURL=style.css.map */