body{ font-family:'Open Sans', sans-serif; color:#707070;}
a{ text-decoration:none; color:inherit; outline:none; cursor:pointer }
i{ font-size:14px;}
img{ border:0; max-width:100%;}
*{ outline:none; box-sizing:border-box;}
.hidden{ display:none;}
.section{ width:100%; float:left;}
.bg-grey{ background:#f9f9f9;}
.p-none{ padding:0;}
.p-15{ padding:15px;}
.p-30{ padding:30px;}
.pt-none{ padding-top:0;}
.pt-15{ padding-top:15px;}
.pt-30{ padding-top:30px;}
.pt-50{ padding-top:50px;}
.pt-100{ padding-top:100px;}
.pr-none{ padding-right:0;}
.pr-15{ padding-right:15px;}
.pr-30{ padding-right:30px;}
.pr-50{ padding-right:50px;}
.pb-none{ padding-bottom:0;}
.pb-15{ padding-bottom:15px;}
.pb-30{ padding-bottom:30px;}
.pb-50{ padding-bottom:50px;}
.pb-100{ padding-bottom:100px;}
.pl-none{ padding-left:0;}
.pl-15{ padding-left:15px;}
.pl-30{ padding-left:30px;}
.pl-50{ padding-left:50px;}

.m-none{ margin:0;}
.m-15{ margin:15px;}
.m-30{ margin:30px;}
.mt-none{ margin-top:0;}
.mt-15{ margin-top:15px;}
.mt-30{ margin-top:30px;}
.mr-none{ margin-right:0;}
.mr-15{ margin-right:15px;}
.mr-30{ margin-right:30px;}
.mb-none{ margin-bottom:0;}
.mb-15{ margin-bottom:15px;}
.mb-30{ margin-bottom:30px;}
.ml-none{ margin-left:0;}
.ml-15{ margin-left:15px;}
.ml-30{ margin-left:30px;}

.header{ width:100%; border-bottom:5px solid #ffc10d;}
.header .logo{ padding:15px 0}
.header .phone{ padding-top:10px; color:#7f7f7f; font-size:14px; line-height:14px;}
.header .phone i{ margin-right:5px; font-size:16px; float:left; line-height:18px;}
.social-icons{ background:#f0f0f0; padding:5px; color:#7f7f7f; width:32px; height:32px; text-align:center; position:relative; display:flex; align-items:center; justify-content:center; margin-right:1px; transition:.3s ease}
.social-icons.facebook:hover{ background:#45619d; color:#fff;}
.social-icons.twitter:hover{ background:#55acee; color:#fff;}
.social-icons:last-child{margin-right:0}
.header .catalog{ padding:8px 10px; background:#f0f0f0; font-size:14px; transition:.3s ease;}
.header .catalog:hover{background:#ffc10d; color:#fff;}
.header .catalog i{ margin-right:10px;}
.header .right-column{ align-content:space-between;}

.header .menu { color:#414141; font-size:16px;}
.header .menu .link-frame{}
.header .menu .link-frame ul.main-menu{ list-style-type:none; width:100%; float:left; margin:0; padding:0}
.header .menu .link-frame ul.main-menu li{ float:left; position:relative;}
.header .menu .link-frame ul.main-menu li:hover ul.dropdown-menu{ display:block;}
.header .menu .link-frame ul.dropdown-menu{display:none; position:absolute; top:37px; margin:0 -70px; padding:0; list-style-type:none; background:#fff; z-index:99; border:1px solid #f0f0f0; border-top:0;}
.header .menu .link-frame ul.dropdown-menu li { width:100%; float:left;}
.header .menu .link-frame ul.dropdown-menu li a{ padding:15px; border-bottom:1px solid #f0f0f0; width:100%; float:left; font-size:14px; transition:.3s ease;}
.header .menu .link-frame ul.dropdown-menu li:hover a{ background:#f0f0f0; color:#000;}
.header .menu .link-frame ul.dropdown-menu li:last-child a{ border:0;}
.header .menu .link{ float:left;padding:0 15px 10px; position:relative; height:32px}
.header .menu .link:after{ position:absolute; content:''; left:0; right:0; height:5px; bottom:-5px; background:#ffc10d; transition:.3s ease}
.header .menu li:hover .link:after,.header .menu .link.active:after{background:#b38501}
.header .menu .link:last-child:after{ right:0;}
.sub-dropdown { display:none; position:absolute; left:100%; list-style:none; padding:0; z-index:99; width:200px;}
.sub-dropdown li a{ background:#f0f0f0 !important; transition:.3s ease; border-bottom:1px solid #fff !important;}
.sub-dropdown li:last-child a{border-bottom:1px solid #fff !important;}
.sub-dropdown li:hover a{ background:#ffc10d !important; color:#fff !important;}
.header .menu .link-frame ul.main-menu li ul.dropdown-menu li{ position:relative;}
.header .menu .link-frame ul.main-menu li ul.dropdown-menu li:hover .sub-dropdown { display:block;}

.slider{ border-bottom:10px solid #dddddd;}

.mainslider{ width:100%; height:100%; overflow:hidden;}
.mainslider .mainslide{ height:575px; position:relative;}
.mainslider .mainslide img{ float:left}
.mainslider .mainslide-title{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-bottom:100px;box-sizing:border-box;}
.mainslider .mainslide-title h2{font-size:48px; color:#fff; font-style:italic; margin:0 0 20px 0; width:100%; float:left; position:relative;opacity:0; bottom:-200px; transition:bottom 1s ease-out}
.mainslider .start-transition .mainslide-title h2{ opacity:1; bottom:0}

.mainslider .mainslide-title a{ color:#fff; font-size:20px;font-weight:600; float:left; opacity:0; position:relative; bottom:-200px; transition:bottom 1s ease-out}
.mainslider .start-transition3 .mainslide-title a{ bottom:0; opacity:1;}
.mainslider .mainslide-title a::after{ content:''; float:right; margin:13px 0 0 20px; height:2px; background:#ffc10d; width:30px; transition:.3s ease;}
.mainslider .mainslide-title a:hover::after{ width:60px;}

.mainslider .mainslide-title .mainslide-content{ width:50%; color:#fff; font-size:20px; font-weight:300; opacity:0; bottom:-200px; position:relative; transition:bottom 1s ease-out}
.mainslider .start-transition2 .mainslide-title .mainslide-content{ bottom:0; opacity:1;}


.custom-slider-arrows{ margin-top:-100px; position:relative; z-index:99}
.custom-slider-arrows .slide-button{ float:left; border:2px solid #ababab; margin-right:10px; padding:10px 14px 10px 13px; cursor:pointer; transition:.3s ease;}
.custom-slider-arrows .slide-button:hover{ border-color:#fff;}
.custom-slider-arrows .button-next{ margin-right:0;padding:10px 13px 10px 14px;}
.custom-slider-arrows .slide-button img{ float:left;}
.custom-slider-arrows .slide-button.swiper-button-disabled{ opacity:.5; cursor:default;}
.border-title{ position:relative; width:100%; float:left;}
.border-title:before{ position:absolute;content:''; bottom:20px; width:100%; height:2px; background:#c3c3c3;}
.border-title h5{ font-size:16px; color:#979797; width:100%; float:left; margin:0; font-weight:300}
.border-title h2{ font-size:32px; color:#ffc20e; float:left; background:#fff; margin:0; position:relative; z-index:3; margin-left:30px; padding:0 10px;}
.bg-grey .border-title h2{ background:#f9f9f9}
.aboutus-info{color:#707070; display:flex; flex-direction:column; justify-content:space-between;}
.aboutus-info .border-link{ align-self:flex-end;}
.border-link{ color:#777777; font-size:24px; font-weight:600;}
.border-link::after{ color:#777777; content:''; float:right; background:#ffc20e; width:75px; height:4px; margin:15px 0 0 20px;}
.products{ width:100%;}

.products .module{ padding:15px; width:33.3336%; display:flex; flex-direction:column;}
.products.list-2 .module{ width:50%; display:flex; flex-direction:column;}
.products .img-frame img{ float:left; width:100%;}
.products .title{ padding:15px; border-bottom:3px solid #ffc10d; background:#fff; float:left; width:100%; color:#6d6d6d; font-weight:600; font-size:16px; display:flex; flex-grow:1;align-items:center; justify-content:space-between}
.products .title i{ font-size:22px;}
.footer-links{ float:left; list-style-type:none; padding:0 50px 0 0; font-size:14px;}
.footer-links:last-child{padding:0;}
.footer-links li{ float:left; clear:both; margin-bottom:10px; position:relative;}
.contact-links.footer-links li{ position:relative; padding-left:30px; font-size:16px; margin-bottom:20px;}
.contact-links.footer-links li a{font-size:16px}
.contact-links.footer-links li i{ position:absolute; left:0; top:0; bottom:0; margin:auto 0; text-align:center; font-size:18px; width:20px; color:#8f8f8f; line-height:24px;}
.copyright{ font-size:12px; color:#666; font-weight:300;}
.top-image{background-color:#f0f0f0; height:180px}
.bottom-border{ width:100%; height:3px; background:#f0f0f0; float:left;}
.side-menu-frame{ border-right:3px solid #f0f0f0; }
.side-menu-frame h2{ margin:0 0 10px 0;}
.side-menu{ padding:0; float:left; list-style-type:none; width:100%; margin:0;}
.side-menu li{width:100%; float:left;}
.side-menu li a{width:100%; float:left; padding:10px 0; border-bottom:1px solid #f0f0f0; font-size:14px; transition:.3s ease;}
.side-menu li a:hover, .side-menu li a.active{background:#ffc10d; color:#fff; padding:10px;}
.photogallery a .imgframe{ width:100%; float:left;}
.photogallery .full{ width:100%; float:left; padding:10px;}
.photogallery .half{ width:50%; float:left; padding:10px;}
.photogallery a img{ float:left;}
.product-detail h1, h2, h3, h4, h5, h6{ color:#eaaf00}
.product-detail p{ line-height:26px}
.reference-frame-margin{ margin:0 -15px}
.reference-frame .module{ float:left; width:33.3336%; position:relative; padding:15px}
.reference-frame .module .title{background:#ffc10d; color:#fff; font-weight:600; padding:15px;}
.refdetailframe{ width:70%; display:flex}
.galleryframe{ margin:0 -15px}
.galleryframe .module{ float:left; width:33.3336%;padding:15px;}
.galleryframe .module a{ float:left; width:100%;border-bottom:5px solid #ffc10d}
.contact-form input, textarea{ width:100%; background:#fff; border:0; border-bottom:3px solid #f0f0f0; padding:10px 0; margin-bottom:5px; transition:border .3s, background .3s ease;}
.contact-form textarea{min-height:120px; resize:vertical; }
.contact-form input:focus, .contact-form textarea:focus{border-bottom-color:#ffc10d;}
input.button{ background:#ffc10d; border:2px solid #ffc10d; color:#fff; float:right; width:auto; padding:10px 20px; font-weight:600; transition:.3s ease;}
input.button:hover, input.button:focus{ background:#fff; border:2px solid #ffc10d; color:#ffc10d; float:right; width:auto; padding:10px 20px; font-weight:600; transition:.3s ease;}
.button{ background:#fff; border:2px solid #ffc10d; color:#ffc10d; float:right; width:auto; padding:10px 20px; font-weight:600; transition:.3s ease;}
.button:focus, .button:hover{ background:#ffc10d; color:#fff; cursor:pointer;}
.maps{width:100%; height:400px; float:left;}
#form_status .wrong{ color:#b10000;}
#form_status .successmes{ color:#00AA00;}
.mobile-top-bar, .close-icon, .menu-icon{ display:none;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ flex-basis:auto }


.border-title .catalog{ position:absolute; right:0; top:0; padding:5px 10px; background:#b38501; color:#fff;}
.border-title .catalog i{ margin-right:10px}

.video-frame { width:100%; float:left; padding:30px; background:#f0f0f0}
.video-frame p { margin:0 !important;}
.video-frame iframe{ width:100% !important; height:300px !important; margin-bottom:30px;float:left}
.video-frame iframe:last-child{ margin-bottom:0;}

.gallery-frame .module { padding:15px;}
.galleryvideo { width:100%; float:left;}
.galleryvideo iframe{ width:100%; height:300px; float:left;}
.gallerytitle { padding:10px; background:#ffc10d; color:#fff; float:left; width:100%;}

@media (max-width:1366px){
}
@media (max-width:992px){
    .mainslider .mainslide-title .mainslide-content{ width:100%;}
    .mainslider .mainslide{ height:425px;}
    .header .menu .link { font-size:14px; padding:0 10px 10px}
}
@media (max-width:768px){
    .pt-sm-none{ padding-top:0;}
    .pt-sm-50{ padding-top:50px;}
    .pb-sm-50{ padding-bottom:50px;}
    .pr-sm-15{ padding-right:15px;}
    .pl-sm-15{ padding-left:15px;}
    .pb-sm-30{ padding-bottom:30px;}
    .p-sm-15{ padding-left:15px;padding-right:15px;}
    .small-footer{ width:100%; display:none}
    .mobile-toggle{ border-bottom:2px solid #eaeaea; padding:10px; background:#f0f0f0; position:relative; font-size:16px; margin-bottom:0 !important;}
    .mobile-toggle::after{ content:'\f107'; right:10px; top:0; bottom:0; margin:auto; position:absolute; font-family:'FontAwesome'; height:25px }
    .side-menu{ padding-bottom:15px; display:none;}
    .side-menu li a{ padding:10px; margin-bottom:1px;background:#f9f9f9}
    .p-sm-none{ padding:0}
    .p-sm-5{ padding:5px}
    .border-title h2{ font-size:28px}
    .reference-frame .module{ width:50%}
    .galleryframe .module{ width:50%;}
    .menu-icon{ display:block; float:right; margin-top:15px;}
    .menu-icon i{ font-size:24px}
    .mobile-menu-frame{ display:none; position:fixed; z-index:99; background:rgba(76, 76, 76, 0.90); top:0; left:0; width:100%; height:100%; padding:30px;}
    .mobile-menu-frame.active{display:flex; justify-content:center; align-content:center;}
    .mobile-menu-frame.active .pull-right{display:flex; justify-self:center; align-self:center;}
    .mobile-menu-frame.active .close-icon{ display:block; position:absolute; right:20px; top:20px; z-index:8888; cursor:pointer }
    .main-menu{ padding:0; width:100%; float:left; margin:0}
    .main-menu li{ width:100%;}
    .header .menu .link{ width:100%; padding:15px 0; color:#fff; font-size:18px; height:auto}
    .header .menu .link-frame ul.dropdown-menu{ display:none !important;}
    .mobile-top-bar{ display:block; padding:0;}
    .d-sm-hidden{ display:none}
    .products .module{ width:50%}
    .header .phone{ margin:0 10px;}
    .header .catalog { font-size:12px}
    .border-title .catalog{ position:relative; margin-top:30px; float:left}
}
@media (max-width:540px){
    .galleryvideo iframe { height:210px}
    .mobile-top-bar{ padding:10px;}
    .mobile-top-bar .pull-right { width:100%;}
    .products .module{ width:100%;}
    .products.list-2 .module{width:100%;}
    .reference-frame .module{ width:100%}
    .galleryframe .module{ width:100%;}
    .border-title h2{ font-size:22px; margin:0; padding:0}
    .border-title::before{ display:none}
    .header .logo{ padding:0 15px 20px}
    .top-image{ height:100px;}
    .mainslider .mainslide-title h2{ font-size:30px;}
    .mainslide-content{ display:none;}
    .header .catalog{ color:#fff; background:#ffc10d;}
    .header .catalog { font-size:12px}

}