@charset "UTF-8";/*!*/
hr{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
         /* custom first screen */
         h1,h4,ul{margin:0}.btn,h4{color:#000}.btn,button{cursor:pointer}@font-face{font-family:ProximaNova-Semibold;src:url(fonts/ProximaNova-Semiboldd41d.eot?#iefix) format('embedded-opentype'),url(fonts/ProximaNova-Semibold.woff2) format('woff2'),url(fonts/ProximaNova-Semibold.woff) format('woff'),url(fonts/ProximaNova-Semibold.html) format('opentype')}@font-face{font-family:MuseoSansCyrl-300;src:url(fonts/MuseoSansCyrl-300d41d.eot?#iefix) format('embedded-opentype'),url(fonts/MuseoSansCyrl-300.woff2) format('woff2'),url(fonts/MuseoSansCyrl-300.woff) format('woff'),url(fonts/MuseoSansCyrl-300.ttf) format('truetype')}@font-face{font-family:MuseoSansCyrl-500;src:url(fonts/MuseoSansCyrl-500d41d.eot?#iefix) format('embedded-opentype'),url(fonts/MuseoSansCyrl-500.woff2) format('woff2'),url(fonts/MuseoSansCyrl-500.woff) format('woff'),url(fonts/MuseoSansCyrl-500.ttf) format('truetype')}@font-face{font-family:MuseoSansCyrl-700;src:url(fonts/MuseoSansCyrl-700d41d.eot?#iefix) format('embedded-opentype'),url(fonts/MuseoSansCyrl-700.woff2) format('woff2'),url(fonts/MuseoSansCyrl-700.woff) format('woff'),url(fonts/MuseoSansCyrl-700.ttf) format('truetype')}@font-face{font-family:MuseoSansCyrl-900;src:url(fonts/MuseoSansCyrl-900d41d.eot?#iefix) format('embedded-opentype'),url(fonts/MuseoSansCyrl-900.woff2) format('woff2'),url(fonts/MuseoSansCyrl-900.woff) format('woff'),url(fonts/MuseoSansCyrl-900.otf) format('opentype')}
		 
		 /*Общие*/
		  img{vertical-align:middle; height:auto} 
		  a{text-decoration:none;color:#000}	
			a:hover{color:green}
		  ul{list-style:auto; padding:0; padding-left:22px;} 
		  h1{font-size: 1.75rem; color: #3e6d3e; border-left: 2px solid #235e40;padding-left: 19px;margin-bottom:26px;} 
		  h2{font-size:1.875rem;font-family:ProximaNova-Semibold,sans-serif;color:#000;margin:0 0 4.9%}
		  h3{font-size:1.65rem;}
		  h4{font-size:1.25rem}
		  li{margin:8px 0;list-style: disc;}
		 
		 
		 		 
	 .page{opacity:0;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;transition:.5s ease-in;overflow:hidden}*{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:100%}body{margin:0 auto;overflow-x:hidden;min-width:320px;line-height:1.2;font-family:MuseoSansCyrl-300,sans-serif;}
		 
		 
	/* header site */ 
	.header_main,h2{position:relative}
	.header_main{background:url(/assets/img/bg_spanbond.jpg) center top no-repeat;text-align:right}
	.header_menu li,.header_phone a,h4{font-family:MuseoSansCyrl-700,sans-serif}
	.header_main_content{width:35%;margin-left:15.5%;background:#fff;padding:2.5% 2% 0.5% 1%;text-align:left; opacity: 0.9;}
	.header_top{font-size:0}
	.header_nav,.header_top .logo{display:inline-block;vertical-align:top}
	.header_nav{}
	.logo{width:53%}
	.header_phone,.team .box_slider .box_item,.team .slick-slide{text-align:center;}
	.header_menu li{font-size:.875rem;text-align:right;list-style:none;/* padding:3px 0; */cursor:pointer; font-style: italic; font-weight:bold;}
	.header_menu li:after{content:"";display:inline-block;width:12px;height:1px;background:#999;vertical-align:middle}
	.header_menu li a{padding-right:12px;color:rgba(85,85,85,1);-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
	.header_menu li a:hover{color:green; text-decoration:underline;} 
	.header_phone{position:absolute; top: 0; left:12%; opacity: 0.9; text-align: right; border-radius: 0 0px 5px 0; background: #fff; width: 78%;padding: 5px 0; z-index: 99;}
	.header_phone a{margin:7px;}
	.header_phone span{font-size: 1rem; color: #323232;font-weight: bold; text-align:left;margin: 0 5px 9px 0}
	.header_phone span img {width:18px;}
	.header_body{margin:6% 0 6% 1%}header h2{margin:6.5% 0 8.5%;line-height:40px}
	.header_body p{font-size:1.25rem;margin-bottom:4.5%;line-height:1.5}
	.header_footer p{font-size:.875rem;font-style:italic;line-height:1.45}.header_footer small{color:#bdc1c6;font-size:.75rem;font-family:MuseoSansCyrl-500,sans-serif}
 
	.btn,h1{font-family:MuseoSansCyrl-900,sans-serif;letter-spacing:1px;text-transform:uppercase}button{border:none;background:0 0}
	.btn{font-size:1.1rem;padding:0;position:relative;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;display:inline-block}.btn:hover{opacity:.8}
	.btn span{position:absolute;top:52%;left:0;color:#fff;font-weight: bold; font-size: 1.1rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-left:26px;    text-shadow: 0 0 1em black;}	 
		 

.section_header{text-align:center;width:85%;margin:0 auto} .section_header p, .scope p{font-size:1.25rem;}ul li span{padding-left:10px;display:inline-table;vertical-align:top;width:99%}ul li::before{display:inline-block;width:5px;height:5px;background:#555;border-radius:50%;vertical-align:middle}

.get_project{background:url(assets/img/bg_onas.jpg) 100% 100% no-repeat; padding:10px 0 40px 0;}
.get_project .section_body{width:64.7%;margin:0 auto;font-size:1.2rem}


.get_project .box_video{width:55%;display:inline-block;vertical-align:top;position:relative;cursor:pointer}

.get_project .box_video::after,.get_project .box_video::before{display:block;z-index:-1;content:""}

.box_video img{width:99%;z-index: 99; position: relative;}

.get_project .box_video::before{position:absolute;background:#6bc67e;width:200px;height:200px;top:-20px;left:-20px; z-index: 99;}
.get_project .box_video::after{background:url(assets/img/icon_6.png) 100% 100% no-repeat;background-size:100% 100%;position:absolute;width:225px;height:140px;bottom: -27px; right: -28px; z-index: 2;opacity: 0.6;}

.box_descr{width:44%;display:inline-block;vertical-align:top;}
.box_descr p{font-size:1.1rem;margin:0 0 10px 0;line-height:1.5;}
.box_descr p strong{background: #6bc67e;  padding: 5px;  display: block;  width: 101%;   text-align: center; margin-left: -12px;}
.box_descr li{margin-bottom:11px;font-size:1.25rem;}


.our{font-size: 1.20rem; margin: 3% 0;}
.our b{text-align:center; display:block;    text-transform: uppercase;}
.container .our .box_item{     min-height: 202px;    min-height: 187px;    width: 29%;    border: 1px solid red;}
.our .box_item:before{position:absolute;background:#6bc67e;width:200px;height:200px;top:-20px;left:-20px; display:block;}
.container{margin-top:40px;}
.spanbond{padding-top:5%}
.spanbond h2{margin-bottom:30px}
.spanbond .section_header p{margin-bottom:4%}
.spanbond .section_body{background:url(assets/img/bgg.jpg) center 100% repeat;position:relative}
.spanbond .section_body .container{/* padding: 2.6% 5% 3% 0; */ width: 100%; margin-left: 0.8%;font-size: 0;}
.spanbond .section_body .box_item, .our .box_item{display: inline-block;width: calc(22% - 28px);background:#fff url(assets/img/ffffff.png) bottom left no-repeat;opacity:0.8;color:#000;vertical-align: top;min-height: 270px;min-width:170px;margin:10px 31px;font-size: 1rem;padding: 8px 11px;text-align: center;border-radius: 8px; -webkit-border-radius: 8px;-moz-border-radius: 8px;}
.box_item hr{border-top: 1px solid green;display:block;}
	/* .box_item img { margin: 0 21px 0 0; display: block;vertical-align:top;} */
	
	.spanbond .section_body .container .box_item img { width:65px;}
	.spanbond .section_body .box_item:last-child{margin-right:0}
	.spanbond .section_body .box_item h4{margin: 15px 0; text-align: center; color:green;}
	.spanbond .section_body .box_item .subtitle{font-size:1.25rem;margin:10% 0;display:block;color:#222}
	.spanbond .link_qs{display:block;color:#009cff;line-height:1.4;margin-bottom:9%;-webkit-transition:.3s;transition:.3s}
	.spanbond .section_body .box_item p{margin:0;line-height:1.4;text-align:justify; font-size: 1.05rem;text-shadow: 1px 0px black; }
	.spanbond .link_qs:hover{opacity:.7}
	.spanbond .link_qs img{vertical-align:middle;padding-left:7px}
	.spanbond .btn_spanbond{margin-top:30px}
	.spanbond .btn span{padding-left:23px}
	.spanbond .section_footer{background:url(assets/img/img_11.jpg) no-repeat;background-size:100%;text-align:center}
	.spanbond .section_footer .title{padding-top:25px}
	.spanbond .section_footer .box_item{height:410px;width:45%;margin:0 25px;background:#fff;box-shadow:0 0 25px 0 #ddf9e0;border-radius: 5px;display:inline-block;vertical-align:top;margin-bottom:35px;cursor:pointer;-webkit-transition:.5s ease-in;transition:.5s ease-in}
	.spanbond .section_footer .box_item img{float:left; width: 42%; /* height: 318px; */ margin:0 2% 0 0;}
	.spanbond .section_footer .box_title{font-size:1rem;border-radius: 5px 5px 0 0; background: green;padding: 10px;color: #fff;
    text-transform: uppercase; -webkit-transition:.5s ease-in;transition:.5s ease-in}
	.spanbond .section_footer .price{font-size:1.25rem;color:#ffc500;text-transform:uppercase;-webkit-transition:.5s ease-in;transition:.5s ease-in;display:block}
	.top_box {overflow: auto; height: 353px;  margin: 16px 0 0 0;  text-overflow: ellipsis;}
	.top_box p, .top_box ol, .top_box ul	{font-size: 1rem;   text-align: left;   line-height: 18px;	margin: 0 12px 10px 12px;     text-align: justify;}
		

.scope{position:absolute;z-index:-1;opacity:0}
.scope.active{position:relative;opacity:1;z-index:1}


.section_header p{margin-bottom:3.6%;margin-top:0}
.steps .section_body .descr{margin-bottom:6.5%;margin-top:0;font-size:1.25rem;line-height:1.5}
.steps .section_body .title{font-size:1.25rem;border-bottom:1px solid #ffc500;width:37.2%;margin-top:0;padding-bottom:15px;margin-bottom:15px}
.steps .section_body .box_item{display:inline-block;vertical-align:top;width:50%;position:relative;z-index:1}
.steps .section_body .box_item:first-child img{width:89%}
.steps .section_body .box_item:last-child::before{content:'';position:absolute;display:inline-block;background:#ffc500;width:110px;height:110px;top:-30px;right:-30px;z-index:-1}.steps .section_body .box_item:nth-child(odd){padding-right:4.5%}
.steps .section_body img{max-width:100%;margin-bottom:23px}
.steps .section_footer{background:#fff;padding:50px 0}
.steps .section_footer .container{width:60%;margin:0 auto;text-align:center}
.steps .section_footer .container .text{display:inline-block;width:auto;font-size:14px;letter-spacing:.5px}
.steps .section_footer .container .text a{text-decoration:underline;color:#009cff;-webkit-transition:.3s ease-in;transition:.3s ease-in;margin-left:18px}.steps .btn{margin-right:18px}

.contract{background:url(assets/img/img_10.jpg) no-repeat;background-size:cover;padding:0}
.contract .container{/*width:555px;margin-left:20%;*/background:#fff;padding:20px 25px;position:relative;z-index:1}
.contract .container .title{text-align: center;font-size:1.563rem;font-family:ProximaNova-Semibold,sans-serif;color:#222;margin-bottom:7px;margin-top:0}
.contract .container .list_cond{margin:0;list-style:none;padding:0}
.contract .container .list_cond p{margin-bottom:20px; font-size:16px;}


.map{display:block; width:100%; height:350px;}
.footer {background: #f7f7f7;border-top: 10px solid #fff;}
.footer .container{width:60%;margin:0 auto;padding:22px 0;font-size:0}
.footer .container .box_item{display:inline-block;vertical-align:top;font-size:0.8rem;/* text-align:right; */width:33%}
.footer .container .box_item:nth-child(2){width:33%;text-align:center}
.footer .container .box_item:nth-child(3){width:33%;text-align:right}
.footer .container .box_item p{margin:0}
.footer .social_icons{font-size:0;margin-bottom:10%}
.footer .social_icons a{display:inline-block;padding-right:14px;-webkit-transition:.3s ease-in;transition:.3s ease-in}


.footer_phone{position:relative;padding-top:18px;padding-bottom:11.2%;font-family:MuseoSansCyrl-700,sans-serif}
.footer_phone img{margin-right: 6px;width: 17px;}
.footer .copy {font-size:16px;text-align:center;font-size: 1rem;}

.development{text-align:center;font-size:14px}.development a{color:#009cff}.development .separator{margin:15px 0 20px}@media (min-width:1960px){.spanbond .section_body{background-size:contain}.get_project .btn{width:380px}

.spanbond .btn_spanbond{width:283px}
.spanbond .btn_spanbond img{width:100%}


.team .box_slider{width:70%}.portfolio .container{width:68%}.portfolio .container .box_gallery .item_mini .mini_top{height:285px}.portfolio .container .box_gallery .item_mini .mini_bottom{height:325px}.portfolio .container .box_gallery .item_main{height:610px}.contract{background-size:100%}.footer_phone img{right:130px}.steps .section_body .box_item:last-child::before{top:-3%;right:7%}.btn{width:293px}.btn img{width:100%}}


.border_bottom_flex2, .border_bottom_flex:hover {
    -webkit-transition: .3s;
    box-shadow: 0 0 30px 1px rgba(0,0,0,.2);
}

.border_bottom_flex, .border_bottom_flex2 {
    height: 80px;
    background-color: #47b85e;
    position: fixed;
    bottom: 40px;
    opacity: .8;
    right: 40px;
    width: 80px;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 34px;
    display: none;
}

.border_bottom_flex .wrap, .border_bottom_flex2 .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.border_bottom_flex span, .border_bottom_flex2 span {
    text-transform: uppercase;
    color: #fff;
    font-family: MuseoSansCyrl-900,sans-serif;
    letter-spacing: 1px;
}

.border_bottom_flex img, .border_bottom_flex2 img {
 /*    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); */
    display: block;
    color: #000;
    position: relative;
    margin: 0 auto;
}

.border_bottom_flex {
    width: 100%;
    right: 0;
    left: 0;
    border-radius: 0;
    bottom: 0;
    height: 50px;
}


.spanbond .section_footer .list_serv .dopcolor{  font-weight: 700;  text-transform: uppercase;}

.form {
border: 1px solid green;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    max-width: 700px;
}
.fbd{width: 49%;display: inline-block;}

input, label, textarea { display: block; font-size:1.1rem;margin-top: 15px;}
input, textarea,select { margin: 0 0 10px 0;  width: 100%;
    border-radius: 5px;
    border: 1px solid green;
    background: #fff;
    padding: 18px;
    font-size: 15px;
    font-family: Arial,sans-serif;
    box-sizing: border-box;}
input.submit_button { 
    width: 275px;
    height: 57px;
    padding-right: 58px;
    background: url(assets/img/btnh.png) no-repeat;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;}
input.submit_button:hover { opacity:0.8;}
span.required,
span.error { color: #ff0000; }
span.required { font-size: 18px; }
span.error { font-size: 11px; }


@media (min-width:1960px){html{font-size:120%}.get_project{background:#eee;}}
@media (max-width:1600px){html{font-size:95%}.header_main_content{padding-left:2%;width:40%;margin-left:11%}}

@media (max-width:1680px){.spanbond .section_header{margin-top:20px}.team .box_descr{padding-right:13px}.team .box_slider{width:75%}.team .box_slider span{padding:0 10px}.footer .container,.get_project .section_body,.portfolio,.steps .section_body,.team .section_body{width:85%}.contract .container{/*margin-left:15%*/}}

@media (max-width:1440px){.project_decorate_img{left:50%}.portfolio .container{width:71%}.portfolio .container .box_descr ul li:nth-child(6),.portfolio .container .box_descr ul li:nth-child(7),.portfolio .container .box_descr ul li:nth-child(8){width:67%}.spanbond .section_header{margin-top:0}}

@media (max-width:1366px){html{font-size:90%} header h2{line-height:1.2}.spanbond .section_body .container{/* width:730px */}.team .box_slider{width:706px}.team .box_slider::after{bottom:105px}.get_project .box_descr p:nth-child(2){padding-right:7%}}

@media (max-width:1280px){.footer .container,.get_project .section_body,.portfolio,.steps .section_body,.team .section_body{width:85%}.section_header{width:80%}.project_decorate_img{left:20%}.contract .container{margin-left:7%} .header_menu a{font-size:0.8rem;}.logo{width:48%}.header_top .logo{width:14%}.header_nav{width:99%}.header_top .logo img{width: 190px;position: absolute;}}

@media (max-width:1024px){.header_main_content{width:47%;margin-left:7%}.spanbond .section_body .box_item{width: calc(33% - 68px);min-height: 355px;}.project_decorate_img,.spanbond .section_footer .box_item:nth-child(3)::after,.team .box_slider::after{display:none}.footer .container,.get_project .section_body,.portfolio,.steps .section_body,.team .section_body{width:90%}.spanbond .section_body .container{margin:0 auto;/*width:80%*/}.spanbond .section_footer .box_item{width:30%}.team .box_descr{width:60%}.team .box_slider{width:100%}.team .section_body{position:relative}.team .box_descr .btn_team{position:absolute;top:14%;right:0;width:auto}.portfolio aside{padding:2%}h2{font-size:1.6rem}.steps .section_footer .container{width:100%}.header_top .logo img{ width: 180px;position: absolute;}}

@media (max-width: 991px) {.portfolio .container{padding: 55px 15px;background-color: #fff;width: 100%;}}

@media (max-width:960px){.header_main_content{width:55%;margin-left:0}.header_phone{left:20%}.portfolio{width:100%;padding-left:30px}.portfolio .box_gallery .item_main{height:368px}.portfolio .box_gallery .item_mini .mini_top{height:148px}.portfolio .box_gallery .item_mini .mini_bottom{height:220px}.steps .section_body .box_item:last-child::before{display:none}}

@media (max-width:800px){.header_main_content{width:100%;padding-top:29px/* background:rgba(255,255,255,.75) */}.header_phone{position:absolute;top:-22px;text-align:right;margin-top:22px;height:auto; background:none}.header_light{display:none}.header_phone img{left:70%;/* top:-58px */}.get_project .box_video{width:80%;display:block;margin:0 auto}.get_project .box_descr{width:100%}section{padding-top:5%}.spanbond .section_body .container{width:90%}.spanbond .section_footer .box_item{width:90%;text-align:left;margin-bottom:20px}.spanbond .section_footer .box_item .top_box{text-align:center}.spanbond .section_footer .box_item:nth-child(2) .top_box{background-size:100% 100%}.feedback{padding-bottom:8.5%}.feedback label{margin:0 15px}.feedback .btn{margin-top:20px}.portfolio{padding-left:0}.portfolio aside{position:static;width:100%;padding-left:13%;padding-right:13%}.portfolio .container{text-align:center;width:90%;margin:0 auto}.portfolio .tab_body{text-align:left}.section_header{width:100%;padding:0 15px}.steps .section_body .box_item{width:100%;text-align:center}.steps .section_body .box_item:first-child img,.steps .section_body img{width:50%}.steps .section_body .descr,.steps .section_body .title{text-align:left}.footer .container .box_item:first-child{padding-right:20px}.spanbond .btn_spanbond img{width:100%}.portfolio .tab_content{padding-right:0}}

@media (max-width:768px){h1{font-size:1.2rem}.spanbond .section_body .container{width:100%}.popup_window .zag{font-size:18px!important;line-height:22px!important}.popup_window button{font-size:14px!important}.popup_window p.desc.main{font-size:16px}#scope .active{display:none}.border_bottom_flex2{display: block !important;}.border_bottom_flex{display: none !important;}.portfolio .tab_ctrl .btn{display: block;margin-bottom: 10px;}.border_bottom_flex{display: block !important;}.border_bottom_flex2{display: none !important;}}

@media (max-width:736px){.header_menu{text-align:right;}.header_menu li a{font-size:.8rem;}.header_menu li{padding-left:20px}.header_phone a, span{font-size:1rem;}.header_phone{padding-top:0}.box_item_container .box_item.logo img{width:150px} .footer_phone{padding:0}}

@media (max-width:667px){.spanbond .section_header,.team .box_slider{margin-top:40px}.team .box_descr{width:100%;padding-right:0}.team .box_descr .btn_team{position:relative}.team .slick-next{right:25px}.portfolio .tab_content .slick-next{bottom:16%}.steps .section_footer .container .text{display:block}.development,.footer .container .box_item{font-size:12px}.contract .container{width:80%;margin:0 auto}ul li span{width:95%}.steps .section_footer .container .text a{display:block;margin-top:10px;margin-left:0}.steps .btn{margin-right:0;margin-bottom:10px}.steps .btn span{padding-left:33px}.spanbond .link_qs{padding-right:14px}.footer_phone img{right:112px;}}

@media (max-width:400px){.header_phone {width:100%; left:1%;} .spanbond .section_body .box_item, .our .box_item{margin: 10px 11px;}.box_item.logo img {display:none;}}

.top_box::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.top_box::-webkit-scrollbar
{
  width: 3px;
  background-color: #F5F5F5;
}

.top_box::-webkit-scrollbar-thumb
{
  background-color: green;
}