@font-face {
	font-family: 'Exo2Bold';
	src: url('../fonts/Exo2Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo2Light';
	src: url('../fonts/Exo2Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo2Medium';
	src: url('../fonts/Exo2Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Exo2Regular';
	src: url('../fonts/Exo2Regular.ttf') format('truetype');
}

body { font-family: 'Roboto', sans-serif; font-size: 16px; color: #000; }

header { padding: 15px 0; background: #f6f6f6; }

header .logo {  }

header .logo p { font-size: 14px; text-align: center; }

header .logo a { text-align: center; flex-wrap: wrap; justify-content: center; color: #f39235; font-family: 'Exo2Bold'; }

header .logo a img { width: 100%; display: block; max-width: 510px; }

header .logo a:hover { text-decoration: none; }

header .address p { text-align: right; margin: 0; width: 100%; color: rgb(131, 128, 128); }

header .phone, header .address, header .logo a { align-items: center; display: flex; }

header .phone a { color: rgb(131, 128, 128); display: flex; }

header .call { align-items: center; justify-content: flex-end; display: flex; flex-wrap: wrap; }

header .call .header-btn { color: #fff; font-family: 'Exo2Bold'; cursor: pointer; padding: 5px 20px; border-radius: 3px; background: #e74611; }

.menu-top { background: #141d2c; }

.menu-top .row { justify-content: center; position: relative; z-index: 2; }

.menu-top .mob-menu { display: none; }

.menu-top a { align-items: center; height: 44px; color: #fff; justify-content: center; display: flex; margin: 0px 10px; }

.menu-top a:hover { text-decoration: none; }

.content { background: #ffffff; }

.content h1 { color: #000; text-align: center; margin-bottom: 35px; margin-top: 15px; position: relative; font-size: 1.6rem; font-weight: bold; } 

.content h1:after {
    position: absolute;
    content: '';
    bottom: -15px;
    width: 165px;
    height: 2px;
    background: #e74611;
    left: calc(50% - 83px);
}

.content .menu-left { /*background: #fff;*/ background: #003f6f; box-shadow: 5px 5px 10px #e8e8e8; border: 1px solid rgb(241, 241, 241); border-radius: 3px; padding: 15px 0; }

.content .menu-left a { color: #fff; display: block; padding: 0 20px; }

.content .seo { background: #fff; clear: both; display: block; padding: 0 20px 15px 20px; margin-bottom: 30px; }

.content .seo h2 { color: #000; } 

.content .seo img { margin-bottom: 20px; max-width: 100%; display: block; }

.content .seo .cat, .content .seo .product { box-shadow: 5px 5px 10px #e8e8e8; border: 1px solid rgb(241, 241, 241); border-radius: 3px; margin-bottom: 30px; }

.content .seo .product .img img { border-radius: 3px 3px 0 0; border: 1px solid rgb(241, 241, 241); }

.content .seo .cat .title { background: #3E4C66; border-radius: 3px 3px 0 0; }

.content .seo .cat .title a h2 { font-size: 16px; color: #fff; padding: 10px 15px; }

.content .seo .product .title a h2 { font-size: 16px; color: #fff; padding: 10px 15px; }

.content .seo .cat .title a h2 { font-size: 16px; color: #fff; padding: 10px 15px; margin: 0; }

.content .seo .cat .title a:hover, .content .seo .product .title a:hover { text-decoration: none; }

.content .seo .cat .desc { padding: 5px 0 15px 12px; }

.content .seo .cat .desc a h2 { font-size: 14px; color: #e74611; padding: 10px 15px 0px 25px; margin: 0; text-align: left; position: relative; }

.content .seo .cat .desc a {color: #e74611;  }

.content .seo .cat .desc a:hover { text-decoration: none; }

.content .seo .cat .desc a h2:before { content: '\203A'; font-size: 23px; position: absolute; margin-left: -22px; top: 3px; }

.list-cat { box-shadow: 5px 5px 10px #e8e8e8; border: 1px solid rgb(241, 241, 241); border-radius: 3px; margin-bottom: 15px; }

.list-cat .img img { margin: 0 auto; max-width: 300px; width: 100%; }

.list-cat a:hover { text-decoration: none; }

.list-cat a h2 { background: #3E4C66; border-radius: 0 0 3px 3px; margin: 0; color: #fff!important; font-size: 18px; text-align: center; padding: 10px 15px; }

.content .seo .product .desc { margin-bottom: 15px; }

.content .seo .product .desc p { margin: 0; text-align: center; }

.content .seo .product .desc p.price span { font-weight: bold; color: #fe2e00; }

.content .seo .product .btn-cat { width: 100%; border: 0; padding: 0; }

.content .seo .product .btn-cat a  { text-align: center;
    background-image: -moz-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    color: #fff;
    padding: 10px 25px;
    border-radius: 3px;
    display: block;
}

.content .seo .product .btn-cat a:hover { text-decoration: none; }

.fl-left { float: left; }


footer { background: #282828; padding: 30px 0; }

footer .phone a { color: #f3f3f3; display: block; text-align: right; }

footer .phone a:hover { text-decoration: none; }

footer .phone a img.icon { width: 40px; height: 40px; border-radius: 50%; }

footer .call {  }

footer .call .header-btn { width: 178px; float: right; color: #fff; font-family: 'Exo2Bold'; cursor: pointer; padding: 5px 20px; margin-bottom: 15px; height: 34px; border-radius: 3px; background: #e74611; }

footer .phone { display: inline-block; width: 100%; }

footer .phone p { color: #f3f3f3; text-align: right; }

footer .link a { color: #f3f3f3; display: block; font-size: 13px; }

footer .link a.title { font-weight: bold; text-decoration: underline; font-size: 15px; }

#requestModalCall .modal-content, #requestModalBuy .modal-content { background: #fff; }

#requestModalCall .modal-body { margin-top: 40px; }

#requestModalCall h5, #requestModalBuy h5 { font-family: "Exo2Bold"; color: #fe2e00; font-size: 18px; text-align: center; position: absolute; width: calc(100% - 35px); }

#requestModalCall .modal-header, #requestModalBuy .modal-header { border-bottom: 0; }

#requestModalCall input, #requestModalBuy input { border: 1px solid #fe2e00; padding: 9px 23px; background: none; border-radius: 4px; width: 100%; outline: none; margin: 0 auto 15px auto; display: block; }

#requestModalCall textarea { height: 100px; max-height: 100px; color: #f5dfca; padding-left: 23px; width: 100%; border: 1px solid #fe2e00; border-radius: 4px; outline: none; background: none; }

#requestModalCall .but-request, #requestModalBuy .but-request { 
    position: relative; width: 195px; height: 40px; border: none; color: #fff; font-size: 20px; font-family: "Exo2Medium"; text-transform: uppercase; padding-top: 4px; cursor: pointer; margin: 10px 0; float: right; text-align: center; 
    background-image: -moz-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%);
    border-radius: 3px;
}

#requestModalCall p, #requestModalBuy p { margin: 0; font-size: 13px; padding-bottom: 15px; width: 50%; float: left; padding-top: 5px; }

#requestModalCall p a, #requestModalBuy p a { color: #003f6f; }

#requestModalCall .modal-header .close { font-family: none; }

.form-footer { background-color: #f9f9f9; box-shadow: 5px 5px 10px #e8e8e8; border: 1px solid rgb(241, 241, 241); border-radius: 3px; margin-bottom: 30px; float: left; }

.form-footer .left { float: left; width: 50%; background-color: #f9f9f9; }

.form-footer .left .h1 { color: #000; font-family: 'Exo2Bold'; text-align: center; margin-bottom: 0; margin-top: 15px; }

.form-footer .left .h2 { color: #000; font-family: 'Exo2Bold'; text-align: center; margin-top: -5px; }

.form-footer .left p { padding: 0 30px; }

.form-footer .left a { color: #fe2e00; font-family: 'Exo2Bold'; padding: 0 30px; display: block; width: 100%; font-size: 20px; text-align: center; margin-top: -15px; padding-bottom: 15px; }

.form-footer .right { float: right; width: 50%; background-color: #e9e9e9; padding: 30px; }

.form-footer .right textarea { margin-bottom: 10px; background: #fff; color: #000; padding: 10px 20px; width: 100%; border: 1px solid transparent; box-shadow: none; border-radius: 5px; outline: none; resize: none; }

.form-footer .right input { margin-bottom: 15px; font-size: 15px; background: #fff;  color: #000; padding: 10px 20px; width: 100%; border: 1px solid transparent; box-shadow: none; border-radius: 5px;  }

.form-footer .right .btn-form-foter { text-align: center; color: #fff; font-family: 'Exo2Bold'; cursor: pointer; padding: 7px 15px; font-size: 20px; width: 180px; border-radius: 5px; margin: 0 auto; margin-bottom: 10px; background: #e74611; }

.form-footer .right p { text-align: center; font-size: 14px; margin: 0; }

.contacts { float: left; }

.contacts a { display: block; color: #fe2e00; }

.contacts a span { color: #000; }

.contacts a:hover { text-decoration: none; }

.contacts p { margin: 0; }

.works .mosaicflow { width: 100%; }

.mosaicflow__item { padding: 3px; } 

.mosaicflow__column { float:left; } 

.mosaicflow__item img { 
    display: block;
    width: 100%;
    height: auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
} 

.mosaicflow__item img:hover { opacity: 0.6; filter: alpha(opacity=60); }

.link-sub-cat { text-align: center; }

.link-sub-cat a { display: inline-block;  }

.link-sub-cat a:hover { text-decoration: none; }

.link-sub-cat a h2 { font-size: 18px; background: #fe2e00; color: #fff; padding: 10px 20px; border-radius: 3px; margin: 0 10px 30px 10px; }

.page-product {  }

.page-product .img img { margin-bottom: 20px; max-width: 300px; display: block; width: 100%; box-shadow: 5px 5px 10px #e8e8e8; border: 1px solid rgb(241, 241, 241); border-radius: 3px; float: right; }

.page-product .desc {  }

.page-product .desc p { margin-bottom: 5px; }

.page-product .item table { width: 100%; box-shadow: 0px 5px 5px 0px rgb(46 45 45 / 50%); margin-bottom: 30px; }

.page-product .item table tr td { padding: 6px 20px; font-size: 14px!important; }

.page-product .item table tr.head td { background: #e74611; color: #fff; font-size: 14px!important; line-height: 14px; }

.page-product .item table tr td.center { text-align: center; }

.w-54 { width: 54px; }

.page-product .item table tr td.bg-gree { background: rgba(80,80,80,0.1); }

.page-product .item table tr td .btn-buy { width: 126px; background: #54ba3d; color: #fff; padding: 2px 10px; border-radius: 6px; font-weight: bold; letter-spacing: 1px; cursor: pointer; border: 4px solid #54ba3d; }

.page-product .item table tr td h2 { font-size: 16px; font-weight: bold; margin: 0; }


/*.page-product .btn-buy { color: #fff; font-family: 'Exo2Bold'; cursor: pointer; padding: 5px 20px;  border-radius: 3px; background-image: -moz-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%); background-image: -ms-linear-gradient( 0deg, rgb(29,179,42) 0%, rgb(122,198,30) 100%); width: 120px; text-align: center; margin-top: 25px; }*/

.services .seo .img img { display: block; margin: 0 auto 15px auto; max-width: 400px; width: 100%; }

.services .seo .txt h2 { margin-top: 15px; color: #fe2e00; }

.seo-list-cat { justify-content: center; display: flex; }

.banner-home { background: url('../image/tmp/b.jpg'); min-height: 400px; background-size: cover; display: flex; align-items: center; background-position-y: 30%; }

.banner-home .padding { max-width: 1000px; margin: 0 auto; display: block; width: 100%; }

.banner-home .padding p { margin: 10px 0; }

.banner-home .padding p span { background: #e74611; color: #fff; font-family: 'Exo2Bold'; font-size: 20px; padding: 5px 15px; display: inline-flex; }

@media (max-width: 1199px){
    
}


@media (max-width: 1024px){
    
}

@media (max-width: 991px){
    .menu-top { }
    footer .container, .content .container, header .container, .menu-top .container, .list-cat .container, .works .container, .seo-txt .container { margin: 0; max-width: initial; }
    .menu-top .mob-menu { height: 44px; background: #141d2c; width: 100%; align-items: center;  color: #ffffff; justify-content: center; display: flex; padding: 0px 10px 0 10px; text-transform: uppercase; }
    .menu-top a { display: none; width: 100%; background: #141d2c; text-align: center; padding: 10px; }
    .content .b-menu-left { display: none; }
    .content .b-seo { width: 100%; max-width: 100%; flex: unset; padding: 0; }
    .content .seo h2 { text-align: center; }
}

@media (max-width: 885px){
    header .logo { width: 100%; max-width: 100%; flex: unset; margin-bottom: 15px; }
    header .logo a strong { width: 100%; }
    header .logo a img {  max-width: 320px; width: 100%; }
    header .call { width: 100%; max-width: 100%; flex: unset; justify-content: center; margin-top: 15px; margin-bottom: 5px; }
    header .phone, header .address { width: 50%; max-width: 50%; flex: unset; }
    footer .logo { width: 100%; max-width: 100%; flex: unset; margin-bottom: 15px; }
    footer .logo a { width: 100%; }
    footer .logo a img { margin: 0 auto; max-width: 320px; width: 100%; }
    footer .logo a strong, footer .logo a p { width: 100%; }
    footer .link { flex: initial; max-width: 100%; }
    footer .link a { text-align: center; }
    footer .phone { width: 100%; max-width: 100%; flex: unset; }
    footer .phone { justify-content: center; }
    footer .phone a { text-align: center; }
    footer .call { width: 100%; max-width: 100%; flex: unset; justify-content: center; margin-top: 15px; margin-bottom: 5px; }
    footer .call .header-btn { display: block; float: none; margin: 0 auto 30px auto; }
    footer .phone p { text-align: center; }
}

.page-product .help { text-align: center; margin-top: -20px; font-size: 14px; display: none; }

@media (max-width: 850px){
    .form-footer .left, .form-footer .right { width: 100%; }
    
}

@media (max-width: 767px){
    .content .seo .cat, .content .seo .product { max-width: 300px; margin: 0 auto 30px auto; }
    .page-product .img img { float: none; margin: 0 auto 30px auto; }
    .page-product .form-footer { margin-top: 25px; }
    .page-product .btn-buy { margin: 25px auto 0 auto; }
}

@media (max-width: 575px){
    header .phone, header .address, footer .phone { width: 100%; max-width: 100%; }
    header .address p, footer .slogan p { text-align: center; }
    header .phone, footer .phone { padding-top: 10px; }
    header .phone a, footer .phone a { justify-content: center; }
    header .phone div, footer .phone div { width: 100%; }
    .page-product .item table { overflow-x: scroll; display: block; }
    .page-product .help { display: block; }
}

@media (max-width: 465px){
    #requestModalCall p, #requestModalBuy p {width: 100%;  }
    #requestModalCall .but-request, #requestModalBuy .but-request {  }
    .form-footer .left .h1 { padding: 0 15px 15px 15px; line-height: 1; }
}

@media (max-width: 425px){
    .form-footer { width: 100%; }
    .form-footer .left a { font-size: 15px; }
}

@media (max-width: 403px){
    #requestModalCall .modal-body { margin-top: 70px; }
}

@media (max-width: 375px){
    
}