/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: "titillium-web", sans-serif;
	font-size: 18px;
	color: #6b6b6b;
	font-weight: 400;
	line-height:2;
	word-break: break-word;
	scroll-behavior:smooth;
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 700; line-height:1.3; color:#1b2c77;
}

h1, .h1{font-size:36px; margin-bottom:1em}
h2, .h2{font-size:24px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:19px;}
h6, .h6{font-size:18px;}

p{margin-bottom:1em}


.maxw1{max-width:1390px; margin:0 auto; padding: 0 20px}
.maxw2{max-width:1000px; margin:0 auto; padding: 0 20px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.wrap{width:calc(100% + 20px); margin: 0 -10px}
.wrap .col16{width:calc(16.6666% - 20px); margin: 0 10px;}
.wrap .col20{width:calc(20% - 20px); margin: 0 10px;}
.wrap .col25{width:calc(25% - 20px); margin: 0 10px;}
.wrap .col33{width:calc(33.3333% - 20px); margin: 0 10px;}
.wrap .col35{width:calc(35% - 20px); margin: 0 10px;}
.wrap .col40{width:calc(40% - 20px); margin: 0 10px;}
.wrap .col50{width:calc(50% - 20px); margin: 0 10px;}
.wrap .col60{width:calc(60% - 20px); margin: 0 10px;}
.wrap .col65{width:calc(65% - 20px); margin: 0 10px;}
.wrap .col66{width:calc(66.666% - 20px); margin: 0 10px;}
.wrap .col75{width:calc(75% - 20px); margin: 0 10px;}
.wrap .col100{width:calc(100% - 20px); margin: 0 10px;}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:2em;}

.btn{display:inline-block; line-height:1; border:none}
.btn:hover{transform:translatey(-2px)}
.btn.blue_white{background:#1b2c77; color:#fff;}
.btn.green_white{background:#1e9039; color:#fff;}

.btn.small_round_btn{height:30px; width:30px; line-height:30px; font-size:20px; text-align:center; border-radius:100%; position:relative}
.btn.round_btn{height:56px; width:56px; line-height:56px; font-size:20px; text-align:center; border-radius:100%; position:relative}
.btn.round_btn span{position:absolute; width:100%; line-height:1; bottom:7px; font-size:8px; text-align:center; left:0}
.btn.social_btn{height:72px; width:72px; line-height:72px; font-size:24px; text-align:center; border-radius:100%; }
.btn.xl_btn{font-size:24px; padding:15px 25px; border-radius:5px;}
.btn.l_btn{font-size:18px; padding:15px 25px; border-radius:5px;}

.btn .icon_right{display:inline-block; margin-left:15px;}

.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid #ebebeb; padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container a{color:#1b2c77}
.content_container a:hover{color:#1e9039}

#template.fixed{overflow-y:hidden; height:100vh}

.mob_menu{position:fixed; right:0; top:0; z-index:99999; width:0%; display:flex; flex-wrap:wrap; justify-content: flex-end; height:100vh;  overflow:hidden; }
.mob_menu.active{ width:100%; }
.mob_menu .inner{background:url(img/metal_bg.jpg); padding: 20px; width:400px; max-width:100%; min-height:100vh;  height:100vh; overflow-y:scroll}
.mob_menu .inner .menu_top{text-align:right; margin-bottom:20px;}
.mob_menu .inner  ul {list-style:none; color:#1b2c77; font-weight:700}
.mob_menu .inner  ul li{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #1b2c77}
.mob_menu .inner  ul li a i{display:inline-block; margin-right:10px;}

.usp_bar{background:url(img/metal_bg.jpg); font-size:16px;padding:10px 0}
.usp_bar .usps .usp{display:inline-block; margin-right:50px;}
.usp_bar .usps .usp:before{content:"\f00c"; font-family:"Font Awesome 6 Pro"; font-weight:900; display:inline-block; margin-right:8px; color:#1b2c77}

.header{padding: 20px 0}
.header .logo{width:250px;}
.header .right{width:calc(100% - 250px);}
.header .right .search_bar{background:#f4f4f4; border-radius:5px; padding:11px 20px; line-height:1; margin-right:30px;}
.header .right .search_bar input{background:transparent; border:none; color:#6b6b6b; font:inherit; font-size:16px; width:245px}
.header .right .search_bar input::placeholder{ color:#6b6b6b}
.header .right .search_bar button{font:inherit; background:transparent; border:none; color:#6b6b6b}
.header .right .advise_bar .img{width:110px; margin:-30px 0 -20px}
.header .right .advise_bar .text{width:110px; color:#1b2c77; line-height:1.3; width: 180px; margin-left:20px;}
.header .right .advise_bar .text b{font-weight:700; color:#1e9039}
.header .right .btns{margin-left:50px}
.header .right .btns .btn{margin-left:10px; vertical-align:middle}
.header .right .btns .lang{display:inline-block; vertical-align:middle}
.header .right .btns .menu_btn{display:none; position:relative;}


.menu_bar{background:#1b2c77; color:#fff; font-size:22px}
.menu_bar ul li{display:inline-block; margin-right:50px; }
.menu_bar ul li:last-of-type{margin-right:0}
.menu_bar ul li.highlight{font-weight:700;}
.menu_bar ul li a i{display:inline-block; margin-right:10px;}
.menu_bar ul li a{padding:13px 0; display:inline-block;position:relative;}
.menu_bar ul li a:hover:after{content:""; border-top:2px solid #1e9039; position:absolute; bottom:0; width:100%; left:0;} 

.slider{margin-bottom:80px;}
.slider .slide{position:relative; color:#fff; }
.slider .slide .overlay{background:linear-gradient(0, rgba(27,44,119,0.7) , transparent); padding:13% 0 8%; text-align:center; position: relative;    height: 100%;    width: 100%; min-height:170px;}
.slider .slide .overlay .title{font-size:50px; font-weight:700; line-height:1.3}
.slider .slide .overlay .subtitle{font-size:35px; font-weight:700; line-height:1.3}
.slider .slide .overlay .btn_bar{margin-top:3em;}
.slider.slider_subpage{margin-bottom:0}

.home_content{margin-bottom:70px;}
.home_content .col65{padding-right:80px;}
.home_content .col35 img{border-radius:5px;}
.home_content .col65 .btn_bar .btn{margin-right:10px; margin-bottom:5px;}
.home_content.img_text .col65{padding-left:80px; padding-right:0}

.branches_block{background:url(img/metal_bg_blue.jpg); padding: 60px 0 80px;}
.branches_block .h1{color:#fff}
.branches_block .branches {width:calc(100% + 50px); margin: 0 -25px}
.branches_block .branche{display:inline-block; position:relative;}
.branches_block .branches .branche{margin: 0 25px; }
.branches_block .branche:after{padding-bottom:100%; display:block; content:"";}
.branches_block .branche .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0, rgba(0,0,0,0.8) , transparent);}
.branches_block .branche .overlay .title{font-size:24px; font-weight:700; padding: 20px 25px; color:#fff; line-height:1.3 }
.branches_block .wrap .branche{margin-bottom:20px;}

.brands_block{background:url(img/metal_bg.jpg); padding: 60px 0 80px;}
.brands_block .brands_slide {width:calc(100% + 50px); margin: 0 -25px}
.brands_block .brand{ display:inline-block; position:relative; background:#fff;}
.brands_block .brand:after{content:""; padding-bottom:100%; display:block;}
.brands_block .brand .logo{ position:absolute; top:0; left:0; width:100%; height:100%; padding: 20px;     filter: grayscale(1);}
.brands_block .brands_slide .brand{margin: 0 25px;}
.brands_block .wrap .brand{margin-bottom:20px;}

.shop_banner{}
.shop_banner .overlay{background:rgba(0,0,0,0.75); padding:60px 0;}
.shop_banner .overlay .monitor{width:255px;}
.shop_banner .overlay .text{font-size:30px; font-weight:700; line-height:1.3; color:#fff; padding-left:110px;  position:relative;}
.shop_banner .overlay .text span{color:#0b9444}
.shop_banner .overlay .text .inner{display:inline-block; position:relative;}
.shop_banner .overlay .text .inner:after{content:""; width: 110px; height:38px; background:url(img/arrow.png) no-repeat center/cover; position:absolute; left:-100px; top:calc(100% + 15px);}


.footer{background:#1b2c77; color:#fff; padding-top:70px;}
.footer .title{font-size:30px; font-weight:700; margin-bottom:35px; line-height:1.3}
.footer .contact_details i{color:#0b9444; width:35px; display:inline-block;}
.footer ul li{list-style:none; }
.footer ul li a{margin-left:35px;}
.footer ul li a:before{content:"\f105"; font-family:"Font Awesome 6 Pro"; font-weight:700;  width:35px; display:inline-block; margin-left:-35px;}
.footer a:hover{opacity:0.7}

.footer .social_btns{text-align:right; padding-top:70px;}

.footer .bottom{margin-top:40px; padding:20px 0; border-top:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.3); font-size:16px;}

.col35 .contact_details{background:url(img/metal_bg.jpg); padding: 30px; border-radius:5px; margin-bottom:20px }
.col35 .contact_details i{color:#1b2c77; width:35px; display:inline-block;}
.col35 .contact_details b{color:#1b2c77;}
.col35 .contact_details a:hover{color:#1b2c77;}

.breadcrumbs{text-align:right; font-size:80%; color:#aaa; margin-bottom: 30px}

.team_block{margin-bottom:80px;}
.team_block .member{/*border:1px solid #1b2c77*/; margin-bottom:20px}
.team_block .member .image:after{content:""; padding-bottom:125%; display:block;}
.team_block .member .name{color:#1b2c77; font-weight:700; font-size:120%; line-height:1.2; margin-bottom:15px}
.team_block .member .text{padding: 20px;}
.team_block .member a i{color:#1b2c77; width:25px; display:inline-block;}
.team_block .member.new_member .image{/*border-bottom:1px solid #1b2c77*/}

.gallery .img{/*border:1px solid #6b6b6b*/; margin-bottom:20px;}
.gallery .img:after{content:""; padding-bottom:100%; display:block;}

.usp_icon_bar{background:url(img/metal_bg.jpg); padding: 60px 0}
.usp_icon_bar .usp_slider{margin: 0 -20px;}
.usp_icon_bar .usp{margin: 0 20px;}
.usp_icon_bar .usp .icon{width:80px;}
.usp_icon_bar .usp .text{width:calc(100% - 80px); padding-left:30px;}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 180px;  vertical-align:top}
.wpcf7 .form_field{width: calc(100% - 180px);  vertical-align:top}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid #888888 ; font:inherit; border-radius:5px; }
.wpcf7 input[type="submit"]{width:auto; border:none; line-height:1}
.wpcf7 input[type="submit"]:hover{}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 60px;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:#888888;top: 1px;left: 1px;visibility: hidden;font-size: 16px;text-align: center;line-height: 16px;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 6 Pro";font-weight:900;height: 12px;width: 12px;color:#888888; background:#888888; border-radius:100%; top: 3px;left: 3px;visibility: hidden;font-size: 15px;text-align: center;line-height: 16px;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}


@media only screen and (max-width: 1390px) {
	.brands_block .brands_slide {width:calc(100% + 20px); margin: 0 -10px}
	.brands_block .brands_slide .brand{margin: 0 10px; }
	
	.branches_block .branches {width:calc(100% + 20px); margin: 0 -10px}
	.branches_block .branches .branche{margin: 0 10px; }
}


@media only screen and (max-width: 1300px) {
	.menu_bar {    font-size: 20px;}
	.menu_bar ul li {margin-right: 50px;}
}

@media only screen and (max-width: 1180px) {
	.header .right .search_bar input {  width: 200px;}
	.header .right .advise_bar .img {width: 90px;}
	.header .right .btns {    margin-left: 30px;}
	.menu_bar{display:none}
	.header .right .btns .menu_btn{display:inline-block;}
	.header .right .advise_bar {display:none}
	.header .right .btns {    margin-left: 0px;}
	.home_content .col65{padding-right:30px;}
	.home_content.img_text .col65{padding-left:30px; padding-right:0}
	.team_block .member{width: calc(33.33% - 20px);}
	
}

@media only screen and (max-width: 1050px) {
	.menu_bar{display:none}
	.header .right .btns .menu_btn{display:inline-block;}
	.header .right .advise_bar {display:none}
	.header .right .btns {    margin-left: 0px;}
	.footer .wrap .col50 .col50{width: calc(100% - 20px);}
	.branches_block .wrap .col25{width: calc(33.333% - 20px);}
	
	.gallery .wrap .col16{width: calc(33.333% - 20px);}

}
@media only screen and (max-width: 1000px) {
	.brands_block .wrap .col20{width: calc(25% - 20px);}
}
@media only screen and (max-width: 950px) {
	.header .right .search_bar{display:none}
	.home_content .col65{width: calc(100% - 20px);  padding-right:0}
	.home_content.content_img .col65{margin-bottom:50px;}
	.home_content .col35{width: calc(100% - 20px);}
	.home_content.img_text .flexbox{    flex-direction: column-reverse;}
	.home_content.img_text.content_img .col65{padding-left:0px; margin-top:50px; margin-bottom:0}
	.footer .wrap .col50 {width: calc(100% - 20px); margin-bottom:50px;}
	.footer .wrap .col50 .col50{width: calc(50% - 20px); margin-bottom:0}
	.footer .wrap .col25{width: calc(50% - 20px);}
	.footer .title { margin-bottom: 25px;}
	.footer .social_btns {  text-align: left;}
	.team_block .member{width: calc(50% - 20px);}
	.team_block .member .text {    padding: 20px 15px;}
}

@media only screen and (max-width: 800px) {
	h1, .h1 {font-size: 30px;}
	.btn.xl_btn {font-size: 20px;}
	
	.slider{margin-bottom:50px}
	.slider .slide .overlay .title { font-size: 40px;}
	.slider .slide .overlay .subtitle {font-size: 30px;}
	
	
}
@media only screen and (max-width: 700px) {
	.shop_banner .screen{width:100%; text-align:center;}
	.shop_banner .screen img{display:inline-block;}
	.shop_banner .text{width:100%; text-align:center;	}
	.shop_banner .overlay .text{padding-left:0}
	.shop_banner .overlay .text .inner:after {top: 5px; transform: rotate(90deg); width: 86px;  height: 29px;     left: -83px;}
	.branches_block .wrap .col25{width: calc(50% - 20px);}
}

@media only screen and (max-width: 600px) {	
	.btn.round_btn { height: 50px;    width: 50px;    line-height: 50px;    font-size: 18px;}
	.btn.small_round_btn { height: 25px;    width: 25px;    line-height: 25px;  }
	.header .logo {    width: 150px; text-align:center}

	.header .right {    width: calc(100% - 150px);}
	
	.header .right .btns .btn{margin-left:2px;}
	
	.brands_block .wrap .col20{width: calc(33.3333% - 20px);}
	.footer .wrap .col50 .col50{width: calc(100% - 20px); margin-bottom:0}
	.footer .wrap .col25{width: calc(100% - 20px);}
}

@media only screen and (max-width: 550px) {	
	.team_block .member{width: calc(100% - 20px);}
}
@media only screen and (max-width: 500px) {	
	
	.wpcf7 .label{width: 100%; }
	.wpcf7 .form_field{width: calc(100%);}
	.gallery .wrap .col16{width: calc(50% - 20px);}
}

@media only screen and (max-width: 470px) {	
	.header .logo {    width: 100%;}
	.header .right {    width: calc(100%);}
	.header .right .flexbox{justify-content: center;}
	.header .logo img{display:inline-block;}
	.brands_block .wrap .col20{width: calc(50% - 20px);}
	.branches_block .wrap .col25{width: calc(100% - 20px);}
	.usp_icon_bar .usp .icon{width:50px;}
	.usp_icon_bar .usp .text{width:calc(100% - 50px); padding-left:20px;}
	
}
@media only screen and (max-width: 400px) {	
	html, body{font-size:17px;}
	h1, .h1 {        font-size: 28px;    }
	h2, .h2{font-size:22px;}
	h3, .h3{font-size:20px;}
	h4, .h4{font-size:19px;}
	h5, .h5{font-size:18px;}
	h6, .h6{font-size:17px;}
	.btn.l_btn { font-size: 17px;}
	.btn.xl_btn {    font-size: 18px;}
	.slider .slide .overlay .title { font-size: 30px;}
	.slider .slide .overlay .subtitle {font-size: 24px;}
	.slider .slide .overlay .btn_bar {    margin-top: 2em;}
	

	
	
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}