﻿/*	TEMP GOOGLE FONTS 
	font-family: 'Roboto', sans-serif;
		font-weight: 300;  
		font-weight: 500;  
		font-weight: 700; 
	*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,500,700&subset=cyrillic-ext,latin-ext');


/* RESET ------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:14px;font:inherit;vertical-align:baseline;margin:0;padding:0;font-family:'Roboto',sans-serif;font-weight:300;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input,select,textarea,button{font-family:'Roboto',sans-serif;font-size:14px;}

/* GLOBALS ------------------------------------------------------------------- */
:focus,:active {
	border: none;
	outline: none;
	box-shadow: none;
	}
body { font-size: 14px; line-height: 140%; color: #2e272a; background-color: #fafafa; }
h1,h2,h3,h4,h5,h6 { font-weight: 300; }
h1 { font-size: 36px; margin-bottom: 30px; line-height: 110%; }
h2 { font-size: 28px; margin-bottom: 25px; line-height: 110%; }
h3 { font-size: 23px; margin-bottom: 20px; line-height: 115%; }
h4 { font-size: 18px; margin-bottom: 15px; line-height: 120%; }
h5 { font-size: 16px; margin-bottom: 15px; line-height: 125%; }
h6 { font-size: 14px; margin-bottom: 15px; line-height: 130%; }
p { font-size: 14px; margin-bottom: 20px; line-height: 150%; }
ul,ol { margin-bottom: 20px; } 
li { font-size: 14px; }
small { font-size: 11px; line-height: 100%; }
strong,b { font-weight: 700; color: inherit; }
hr { background: none; outline: none; border: none; border-top: 1px solid #c1c1c1; margin-top: 40px !important; margin-bottom: 40px !important; }
a, a:hover, a:link, a:visited { color: inherit; text-decoration: none; }
table { margin-bottom: 20px; }



/* GRID ------------------------------------------------------------------------------------------------------------------------------------ */
.container {
  width: initial !important;
  max-width: 1140px;
  padding: 0 15px;
}
.remove-gutter .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.remove-gutter div[class^="col"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mrg-bot-normal { padding-bottom: 30px !important; }
.mrg-bot-large { padding-bottom: 60px !important; }



/* COLUMNS ------------------------------------------------------------------- */
body.opened-mob-menu {
	overflow: hidden;
	}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	}
	/*.col {
		float: left;
		margin-left: 3.33%;
		}
	.col:first-child {
		margin-left: 0;
		}
		.col-12-12 { width: 100% }
		.col-9-12 { width: 74.16%; }
		.col-6-12 { width: 48.33%; }
		.col-4-12 { width: 31.11%; }
		.col-3-12 { width: 22.50%; }*/
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; }



/* CONTAINERS ------------------------------------------------------------------- */
.wrap-width {
	width: 900px;
	margin: 0 auto;
	}
.wrap-menu {
	overflow: visible;
	z-index: 99;
	}
	@media (max-width: 767px) { .wrap-menu { height: 60px; } }
	@media (min-width: 768px) { .wrap-menu { height: 110px; } }
.wrap-topcont {
	position: relative;
	}
.wrap-title {
	position: relative;
	padding-bottom: 20px;
	}
.wrap-content {
	position: relative;
	}
.wrap-page {
	position: relative;
	}
.wrap-product {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	background: url('images/ups-host-bg.jpg') center top no-repeat;
	}
.wrap-product-models {
	position: relative;
	padding-bottom: 60px;
	}
.wrap-about-company {
	padding-bottom: 60px;
	}
.wrap-maps {
	margin: 0;
	padding: 0;
	}
.wrap-footer {
	position: relative;
	background-color: #dddada;
	padding: 60px 0 60px 0;
	}


/* BITS ------------------------------------------------------------------- */
.button-orange-arrow {
	display: inline-block;
	background-color: #dddada;
	background-image: url('images/button-arrow-orange.svg');
	background-repeat: no-repeat;
	background-position: 15px 14px;
	height: 40px;
	font-size: 13px;
	font-weight: 700;
	line-height: 42px;
	padding: 0 25px 0 32px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.5s, color 0.5s;
	}
	.button-orange-arrow:hover {
		background-color: #382e2c;
		color: #ffffff;
		}
.button-attachment {
	display: inline-block;
	background-image: url('images/button-attachment.svg');
	background-repeat: no-repeat;
	background-position: 15px 12px;
	height: 40px;
	font-size: 13px;
	line-height: 42px;
	padding: 0 15px 0 37px;
	border: 1px solid #dddada;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.5s;
	}
	.button-attachment:hover {
		background-color: #dddada;
		}
		
.full-button {
	display: block;
	width: 100%;
	height: 42px;
	font-size: 13px;
	line-height: 44px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #dddada;
	text-align: center;
	transition: background-color 0.5s;
	text-decoration: none;
	color: #2e272a;
	}
	.full-button:hover {
		background-color: #d5d2d2;
		}
	.full-button.full-button-inline {
		display: inline-block;
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
		}
		
.icon-small {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	margin-right: 10px;
	background-image: url('images/button-attachment.svg');
	vertical-align: baseline;
	}



/* HEADER ------------------------------------------------------------------- */
#IntroBackground {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 520px;
	background: url('images/bg-intro.png') top center no-repeat; 
	background-size: cover; 
	}
	
#HeaderBackground {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	background: url('images/bg-page.png') top center no-repeat; 
	background-size: cover; 
	}
	@media (max-width: 767px) { #HeaderBackground { height: 60px; } }
	@media (min-width: 768px) { #HeaderBackground { height: 110px; } }


/* LOGO ------------------------------------------------------------------- */
#Logo {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	}
	#Logo img {
		width: auto;
		}
	@media (max-width: 767px) { #Logo img { height: 30px; margin-top: 14px; } }
	@media (min-width: 768px) { #Logo img { height: 42px; margin-top: 34px; } }


/* LANGUAGE ------------------------------------------------------------------- */
#Lang {
	position: relative;
	float: right;	
	margin-top: 42px;
	}
	#Lang li {
		float: left;
		margin: 0 0 0 10px;
		text-align: center;
		}
		#Lang li > a {
			float: left;
			height: 30px;
			font-size: 9px;
			color: #696567;
			line-height: 30px;
			text-transform: uppercase;
			/* anim */
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-property: color;
			transition-property: color;
			}
		#Lang li > a:hover,
		#Lang li.active > a { color: #ffffff; }
				

/* HAMBURGER ------------------------------------------------------------------- */			
#Hamburger {
	position: relative;
	float: right;
	width: 42px;
	height: 42px;
	margin-top: 9px;
	}
	#Hamburger > span {
		position: absolute;
		display: block;
		top: 9px;
		left: 9px;
		width: 24px;
		height: 24px;
		}
		#Hamburger > span > i {
			position: absolute;
			display: block;
			width: 24px;
			height: 2px;
			background-color: #ffffff;
			transition: all 0.25s;
			}
		#Hamburger > span > i.mh-top { left: 0; top: 4px; }
		#Hamburger > span > i.mh-bot { left: 0; top: 18px; }
		#Hamburger > span > i.mh-mid1 { left: 0; top: 11px; }
		#Hamburger > span > i.mh-mid2 { left: 0; top: 11px; }
		#Hamburger > span:hover i.mh-top { left: 0; top: 2px; }
		#Hamburger > span:hover i.mh-bot { left: 0; top: 20px; }
		#Hamburger > span:hover i.mh-mid1 { left: 0; top: 11px; }
		#Hamburger > span:hover i.mh-mid2 { left: 0; top: 11px; }
		.opened-mob-menu #Hamburger > span > i.mh-top { left: 0; top: 11px; opacity: 0; }
		.opened-mob-menu #Hamburger > span > i.mh-bot { left: 0; top: 11px; opacity: 0; }
		.opened-mob-menu #Hamburger > span > i.mh-mid1 { left: 0; top: 11px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
		.opened-mob-menu #Hamburger > span > i.mh-mid2 { left: 0; top: 11px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
				

/* MENU ------------------------------------------------------------------- */	
@media (min-width: 768px) {

		#Menu {
			display: block !important;
			float: right;
			margin: 34px 0 0 0;
			}
			#Menu.open {
				display: block;
				margin: 0 0 0 0;
				}
			#Menu > ul {
				height: 42px;
				margin-bottom: 0;
				}
				#Menu > ul > li {
					position: relative;
					float: left;
					height: 40px;
					border-top: 2px solid transparent;
					/* anim */
					-webkit-transition-duration: 0.5s;
					transition-duration: 0.5s;
					-webkit-transition-property: border-color;
					transition-property: border-color;
					}	
				#Menu > ul > li:hover { 
					border-top: 2px solid #716664;
					}
				#Menu > ul > li.active { 
					border-top: 2px solid #f58220;
					}
					#Menu > ul > li > a {
						float: left;
						height: 42px;
						padding: 0 20px;
						color: #ffffff;
						font-size: 12px;
						line-height: 42px;
						text-transform: uppercase;
						}
						#Menu li > ul {
							position: absolute;
							z-index: 99;
							display: none;
							top: 42px;
							left: 0px;
							margin-bottom: 0;
							}			
							#Menu li > ul > li {
								width: 225px;
								border-top: 1px solid #51494d;
								background: #443a38;
								}		
							#Menu li > ul > li:first-child {
								border-top: none;
								}	
							#Menu li > ul > li:hover > a { 
								color: #bebdbd;
								}	
								#Menu li > ul > li > a {
									display: block;
									padding: 15px 10px;
									color: #ffffff;
									line-height: 100%;
									}
	}
							
@media (max-width: 767px) {
	
		#Menu {
			display: none;
			position: fixed;
			z-index: 9999;
			top: 60px;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #302826;
			}	
			#Menu.show { display: block; }	
					
			#Menu {
				padding: 18px 0;
				}
			#Menu ul {
				display: block;
				margin: 0;
				padding: 0;
				}		
				#Menu ul > li {
					display: block;
					text-align: center;
					border-bottom: 1px solid rgba(255,255,255, 0.1);
					}	
					#Menu ul > li > a {
						display: block;
						padding: 0 30px;
						color: #ffffff;
						font-size: 12px;
						line-height: 60px;
						text-transform: uppercase;
						}	
					#Menu ul > li.active > a {
						font-weight: 700;
						color: #F99D29;
						}
					#Menu li > ul {
						margin-left: 30px;
						}	
						#Menu li > ul > li > a {
							color: #9b918f;
							}	
	}


/* TITLE QUOTE ------------------------------------------------------------------- */
#TitleLeft {
	float: left;
	}
	#TitleLeft .title-image {
		display: block;
		width: 100%;
		height: auto;
		}
#TitleRight {
	position: relative;
	float: right;
	}
	#TitleRight .title-quote {
		width: 100%;
		color: #ffffff;
		}
		#TitleRight .title-quote h1 {
			font-size: 36px;
			font-weight: 300;
			margin-bottom: 10px;
			color: #ffffff;
			text-transform: uppercase;
			}
		#TitleRight .title-quote p {	
			font-size: 28px;
			font-weight: 300;
			line-height: 120%;
			color: #f58220;
			margin: 0;
			}
	#ContactPhones {	
		color: #382e2c;
		padding-bottom: 0;
		}
		#ContactPhones ul {	
			width: 100%;
			margin-top: 30px;
			color: #382e2c;
			}
			#ContactPhones li {	
				box-sizing: border-box;
				padding-left: 50px;
				color: #382e2c;
				}
			#ContactPhones li.sales {	
				background: url('images/icon-list-sale.svg') 0 0 no-repeat;
				}
			#ContactPhones li.service {	
				background: url('images/icon-list-service.svg') 0 0 no-repeat;
				}
				
				


/* CONTENT ------------------------------------------------------------------- */		
.type-style p > a {
	color: #f58220;
	text-decoration: underline;
	}
	.type-style p > a:hover {
		text-decoration: none;
		}
.type-style ul {
	list-style: none;
	padding-left: 30px;
	}
	.type-style ul > li {
		line-height: 150%;
		padding-left: 30px;
		background: url('images/bullet.svg') 0px 9px no-repeat;
		}
		
.type-style h2 {
	color: #f58220;	
	}

	
	
/* COMPANY INFO ------------------------------------------------------------------- */
	
#AboutCompanyList {
	padding-bottom: 30px;
	}
	#AboutCompanyList ul {
		margin: 0;
		padding: 0;
		}
		#AboutCompanyList li {
			float: left;
			margin: 0 0 20px 0;
			padding: 70px 0 0 0;
			background-repeat: no-repeat;
			}
		#AboutCompanyList li strong {
			font-size: 12px;
			}
			#AboutCompanyList li.financial { background-image: url('images/icon-company-1.svg'); }
			#AboutCompanyList li.datacenter { background-image: url('images/icon-company-2.svg'); }
			#AboutCompanyList li.telecom { background-image: url('images/icon-company-3.svg'); }
			#AboutCompanyList li.government { background-image: url('images/icon-company-4.svg'); }
			#AboutCompanyList li.healthcare { background-image: url('images/icon-company-5.svg'); }
	

	
	
/* CATEGORY PRODUCT ------------------------------------------------------------------- */
.category-product {
	margin-bottom: 30px;
	background-color: #f1f1f1;
	height: 100%;
	}
	.category-product .title {
		padding: 25px 30px 0 30px;
		background-color: #ffffff;
		}
		.category-product .title p {
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			border-bottom: 1px solid #dddada;
			padding-bottom: 17px;
			margin-bottom: 30px;
			}
		.category-product .title img {
			display: block;
			height: 175px;
			width: auto;
			margin: 0 auto;
			padding: 0;
			}
	.category-product .description {
		position: relative;
		padding: 30px;
		}
		.category-product .description p {
			margin-bottom: 30px;
			}
	

	
/* CONTENT ------------------------------------------------------------------- */
.white-box {
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 25px 30px 0 30px;
	margin-bottom: 120px;
	}
	.white-box .title {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		border-bottom: 1px solid #dddada;
		padding-bottom: 17px;
		margin-bottom: 30px;
		}
			
	#CustomIconList {
		}
		#CustomIconList li {
			margin-bottom: 15px;
			padding-left: 52px;
			}
		#CustomIconList li.stationery {
			background: url('images/icon-custom-1.svg') 0 0 no-repeat;
			}
		#CustomIconList li.shield {
			background: url('images/icon-custom-2.svg') 0 0 no-repeat;
			}
		#CustomIconList li strong {
			font-size: 12px;
			}
	

	
/* PRODUCT ------------------------------------------------------------------- */
.wrap-product h2 {
	color: #f58220;	
	}
	.wrap-product .prod-image { 
		display: block; 
		margin: 0 auto;
		margin-bottom: 30px;
		}
.wrap-product-models .title {
	font-size: 13px;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px solid #dddada;
	padding-bottom: 17px;
	margin-bottom: 30px;
	}
.wrap-product-models .description p {
	margin-bottom: 5px;
	}
.wrap-product-models .image {
	text-align: center;
	}
	.wrap-product-models .image img {
		width: 100%;
		max-width: 125px;
		margin: 0 auto;
		}
.wrap-product-models .col .col {
	width: 50%;
	margin-left: 0;
	margin-bottom: 30px;
	}
	
.wrap-model-table {
	margin-bottom: 30px;
	}	
.wrap-model-table .image-group {
	text-align: center;
	}	
	.wrap-model-table .image-group img {
		width: 100%;
		}
			
.model-data-table {
	width: auto;
	overflow-x: auto;
	}
@media (max-width: 768px) { 
	.model-data-table { 
		margin-left: -15px;
		margin-right: -15px;
		} 
	.model-data-table table {
		border-right: 15px solid #fafafa;
		border-left: 15px solid #fafafa;
		}
	}
	
	.model-data-table table {
		width: 100%;
		text-align: left;
		font-size: 14px;
		white-space: nowrap;
		}
		.model-data-table th {
			padding: 7px;
			border-bottom: 1px solid #dddada;
			vertical-align: bottom;
			}
		.model-data-table td {
			font-weight: 700;
			padding: 7px;
			border-top: 1px solid #dddada;
			}

	

	
/* MAPS ------------------------------------------------------------------- */
#googleMap {
	width: 100%;
	height: 400px;
	background-image: url('images/5b-ieriku-street.gif');
	background-position: center center;
	}
	

	
/* FOOTER ------------------------------------------------------------------- */
.wrap-footer {
	}
.wrap-footer .col-3-12 {
	margin-bottom: 30px;
	}
	#MenuFooter {
		}
		#MenuFooter ul {
			margin-bottom: 60px;
			}
			#MenuFooter li {
				display: inline;
				margin-right: 40px;
				}
				#MenuFooter a {
					color: #382e2c;
					font-size: 12px;
					font-weight: 700;
					text-transform: uppercase;
					}
	.footer-icon {	
		display: inline-block;
		box-sizing: border-box;
		padding-left: 50px;
		color: #382e2c;
		margin-bottom: 30px;
		}
		.footer-icon.sales {	
			background: url('images/icon-list-sale-white.svg') 0 0 no-repeat;
			}
		.footer-icon.service {	
			background: url('images/icon-list-service-white.svg') 0 0 no-repeat;
			}
	.footer-address p > a {
		color: #d74029;
		}
		.footer-address p > a:hover {
			text-decoration: underline;
			}
	.footer-copyright p {
		font-size: 12px;
		color: #aca9a9;
		}
		
		
/* Form ------------------------------------------------------------------- */
.form-control {
	font-weight: 700;
	}
	.has-error .form-control {
		border-color: #f58220;
		}
.alert {
	border: none;
}


		
/* Spinner ------------------------------------------------------------------- */
.loader {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	border: 3px solid #dddada;
	border-top: 3px solid #2e272a; 
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 1s linear infinite;
	}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
	


/* Hidden/clear classes ------------------------------------------------------------------- */

.hidden {
    display: none !important;
    visibility: hidden;
	}
.invisible {
    visibility: hidden;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}	
.clear {
	clear: both;
	}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
	}
.clearfix:after {
    clear: both;
	}
.clearfix {
    *zoom: 1;
	}

	

/* MEDIA QUERIES ------------------------------------------------------------------- */

@media all and (min-width: 0px) {

	.wrap-page { padding: 30px 0; }
	/*.wrap-about-company .col-3-12 { width: 100%; }
	.wrap-about-company .col-9-12 { width: 100%; margin-left: 0; }
	.wrap-category-product .col-6-12 { width: 100%; margin-left: 0; }
	.wrap-content .col-6-12 { width: 100%; margin-left: 0; }
	.wrap-product .col-6-12 { width: 100%; margin-left: 0; }*/
		.wrap-product .prod-image { width: 100%; }
	/*.wrap-product-models .group > .col { width: 100%; margin-left: 0; }
	.wrap-page .col-6-12 { width: 100%; margin-left: 0; }
	.wrap-footer .col-3-12 { width: 100%; margin-left: 0; }*/
	.wrap-footer #MenuFooter { display: none; }
	.button-attachment.right { float: left; clear: left; margin-top: 10px; }
	
	#IntroBackground { height: 320px; }
		#TitleLeft {  }
			#TitleLeft .title-image { width: auto; height: 300px; margin: 0 auto 20px auto; }
		#TitleRight {  }
			#TitleRight .title-quote h1 { font-size: 30px; color: #f58220; }
			#TitleRight .title-quote p { font-size: 22px; color: #382e2c; }
			#TitleRight .title-quote p br { display: none; }
			#ContactPhones li { width: 100%; margin-bottom: 20px; }
	/*#Menu { display: none; }*/
	
	}

@media all and (min-width: 480px) {
	
	/*.wrap-footer .col-3-12 { width: 48.33%; margin-left: 3.33%; }
	.wrap-product .col-6-12 {  }*/
		.wrap-product .prod-image { width: 420px; }
	/*.wrap-footer .col-3-12:nth-child(2n+1) { margin-left: 0; }*/
	.wrap-footer #MenuFooter { display: block; }
	
		#TitleLeft {  }
			#ContactPhones li { float: left; width: 50%; }
	#AboutCompanyList li { width: 48.33%; margin-left: 3.33%; }
		#AboutCompanyList li:nth-child(2n+1) { clear: left; margin-left: 0; }
		
	}

@media all and (min-width: 768px) {
	
	.wrap-page { padding: 60px 0; }
	.wrap-title { padding-bottom: 40px; }
	/*.wrap-category-product .col-6-12 { width: 48.33%; margin-left: 3.33%; }
	.wrap-category-product .col:first-child { margin-left: 0; }
	.wrap-content .col-6-12 { width: 48.33%; margin-left: 3.33%; }
	.wrap-content .col:first-child { margin-left: 0; }
	.wrap-product .col-6-12 { width: 48.33%; margin-left: 3.33%; }	
	.wrap-product .col-6-12:first-child { margin-left: 0; }*/
		.wrap-product .prod-image { max-width: 436px; }
	/*.wrap-product-models .group > .col { width: 48.33%; margin-left: 3.33%; }
		.wrap-product-models .group > .col:nth-child(2n+1) { margin-left: 0; }
	.wrap-page .col-6-12 { width: 48.33%; margin-left: 3.33%; }
		.wrap-page .col-6-12:first-child { margin-left: 0; }
	.wrap-footer .col-3-12 { width: 22.50%; margin-left: 3.33%; }
	.wrap-footer .col-3-12:nth-child(2n+1) { margin-left: 3.33%; }
	.wrap-footer .col-3-12:nth-child(3n+1) { margin-left: 0; }*/
	
	#IntroBackground { height: 520px; }
		#TitleLeft { height: 500px; }
			#TitleLeft .title-image { width: auto; max-width: 440px; height: auto; margin: 0 auto; }
		#TitleRight { height: 500px; }
			#TitleRight .title-quote { position: absolute; bottom: 0; }
				#TitleRight .title-quote h1 { font-size: 36px; color: #ffffff; }
				#TitleRight .title-quote p { font-size: 28px; color: #f58220; padding: 0 0 60px 0; }
				#TitleRight .title-quote p br { display: inline; }
	#AboutCompanyList li { width: 30.33%; margin-left: 4.5%; }
		#AboutCompanyList li:nth-child(2n+1) { clear: none; margin-left: 4.5%; }
		#AboutCompanyList li:nth-child(3n+1) { clear: left; margin-left: 0; }
	
	}
	
@media all and (min-width: 960px) {

	.button-attachment.right { float: right; clear: none; margin-top: 0; }
		
	}


