/*   
Theme Name: metallsmasters
Author: Dmitrij Nikolaenko
Authot Email: dmitrij.nikolaenko.91@gmail.com
*/
html, body{width:100%;min-height:100%;}
body{background: url('/wp-content/themes/metallsmasters/img/fon-site.jpg');background-attachment: fixed;word-break:break-word;}
* {margin:0;padding:0;}
.both{clear:both;}
html, body {height:100%;}
#content-sites {display:flex;flex-direction:column;height:100%;}
#content {flex: 1 0 auto;}
#footer {flex: 0 0 auto;}
a, input, img, textarea{outline:none;}
a{transition:0.3s;}
a:hover{transition:0.3s;}
h1, h2, h3, h4, h5{font-family:'Play', sans-serif; word-break: break-word;}
h1{font-size:32px;
padding-bottom:24px;}
h2{font-size:28px;padding-bottom:22px;padding-top:25px;width: 100%;}
h3{font-size:26px;padding-bottom:20px;padding-top:25px;width: 100%;}
h4{font-size:24px;padding-bottom:18px;padding-top:25px;width: 100%;}
h5{font-size:22px;padding-bottom:16px;padding-top:25px;width: 100%;}
p{font-size:17px;padding-bottom:20px;font-weight:400;line-height:150%;word-break:break-word;}
#go-top {position:fixed;width:50px;height:50px;line-height:50px;bottom:40px;right:40px;z-index:99;text-align:center;color: #fff !important;background:rgba(3, 187, 248, 0.32) url('/wp-content/themes/metallsmasters/img/to-top.png');background-position: center center;background-repeat:no-repeat;cursor:pointer;transition:0.4s;}
#go-top:hover {background:rgba(0, 0, 0, 0.54) url('/wp-content/themes/metallsmasters/img/to-top.png');background-position:center center;background-repeat:no-repeat;transition: 0.4s;}
.arrow-bottom {position:relative;}
.arrow-bottom:before {content: '';position:absolute;right:-14px;top:6px;border:5px solid transparent;border-top:5px solid #e0e0e099;transition:0.3s;}
.arrow-top {position: relative;}
.arrow-top:before {position:absolute;right:-14px;top:1px;border:5px solid transparent;border-bottom:5px solid #e0e0e099;transition:0.3s;}
footer {display:inline-block;width:100%;z-index:2;bottom:0px;}
.breadcrumbs-page{border-bottom:1px solid #f1f1f1;padding-bottom:15px;margin-bottom:25px;}
.breadcrumbs-page a{text-decoration:none !important;color:#391c0c99 !important;text-shadow:none;}
.breadcrumbs-page a:hover{text-decoration:underline !important;}
.gallery {float: none;display: inline-block;width: 100%;}
.gallery img{width:100%;height:auto;border:none !important;margin-bottom:0px;transition:0.3s;}
.gallery img:hover{-webkit-filter:sepia(100%);transition:0.3s;}
.gallery-item{margin-top: 0px;}
/**defaul for img***/
.alignleft img, .aligncenter img, .alignright img{max-width: 100% !important;}
.alignleft{max-width:40% !important;height:auto;margin-right:25px !important;margin-bottom:25px;margin-top:25px;float:left !important;}
.aligncenter{max-width:100%;height:auto;margin-bottom:25px;margin-top:25px;float: none;}
.alignright{max-width:50%;height:auto;margin-left:25px;margin-bottom:25px;margin-top:25px;float:right;}
.active-img {position: fixed !important;z-index: 999 !important;overflow: unset !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.38) !important;width: auto;max-height: 90%;margin: 0px;}
.close-img{position:fixed;z-index:999;width:30px;height:30px;top:8px;right:8px;background:url('/wp-content/themes/metallsmasters/img/close-img.png');background-size:contain;cursor:pointer;display:none;z-index:999;}
.fon-site{background:#fff;height: 100%;}
.container-footer{background:#17181c;}
.social-href{color:#005279;font-size:28px;padding:6px;	}
.copiright{text-align:center;padding-bottom:16px;color:#888;padding-top:16px;border-top:1px solid #101114;margin-top:16px;}
.content-top-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:25px;padding-bottom:6px;}
.menu-footer ul{list-style-type:none;margin:0px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.menu-footer a{text-decoration:none;color:#cecece;padding:16px;font-size:15px;display:block;}
.menu-footer a:hover, .top-header a:hover{color:#888;}
.top-header ul{background:#17181c;width:100%;margin:0px;list-style-type:none;display:flex;padding-left:25px;padding-right:25px;box-sizing:border-box;padding-top:10px;padding-bottom:10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;	}
.top-header a{color:#6d6d6d;text-decoration:none;padding:8px 22px 8px 0px;font-size:13px;}
.center-header{display:flex;padding:25px;background: url('/wp-content/themes/metallsmasters/img/fon-header.jpg');background-repeat: no-repeat;background-size:cover;background-position:center;position:relative;    flex-direction: row;
    justify-content: space-between;}
.center-header:before{content:'';position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:rgba(0, 0, 0, 0.55);z-index:1;}
.center-header a{position:relative;z-index:3;color:#fffffd;text-decoration:none;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;}
.center-header img{height:50px;margin-right:15px;	}
.center-header span{font-size:26px;font-weight:600;font-family:'Play', sans-serif;padding-bottom:0px;display:block;border-bottom:3px solid #f35e1d;margin-bottom:6px;}
.center-header nav{font-size:13px;text-transform:uppercase;font-weight:300;letter-spacing:0.2px;}
.bottom-header{position:relative;}
.bottom-header ul{background:#17181c;width:100%;margin:0px;display:flex;align-items:center;flex-direction: row;flex-wrap: wrap;justify-content: space-between;padding-left: 17px;padding-right: 17px;box-sizing: border-box;padding-top: 18px;padding-bottom: 18px;list-style-type: none;	}
.bottom-header a{font-size: 14px;text-decoration: none;color: #fffffd;padding: 8px;}
.bottom-header a:hover{color: #f35e1d;}
.box-content-pages{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-top:25px;padding-bottom:25px;}
.left-site-bar{width:320px;}
.right-content-page{width:calc(100% - 345px);position: relative;}
.menusitebar{margin-top:25px;margin-bottom: 25px;padding-top: 17px;background: #f1f1f1;padding-bottom: 17px;padding-left: 25px;padding-right: 25px;box-sizing: border-box;}
.menusitebar ul{list-style-type: none;margin-left: 0px;}
.menusitebar a:hover{color: #f35e1d;}
.menusitebar a{text-decoration: none;display: block;padding: 12px 0px;color: #444;font-size: 14px;border-bottom: 1px solid #dcdcdc;}
.menusitebar li > ul{margin-left: 25px;margin-bottom: 1px;}
.new-articles-sitebar{margin-bottom: 25px;}
.new-articles-sitebar nav{background: #f1f1f1;font-size: 15px;padding: 15px 25px;font-weight: 600;color: #333;	}
.post-new-articles{padding-bottom: 15px;border-bottom: 1px solid #f1f1f1;padding-top: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;text-decoration: none;color: #333;}
.post-new-articles:hover{color: #f35e1d;}
.post-new-articles section{width: calc(100% - 70px);}
.post-new-articles span{font-size: 14px;display: block;padding-bottom: 6px;font-weight: 400;}
.img-new-articles{width: 50px;height: 50px;}
.info-post{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-bottom: 0px;padding-top: 0px;color: #888;}
.info-post p{font-size: 13px;padding-right: 15px;padding-bottom: 0px;}
blockquote{quotes: none;display: inline-block;background: #f1f1f1;padding: 25px;padding-bottom: 0px;color: #000 !important;margin-bottom: 25px;margin-top: 25px;position: relative;padding-left: 50px;}
blockquote:before{content: '';position: absolute;left: 25px;top: 25px;bottom: 25px;width: 2px;background: rgba(136, 136, 136, 0.42);}
.right-content-page li{font-size: 17px;padding-bottom: 4px;font-weight: 400;line-height: 150%;	}
.right-content-page ul, .right-content-page ol{padding-bottom: 25px;display: inline-block;}
.top-banner-pages{float: left;width:100%;max-width: 320px;margin-bottom: 25px;margin-right: 20px;margin-top: 5px;min-height: 250px;z-index: 99;box-sizing: border-box;}
.text-article img{cursor: pointer;max-width: 100%;height: auto;}
.text-article a{color: #03A9F4;}
.text-article a:hover{text-decoration: none;color: #f35e1d;}
.hover-site{position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.38);z-index: 3;display: none;}
.box-category-index{width: 33.333%;}
.post-category-index{position: relative;}
.post-category-index:before{content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.45);z-index: 1;}
.post-category-index{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 65px 25px 35px 25px;
box-sizing: border-box;width: 50%;text-decoration: none;color: #fff;position: relative;background-position: center;background-size: 100% !important;}
.post-category-index p, .post-category-index span, .post-category-index nav{position: relative;z-index: 2;}
.post-category-index:hover{background-size: 120% !important;transition: 0.3s;}
.box-category-index{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.post-category-index span{display: block;font-size: 22px;font-weight: 600;	padding-bottom: 6px;}
.post-category-index section, .category-description{max-height: 48px;overflow: hidden;margin-bottom: 8px;}
.block-after-menu{margin-top: 0px;margin-bottom: 25px;width: 100%;	}
.block-before-menu{margin-top: 0px;margin-bottom: 25px;min-height: 250px;width: 100%;}
#searchsubmit{font-size: 14px;padding: 12px;border: 1px solid #dcdcdc;width: 80px;text-align: center;box-sizing: border-box;	background: #f1f1f1;transition: 0.3s;}
#searchsubmit:hover{background: #dcdcdc;transition: 0.3s;}
.input-search{font-size: 15px;padding: 12px;border: 1px solid #dcdcdc;background: transparent;margin: 0px;box-sizing: border-box;width: calc(100% - 84px);}
.screen-reader-text{display: block;font-size: 16px;padding-bottom: 8px;	}
.post-category{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 25px;text-decoration: none;color: #333;	}
.post-category:hover{color: #f35e1d;}
.post-category section{width: calc(100% - 175px);}
.post-category nav{font-size: 20px;font-weight: 500;padding-bottom: 12px;	}
.post-category section > span{font-size: 15px;display: inline-block;}
.post-category section > span p{padding-bottom: 8px;font-size: 15px;}
.reting-post-category{margin-bottom: 6px;}
.img-post-category{width: 150px;height: 150px;	}
#comments{font-size: 22px;padding-bottom: 0px;font-family: 'Play', sans-serif;padding-bottom: 15px;display: block;border-top: 1px solid #f1f1f1;padding-top: 12px;}
.commentlist{list-style-type: none;margin-left: 0px;	width: 100%;box-sizing: border-box;}
.commentlist p{font-size: 15px;padding-bottom: 6px;word-break: break-word;}
.commentlist li{display: block;margin-bottom: 12px;margin-top: 12px;}
.commentlist a{font-size: 12px;color: #bdbdbd;text-decoration: none;}
.commentlist a:hover{text-decoration: underline;}
.comment-reply-link{color: #03A9F4 !important;}
.comment-author{display: flex;align-items: center;padding-bottom: 3px;font-size: 14px}
.comment-author img{margin-right: 5px;}
#reply-title{padding-bottom: 8px;border-top: 1px solid #f1f1f1;padding-top: 12px;}
.comment-form p{padding-bottom: 6px;font-size: 15px;}
.comment-form label{display: block;font-size: 14px;}
.comment-form input{padding: 8px 12px;margin-bottom: 6px;	}
.comment-awaiting-moderation{color: #f35e1d;font-size: 15px;}
.comment_for_moderation p{color: #d4d4d4;}
.submit{background: #03a9f4;border: 1px solid #03a9f4;padding: 12px 24px !important;color: #fff;transition: 0.3s;}
.submit:hover{background: #005279;border: 1px solid #005279;transition: 0.3s;}
.comment-form a{color: #03A9F4 !important;text-decoration: none !important;font-weight: 300;}
.comment-form textarea{width: 100%;box-sizing: border-box;}
.comment-reply-title a{display: block;padding-left: 25px;text-decoration: none;color: #000;font-size: 15px;padding-top: 5px;font-weight: 600;}
.comment-reply-title small > a {font-size: 14px !important;color: #888;}
.display_none{display: none;}
.title-posts-similar{display: block;padding-bottom: 16px;padding-top: 18px;font-size: 22px;font-family: 'Play', sans-serif;font-weight: 600;}
.quantity-article{font-size: 15px;padding-bottom: 12px;color: #888;}
.box-quantity-article i{padding-right: 8px;}
.text-site-map ul, .text-site-map ol{width: 100%;margin: 0px;padding-left: 25px;box-sizing: border-box;}
.comment-respond{display: inline-block;width: 100%;}
table{border-collapse: collapse;border: 3px solid #000;width: 100%;overflow-x: auto;font-size: 16px !important;}
td, th {padding: 5px; border: 1px solid #333;}
table tr:nth-child(odd){background: #f3f3f3;}

.top-banner-pages-fixed{margin-top:0px;position:fixed;top: 0px;z-index: 80;}
.block-bottom-site-bar-fixed{margin-top:0px;position:fixed;top: 0px;}
.info-post-active{margin-top:350px;}
.article-pages-active{margin-bottom: 360px;}
.comment-form-author > .required, .comment-form-email > .required, .comment-notes{display:none;}

/**for push**/
.perfecty-push-dialog-box{
	
}
.perfecty-push-dialog-title{
font-size: 18px !important;	
}
.perfecty-push-dialog-box .perfecty-push-dialog-icon{
	width: 50px !important;
}
#perfecty-push-dialog-cancel{
padding: 8px 12px;
    border: 1px solid #cecece !important;
    border-radius: 3px !important;    background: #fff !important;
}
#perfecty-push-dialog-subscribe{
padding: 14px 18px !important;
    background: #91ff63 !important;
    border-radius: 3px !important;
    border: 1px solid #52f10f !important;
    font-size: 14px !important;
}
.sale-site-box{
    background: #b3ffd7;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #888;	
}
.sale-site-box a{
    text-decoration: none;
    color: #fff;
    background: #f90;
    padding: 14px 18px;
    display: inline-block;
    margin-top: 15px;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid #ed8e00;
    font-weight: 600;	
}
nav.sale-site{
    font-size: 24px;
    font-weight: 600;	
}



/*****/
/***for calcul metallow***/
.box-calculator-metall{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.left-container-calcul{width: 30%; box-sizing: border-box;}
ol.types-procat{
    margin: 0px;
    list-style-type: none;
    display: block;	 box-sizing: border-box;	
}
ol.types-procat li{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
    padding: 4px 8px;
}
ol.types-procat li:nth-child(even){
	background: #f1f1f1;
}
ol.types-procat li > input{margin-right:6px;}
ol.types-procat li > label{
width: 100%;	
}
.box-calcul-metall-marks{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;	
}
.metalls-for-calcul{
	width: calc(40% - 15px);
}
.box-calcul-metall-marks select{
padding: 6px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
}
.marks-metalls-for-calcul{
    width: 60%;	
}
.title-calcul-column{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;	
}
.right-container-calcul{
    width: calc(70% - 15px);
    box-sizing: border-box;	
}
.box-img-imputs-calcul {
	text-align:center;    padding-top: 15px;
}
.box-img-imputs-calcul img{
max-width: 260px;
    width: 90%;	
}
.box-img-imputs-calcul nav{
	text-align:center;
	font-size:18px;
	font-weight:600;
	display:block;
	padding-bottom:12px;
}
.box-result-calcul{
    text-align: center;
    font-size: 20px;
    color: #000;	
}
.box-result-calcul span{
    font-weight: 900;
    font-size: 24px;	
}
/***end for calcul metallow***/



@media(max-width: 1000px){
.post-category-index{width: 100%;}
}
@media(max-width: 980px){
.info-post{width: 100%;}
.top-banner-pages{float: none;width: 100%;min-width: 100%;padding-right: 0px;}
.vote-block ol.show-current{margin-bottom: 8px;}
}
.open-menu, .close-menu{display: none;}
@media(max-width: 820px){
.box-content-pages{flex-flow: wrap;}
.left-site-bar{margin-top: 25px;max-width: 100%;order: 1;width: 100%;}
.right-content-page{order: 0;width: 100%;}
.close-menu{color: #fff;font-size: 36px;position: fixed;z-index: 9999;top: 8px;left: 50%;margin-left: -10px;cursor: pointer;}
.open-menu{display: block;color: #fff;font-size: 36px;position: absolute;z-index: 99;top: 8px;left: 50%;margin-left: -15px;cursor: pointer;}
.open-menu:hover, .close-menu:hover{color: #f35e1d;transition: 0.3s;}
.bottom-header ul{position: fixed;top: 0px;z-index: 999;overflow-y: auto;flex-direction: column;padding-top: 54px;justify-content: center;width: 100%;text-align: center;}
.mobile_menu_ul{display: fl !important;}
.bottom-header {position: relative;background: #17181c;width: 100%;height: 52px;}
.bottom-header a {font-size: 16px;text-decoration: none;color: #fffffd;padding: 12px;display: block;}
.display-block-mobil{display: block !important;}
}
@media(max-width: 640px){
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:19px;}
.center-header span{font-size: 18px;}
.center-header nav{font-size: 13px;}
.center-header{padding-bottom: 15px;padding-top: 15px;}
.center-header section{width: calc(100% - 65px);}
.img-post-category {width: 100%;}
.post-category section { width: 100%;padding-top: 15px;}
}

.lang-box a{
padding-bottom: 6px;
    display: flex;
    justify-content: end;	
}
.lang-box span{
font-size: 16px;
    border-bottom: 0px;
    margin-bottom: 0px;
}
.lang-box img{
	margin-right: 5px;
}